Orkii

From OpenSocial Directory

Application Details Code http://hosting.gmodules.com/ig/gadgets/file/110151136466408566579/orkyy.xml Genre Directory Supports OpenSocial

Image:Example.jpg==Reviews== Add a Review
Template:Orkii Reviews

[edit] Comments

Leave a comment
Your Name: Heading: Comment:

[edit] Code

View Code

<?xml version="1.0" encoding="UTF-8"?>
<Module>
<ModulePrefs title="Orkii - Beta" />
<Content type="html"><![CDATA[
<style type="text/css">
hr {
 border: 0;
 width: 80%;
}

a.nounderline {
 font-size: 85%;
 text-decoration:none;
 color:blue;
}

a.paging {
 font-size: 95%;
 text-decoration:none;
 color:green;
}
a.applicationurl {
 text-decoration:none;
 color:green;
}

span.applicationtext {
 color:grey;
}

span.number{
 color:grey;
}

a.disabled {
 color:grey;
}

a.send {
 text-decoration:none;
 color:grey;
}

input.reset {
 background:#EEE;
 color:grey;
}

#main label.error {
 color :grey; 
 margin-left:20px;
 font-size : 75%;
 font-style: italic;
}

div.container {
 border:2px solid;
 width:350px;
 background-color:#3399ff;
}

font.label {
 color:grey;
}

</style>

  
<script type="text/javascript" src="http://likingthings.googlepages.com/jquery.js"></script>
<script src="http://likingthings.googlepages.com/jquery.metadata.js" type="text/javascript"></script>
<script type="text/javascript" src="http://dev.jquery.com/view/trunk/ui/current/ui.tabs.js"></script>
<script src="http://likingthings.googlepages.com/jquery.validate.js" type="text/javascript"></script>
<script src="http://likingthings.googlepages.com/jquery.blockUI.js" type="text/javascript"></script>
<link rel="stylesheet" href="http://dev.jquery.com/view/trunk/themes/flora/flora.all.css" type="text/css" media="screen" title="Flora (Default)">
<script type="text/javascript">
$().ajaxStop($.unblockUI); 

var page; 
var maxPages;
var itemsPerPage = 5;

function resolveResult(data){
 return data.substring(0,data.indexOf("ditto")); 
}

function pageName(){
 return "http://orki.freeweb7.com/page.php?";
}

function fetchContent(url,parameters,callback){
  for(key in parameters){
   url += key + '=' + encodeURIComponent(parameters[key]) + '&';
  }
  url = url.substring(0,url.length-1);
 _IG_FetchContent(url, callback, { refreshInterval: (30) });
}

function loadPage(){
 fetchContent(pageName(),{
   pageno : page
  },function(data){
  $("#data").html(resolveResult(data));
  onPageLoad()
 });
}

function onPageLoad(){
  $("#next").css("visibility","visible");  
  $("#prev").css("visibility","visible");    
  if(maxPages == 1 || page >= maxPages ){
   $("#next").css("visibility","hidden");   
  }
  if(page == 1){
   $("#prev").css("visibility","hidden");   
  }
  $("#data div").each(function(i){
   $("a",this).addClass("applicationurl");
   var num = (((page-1)*itemsPerPage)+i+1);
   $("a",this).before('<span class="number">'+num+'.</span> ');
   $("a",this).after('<br/>');
   $("span",this).addClass("applicationtext");
   $(this).after("<br>");
  });
}

function nextPage(){
 if(page == 1){
  $("#prev").css("visibility","hidden");  
 }
 page++;
 loadPage();
}

function prevPage(){
 if(page >= maxPages){
  $("#next").css("visibility","hidden");   
 } 
 page--;
 loadPage();	
}

function send(){
fetchContent("http://orki.freeweb7.com/appy_submit.php?",{
	name: $("#name").val(),
	url: $("#url").val(),
	description: $("#description").val(),
	tag1: $("#tag1").val(),
	tag2: $("#tag2").val(),
	tag3: $("#tag3").val()
},
function(data){
         var r = resolveResult(data);
         if(r == "OK"){
 	         $("#container").unblock();
	  }
	});
}

function first(){
 /*if($("#main").validate().form()){
  $("#container").block('<h1><img src="http://img0.gmodules.combusy.gif" /> Saving..</h1>'); 
  send();
  setTimeout(function(){
   $("div.container").unblock();
  },1000);
 }*/
}

function validate(){
 $("#main").validate({
  rules : {
   name: {required:true,minLength:3},
   url : {
        required: true,
	url: true	  
   },
   description : {required:true,minLength:5}
  },
  messages : {
   name: "*Please enter a valid name",
   url: "*Please enter a valid url",
   description : "*Please enter a valid description"	
  }
 });
}
 
function totalApplicationEntires(){
 fetchContent("http://orki.freeweb7.com/total_applications.php/",{},function(data){
   var r = resolveResult(data); 
   maxPages = r;
  });
}
  
$(document).ready(function(){

  page = 1;
  maxPages = 5;
  totalApplicationEntires();
  loadPage();
  $("#prev").click(function(){
    if(page > 1){
     prevPage();
    }
  });
  $("#next").click(function(){
    if(page < maxPages){
     nextPage();
    }
  });	

$("#refresh").click(function(){
 page = 1;
 totalApplicationEntires();
 loadPage();
});

$('#menu > ul').tabs(); 
  $("#send").click(function(){
   if($("#main").validate().form()){
   $("#container").block('<h3>Saving..</h3>'); 
   send();
   setTimeout(function(){
    $("#container").unblock();
   },1000);
  }
 }); 
 validate();            
$("input,textarea").css("border","1px solid grey").
 focus(function(){
  $(this).css("border","1px solid green");  
 }).
 blur(function(){
  $(this).css("border","1px solid grey");  
 });
});
             
</script>   

<div name="menu" id="menu" class="flora">
            <ul>
                <li><a href="#applications"><span>Applications</span></a></li>
                <li><a href="#container"><span>Submit</span></a></li>

                <li><a href="#about"><span>About</span></a></li>
            </ul>
            <div id="applications" >
<div align="right"> <a class="send" id="refresh" name="refresh" href="#">Refresh</a> </div>              
                <a id="prev" class="paging" href="#">< prev</a>
 		<a id="next" class="paging" href="#">next ></a>
 		<p><div id="data"></div></p>
            </div>
</div>  
<div id="container">
<form id="main" name="main">
  <div align="right"> <a class="send" id="send" name="send" href="#">Submit</a> <input class="reset" type="reset"/> </div>

  <p><font class="label"><label>Application Name</label></font><br><input id="name" name="name" type="text" size="40"/></p>
  <p><font class="label"><label>Application Url</label></font><br><input id="url" name="url" type="text" size="40"/></p>
  <p>
    <font class="label"><label>Application Description</label></font><br>
    <input id="description" name="description" type="text" size="40"/>
  </p>
  <p>

   <font class="label"><label>Tags</label><br></font>
   <input id="tag1" name="tag1" type="text" size="10"/> 
   <input id="tag2" name="tag2" type="text" size="10"/> 
   <input id="tag3" name="tag3" type="text" size="10"/>  
  </p>
</form>
</div>
<div id="about" style="font-size:80%;">
This orkut application allowers users to 
<ul>
<li>Submit
<li>Rate

<li>Tag
</ul>
different orkut applications.Users can install and play with
many different types of applications.
<p>
 click <b>Applications</b> to see all submitted applications.<br>
 click <b>Submit</b> to submit a new orkut application.
 </p>
<p>
  To <b>install</b> a new application , copy the link ( By right clicking and selecting copy link).
  Go to orkut > Applications menu Item on the left hand side.
  Paste the url now in add application Input Field and click Add Aplication.
  </p>
<i>Send Feedback at karan.jude@gmail.com</i>
</div>

</div>

]]></Content>
</Module>

Page Rating