Riya API example code

<html> <head> <title>Riya API Example</title>
<style>
body { font-family: arial, verdana, sans-serif; }
.container{
	text-align:center; 
	float:left;
	margin-top:20px;
	margin-left:10px;
	width:550px;

}
.searchResult{
	margin-top:20px;
	text-align:center;
}
</style>
<script type="text/javascript" src="http://www.ajaxination.com/xmlhttp.js"></script>
<script type="text/javascript" src="http://www.ajaxination.com/prototype.js"></script>
<script>
/*
issues ? sajan.john AT gmailDotCom
*/
var req = null;
var apiKey = '5734b2416d805ffd';

getResult = function()
{
  $('riyaFeedList').innerHTML = ''; //clear existing content in the page
  var searchBox = $('searchBox').value; 
  api_url = "http://www.riya.com/rest?api_key="+apiKey+"&method=riya.photos.search.SearchPublic&tags="+searchBox;
  loadXMLDoc( api_url, parseFeedList);
}

loadXMLDoc = function( url, handler ) {
  this.req = new XMLHTTP();
  if(this.req) {
    this.req.onreadystatechange = function() { processReqChange( handler ); };
    this.req.open("GET", url, true);
    this.req.send("");
  }
}

processReqChange  = function( handler ) {
  if (req.readyState == 4 && req.status == 200 && req.responseXML ) {
		$('preloader').style.display = 'none';
		handler( req.responseXML );

}else{
		$('preloader').style.display = 'block';
	}
}

parseFeedList =  function() {
  this.thumbnailContainer = $( 'riyaFeedList' );
  this.thumbnailContainer.innerHTML = '';
  this.title = req.responseXML.getElementsByTagName( 'photo' );
 
  for( var ii = 0; ii < title.length; ii++ ) {
    this.jj = title.item( ii );
    this.id = jj.getAttribute( 'id' );
    this.src = jj.getAttribute( 'thumbnail' );
    this.link = document.createElement('a');
	this.link.href="javascript:zoomIn('"+this.src+"')";
	this.thumbnailInner = document.createElement('DIV');
	this.thumbnailInner.className = "container";
	this.thumbnail = document.createElement( 'IMG' );
    this.thumbnail.src = this.src;
    this.link.appendChild(this.thumbnail);
	this.thumbnailInner.appendChild( this.link );
    this.thumbnailContainer.appendChild( this.thumbnailInner );
  }
}

//function to call the screen resolution images
zoomIn = function(thumbnailSrc){
$('riyaFeedList')
this.url = thumbnailSrc.split(".jpg");
this.screenRes = url[0]+".jpg_screenres"
$('riyaFeedList').innerHTML = "<img src="+this.screenRes+" border=0>" ;
}

</script> </head> <body>
<div  style="display:block;width:100%;text-align:center;" >
<h4>Public Search example to use <a href="http://www.riya.com">riya</a> API </h4><br/>

</div>
Setup<br/>
1.) Change my Riya API key to yours. You can visit www.riya.com and click on the API link to get yours.<br/>
2.) Download xmlhttp.js & xmlhttp.php from http://www.ajaxextended.com, change the api path accordingly on xmlhttp.js<br/>
3.) Download prototype.js file from http://prototype.conio.net/dist/prototype-1.4.0.js or replace all '$' with document.getElementById()<br/>
4.) I haven't added maximum number of result(you can show upto 50) and other stuffs. Feel free to visit <a href="http://riya.com/apiDoc">www.riya.com/apiDoc</a> and play with it.
<br/><br/>

</div>

</body> </html>

Got a doubt? sajan.john is my gmail id.