Pastebin launched a little side project called VERYVIRAL.com, check it out ;-) Want more features on Pastebin? Sign Up, it's FREE!
Guest

Untitled

By: a guest on Feb 27th, 2012  |  syntax: None  |  size: 1.64 KB  |  views: 44  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!DOCTYPE html>
  2. <html>
  3.    <head>
  4.         <title>PhoneGap Ajax Sample</title>
  5.                 <script type="text/javascript" src="phonegap.js"></script>
  6.         <script type="text/javascript">
  7.                         function appReady(){
  8.                                 var ajax = new XMLHttpRequest();
  9.                                 ajax.open("GET","http://search.twitter.com/search.json?q=Nokia",true);
  10.                                 ajax.send();
  11.                                
  12.                                 ajax.onreadystatechange=function(){
  13.                                         if(ajax.readyState==4 && (ajax.status==200||ajax.status==0)){
  14.                                                 eval('var data = ' + ajax.responseText + ';');
  15.                                                 var theResults = data.results;
  16.                                                 var theHTML = '';
  17.                                                 for(var i=0;i<theResults.length;i++){
  18.                                             theHTML += ['<div class="tweet"',
  19.                                                                                         '<div class="avatar"> <img src='+theResults[i].profile_image_url+' /></div>',
  20.                                                                                         '<div style="background:#F3EFE0">',
  21.                                                                                         '<h2>'+theResults[i].from_user+'</h2>',
  22.                                                                                         '<p>'+theResults[i].text+'</p>',
  23.                                                                                         '</div>',
  24.                                                                                 '</div>'].join('');
  25.                                                 }
  26.                                                 document.getElementById('main').innerHTML = theHTML;
  27.                                         }
  28.                                 }
  29.                         }
  30.             document.addEventListener("deviceready", appReady, false);
  31.                        
  32.         </script>
  33.                
  34.                 <style type="text/css">
  35.                         .tweet {padding-bottom:5px;}
  36.                         .avatar {float: left; height: 48px; width: 48px;}
  37.                         .tweet_content {margin-left: 60px; min-height: 48px;}
  38.                 </style>
  39.     </head>
  40.                 <body background="jquery.mobile\images\blue_bg.png">
  41.                 <div style="background-image: url(div_bg.png);>
  42.                 <a href="twitt_1.html"><img src="44.png"></img></a>&nbsp;
  43.                 <a href="twitt_2.html"><img src="22.png"></img></a>&nbsp;
  44.                 <a href="twitt_3.html"><img src="11.png"></img></a>
  45.                 </div>
  46.                 <div id="main">
  47.                 </div>
  48.         </body>
  49. </html>