Advertisement
Guest User

Untitled

a guest
Feb 27th, 2012
115
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.64 KB | None | 0 0
  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>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement