Ever decide you really hate creating proxy pages to get around cross site ajax?  Me too…  Good thing JSONP is around!  Here is an example I threw together to display eBay items directly from eBay!  (You need your own API key, which is free) This doesn’t include paging, I guess that’ll probably be an addition later. Have to check how flexible the jqGrid is…

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38

<script type="text/javascript">
$(document).ready(function(){
	  jQuery("#list").jqGrid({
	    url:'example.php',
	    datatype: 'xml',
	    mtype: 'GET',
	    colNames:['Inv No','Title'],
	    colModel :[ 
	      {name:'ItemID', index:'ItemID', width:100},
	      {name:'Title', index:'Title', width:400}
	    ],
	    pager: '#pager',
	    rowNum:10,
	    rowList:[10,20,30],
	    sortname: 'invid',
	    sortorder: 'desc',
	    viewrecords: true,
	    caption: 'My first grid'
	  }); 
 
	$.ajax({
	   url: "http://open.api.ebay.com/shopping?callname=FindItems&responseencoding=JSON&appid=__YOUR API KEY HERE__&siteid=0&version=517&QueryKeywords=Rutgers&MaxEntries=50&callback=true",
	   dataType: "jsonp",
	   async: false,
	   jsonp: "_cb_FindItems",
	   processData: false,
	 });
 
});
function _cb_FindItems(array)
{
	array = array.Item;
	//Load jqGrid
	for(var i=0;i<array.length;i++){
		jQuery("#list").addRowData(i, array[i]);
	}
}
</script>

Tags: eBay,JavaScript,jqGrid,jQuery,JSON,JSONP
Categories: Programming
No Comments »

A coworker shared this with me yesterday.  I though it was pretty neat, the best page I found was Google News.  (It doesn’t work in Chrome, so use Firefox)

1) Open any website which contains images

2) Copy below given code and paste on the  Address bar of the same browser window and press enter …………

3) All images will be floating randomly……

javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI= document.images; DIL=DI.length; function A(){for(i=0; i<DIL; i++){DIS=DI[ i ].style; DIS.position=’absolute’; DIS.left=Math.sin(R*x1+i*x2+x3)*x4+x5; DIS.top=Math.cos(R*y1+i*y2+y3)*y4+y5}R++}setInterval(‘A()’,5); void(0)

Show me more… »

Tags: JavaScript
Categories: Technology
No Comments »