facebook graph API

Title

Content

<script> window.fbAsyncInit = function() { FB.init({appId: '124688910911852', status: true, cookie: true, xfbml: true}); FB.getLoginStatus(function(response) { if (response.session) { document.getElementById('tblBuatLogin').style.display='none'; FB.api('/me', function(response) { if(response.name){tulisDataUser(response);} }); }else{ document.getElementById('tblBuatLogin').style.display='block'; FB.Event.subscribe('auth.login', function(response) { if(response.session){ document.getElementById('tblBuatLogin').style.display='none'; FB.api('/me', function(response) { if(response.name){tulisDataUser(response);} }); } }); } }); }; (function() { var e = document.createElement('script'); e.async = true; e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js'; document.getElementById('fb-root').appendChild(e); }()); </script><br /> <br /> <div id="input-user" style="display:none;"><center><br /> <table><tr><td><b>Username or ID:</b></td><td><b>Connection type:</b></td></tr><tr><td><input id="user-id" type="text" value="me"/></td><td><br /> <br /> <select id="con-type"><br /> <option value="friends" />Friends<br /> <br /> <option value="home" />Home<br /> <option selected value="feed" />profil<br /> <option value="likes" />Likes<br /> <option value="movies" />Movies<br /> <option value="music" />Music<br /> <option value="books" />Books<br /> <br /> <option value="permissions" />Permissions<br /> <option value="photos" />Photos<br /> <option value="albums" />Albums<br /> <option value="videos" />Videos<br /> <option value="videos/uploaded" />Videos Uploaded<br /> <option value="events" />Events<br /> <br /> <option value="groups" />Groups<br /> <option value="checkins" />Checkins <br /> </select><br /> </td></tr></table><a class="mls uiButton" onclick="var IDnya=document.getElementById('user-id').value; var con=document.getElementById('con-type').value; document.getElementById('gambar-loding2').style.display='inline-block'; mentaFeedDong(IDnya,con)" style="cursor:pointer;">Ｈａｊａｒ ｓｏｂ..</a> <img id="gambar-loding2" src="http://images.gmx.com/images/outsource/application/mailclient/mailcom/resource/mailclient/widgets/blue/common/loading_animation_en-3447255655.gif" style="display:none"/><hr/></center></div><div id="tempat-nulis-data"></div><br /> <hr/><a onclick="batalkan='yes'; hitungMundur();" style="cursor:pointer;">ｃｌｉｃｋ ｈｅｒｅ..</a> <b id="hitung-mundur"></b> <img id="gambar-loding" src="http://static.ak.fbcdn.net/rsrc.php/v1/yb/r/GsNJNwuI-UM.gif" style="display:none"/><hr/><br /> <script type="text/javascript"> function mentaFeedDong(IDnya,con){ FB.api('/'+IDnya+'/'+con, function(feedNya) { if(feedNya.data){tulisFeed(feedNya);}else{erorCuy(feedNya);} }); } function tulisFeed(feedNya){ if(document.getElementById('tempat-nulis-data')){ var tnd = document.getElementById('tempat-nulis-data'); if(feedNya.data.length<30){var batesan=feedNya.data.length;}else{var batesan=30;} var feedAcak = feedNya.data.sort(function() {return 0.5 - Math.random()}); tnd.innerHTML=batesan+' of '+feedNya.data.length+'<hr/>'; for(x=0; x<batesan; x++){ tnd.innerHTML+='<table style=""><tr><td id="potonugelo'+x+'" style="vertical-align:top;"></td><td id="katanugelo'+x+'" style="vertical-align:top;"></td></tr></table>'; if(feedAcak[x].from && feedAcak[x].from.id && feedAcak[x].from.name){ document.getElementById('potonugelo'+x).innerHTML='<a href="http://www.facebook.com/profile.php?id='+feedAcak[x].from.id+'"><img src="http://graph.facebook.com/'+feedAcak[x].from.id+'/picture?type=square"/></a>'; document.getElementById('katanugelo'+x).innerHTML='<a href="http://www.facebook.com/profile.php?id='+feedAcak[x].from.id+'"><b>'+feedAcak[x].from.name+'</b></a><br/>'; } if(feedAcak[x].message){document.getElementById('katanugelo'+x).innerHTML+=feedAcak[x].message.replace(/\n/gi,'<br/>')+'<br/>';} //if(feedAcak[x].picture){document.getElementById('katanugelo'+x).innerHTML+='<img src="'+feedAcak[x].picture+'" style="float:left;margin-right:7px;"/>';} if(feedAcak[x].name && feedAcak[x].link){document.getElementById('katanugelo'+x).innerHTML+='<a href="'+feedAcak[x].link+'" target="_blank"><b>'+feedAcak[x].name+'</b></a>';}else if(feedAcak[x].name && feedAcak[x].id){document.getElementById('katanugelo'+x).innerHTML+='<table><tr><td style="vertical-align:top;"><img src="http://graph.facebook.com/'+feedAcak[x].id+'/picture?type=square"/></td><td style="vertical-align:top;"><a href="http://www.facebook.com/profile.php?id='+feedAcak[x].id+'" target="_blank"><b>'+feedAcak[x].name+'</b></a><br>ID: '+feedAcak[x].id+'</td></tr></table>';}else if(feedAcak[x].name){document.getElementById('katanugelo'+x).innerHTML+='<b>'+feedAcak[x].name+'</b>';} if(feedAcak[x].caption){document.getElementById('katanugelo'+x).innerHTML+='<br/><span style="color:#808080;">'+feedAcak[x].caption+'</span>';} if(feedAcak[x].description){document.getElementById('katanugelo'+x).innerHTML+='<br/><span style="color:#808080;">'+feedAcak[x].description+'</span>';} document.getElementById('katanugelo'+x).innerHTML+='<div style="clear:both"></div>'; if(feedAcak[x].icon){document.getElementById('katanugelo'+x).innerHTML+='<img src="'+feedAcak[x].icon+'" style="vertical-align:middle;"/> ';} if(feedAcak[x].application){if(feedAcak[x].application.name && feedAcak[x].application.id){document.getElementById('katanugelo'+x).innerHTML+='via <a href="http://www.facebook.com/apps/application.php?id='+feedAcak[x].application.id+'" target="_blank">'+feedAcak[x].application.name+'</a> · ';}} if(feedAcak[x].actions){ for(y in feedAcak[x].actions){ if(y!=0 && y<feedAcak[x].actions.length){document.getElementById('katanugelo'+x).innerHTML+=' · ';} if(feedAcak[x].actions[y].name && feedAcak[x].actions[y].link){ document.getElementById('katanugelo'+x).innerHTML+='<a href="'+feedAcak[x].actions[y].link+'" target="_blank"><span id="'+feedAcak[x].actions[y].name+x+'"></span> '+feedAcak[x].actions[y].name+'</a>'; } } document.getElementById('katanugelo'+x).innerHTML+='<hr/>'; } if(feedAcak[x].likes && document.getElementById('Like'+x)){document.getElementById('Like'+x).innerHTML=feedAcak[x].likes.count;} if(feedAcak[x].comments && document.getElementById('Comment'+x)){document.getElementById('Comment'+x).innerHTML=feedAcak[x].comments.count;} if(feedAcak[x].comments && feedAcak[x].comments.data){ for(y in feedAcak[x].comments.data){ document.getElementById('katanugelo'+x).innerHTML+='<div style="background-color:#EDEFF4; padding:5px 5px 4px 5px; margin-bottom:2px; clear:both; border-bottom:1px solid #E5EAF1;"><img src="http://graph.facebook.com/'+feedAcak[x].comments.data[y].from.id+'/picture?type=square" style="float:left;margin-right:7px;width:32px;"/> <div style="margin-left:40px"><a href="http://www.facebook.com/profile.php?id='+feedAcak[x].comments.data[y].from.id+'" target="_blank"><b>'+feedAcak[x].comments.data[y].from.name+'</b></a> <i>said..</i> '+feedAcak[x].comments.data[y].message.replace(/\n/gi,'<br/>')+'</div><div style="clear:both;"></div></div>'; } } } } udahLodingMuluAh(); } function erorCuy(dataNya){ if(document.getElementById('tempat-nulis-data')){ var tnd = document.getElementById('tempat-nulis-data'); tnd.innerHTML='<dl>'; if(dataNya=='[object Object]'){ for(x in dataNya){ if(dataNya[x]=='[object Object]'){ tnd.innerHTML+='<dt style="color:darkred">'+x+'</dt>'; for(y in dataNya[x]){ tnd.innerHTML+='<dt>'+y+'</dt>'; tnd.innerHTML+='<dd>'+dataNya[x][y]+'</dd>'; } }else{ tnd.innerHTML+='<dt>'+x+'</dt>'; tnd.innerHTML+='<dd>'+dataNya[x]+'</dd>'; } } }else{ tnd.innerHTML+='<dt>'+dataNya+'</dt>'; } tnd.innerHTML+='</dl>'; udahLodingMuluAh(); } } function udahLodingMuluAh(){ document.getElementById('gambar-loding').style.display='none'; document.getElementById('input-user').style.display='block'; document.getElementById('gambar-loding2').style.display='none'; } var mulaiDari = '5'; var batalkan = 'no'; function hitungMundur(){ if(batalkan == 'yes'){ document.getElementById('hitung-mundur').innerHTML=''; if(document.getElementById('gambar-loding')){document.getElementById('gambar-loding').style.display='inline-block';} mentaFeedDong('me','feed'); }else{ if(mulaiDari < '0'){ document.getElementById('hitung-mundur').innerHTML=''; if(document.getElementById('gambar-loding')){document.getElementById('gambar-loding').style.display='inline-block';} mentaFeedDong('me','feed'); }else{ document.getElementById('hitung-mundur').innerHTML=mulaiDari; mulaiDari--; setTimeout("hitungMundur()",1000); } } } hitungMundur(); </script>

eNbe:
simpen di gadget HTML/JAVASCRIPT .