Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <title>PhoneGap Ajax Sample</title>
- <script type="text/javascript" src="phonegap.js"></script>
- <script type="text/javascript">
- function appReady(){
- var ajax = new XMLHttpRequest();
- ajax.open("GET","http://search.twitter.com/search.json?q=Nokia",true);
- ajax.send();
- ajax.onreadystatechange=function(){
- if(ajax.readyState==4 && (ajax.status==200||ajax.status==0)){
- eval('var data = ' + ajax.responseText + ';');
- var theResults = data.results;
- var theHTML = '';
- for(var i=0;i<theResults.length;i++){
- theHTML += ['<div class="tweet"',
- '<div class="avatar"> <img src='+theResults[i].profile_image_url+' /></div>',
- '<div style="background:#F3EFE0">',
- '<h2>'+theResults[i].from_user+'</h2>',
- '<p>'+theResults[i].text+'</p>',
- '</div>',
- '</div>'].join('');
- }
- document.getElementById('main').innerHTML = theHTML;
- }
- }
- }
- document.addEventListener("deviceready", appReady, false);
- </script>
- <style type="text/css">
- .tweet {padding-bottom:5px;}
- .avatar {float: left; height: 48px; width: 48px;}
- .tweet_content {margin-left: 60px; min-height: 48px;}
- </style>
- </head>
- <body background="jquery.mobile\images\blue_bg.png">
- <div style="background-image: url(div_bg.png);>
- <a href="twitt_1.html"><img src="44.png"></img></a>
- <a href="twitt_2.html"><img src="22.png"></img></a>
- <a href="twitt_3.html"><img src="11.png"></img></a>
- </div>
- <div id="main">
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement