Facebook粉丝页面提要

我想要包含一个小部件，用户将在其中添加Facebook粉丝页面的网址，并且他应该能够从特定页面获取所有提要或最近的提要，并将它显示在一个框中像Facebook粉丝箱。但它应该。我该怎么做，我只能为一个特定的脸书页面做到这一点。它应该动态添加。所以每个用户可以输入不同的Facebook粉丝页面链接，他应该能够得到它。Facebook粉丝页面提要

非常感谢

<!DOCTYPE HTML>

Facebook的饲料

<script src="jquery.ui.core.js"></script> 
<script src="jquery.ui.widget.js"></script> 

<script type="text/javascript"> 
$(document).ready(function(){ 
function fbFetch(){ 
    //Set Url of JSON data from the facebook graph api. make sure callback is set with a '?' to overcome the cross domain problems with JSON 
    var Baseurl = "http://graph.facebook.com/"; 
    var search= $("fburl").val(); 

    //Use jQuery getJSON method to fetch the data from the url and then create our unordered list with the relevant data. 
    $.getJSON(Baseurl + search + "feed?limit=5&callback=?",function(json){ 
     var html = "<ul>"; 
      //loop through and within data array's retrieve the message variable. 
      $.each(json.data,function(i,fb){ 
       html += "<li>" + fb.message + "</li>"; 
      }); 
     html += "</ul>"; 


     //A little animation once fetched 
     $('.facebookfeed').animate({opacity:0}, 500, function(){ 

       $('.facebookfeed').html(html); 

                   }); 

     $('.facebookfeed').animate({opacity:1}, 500); 

    }); 

}); 

}); 
</script> 

</head> 

<body> 
<input type="text" value="facebookurl" name="facebook_feeds" id="fburl"/> 
<input type="submit" id="submit" /> 

    <div class="facebookfeed"> 

    </div> 

</body> 
</html>

来源

2011-02-09 Jeevan Dongre

你不能只是添加一个文本字段并获取它的.val（）并将其作为变量插入到Facebook API中？ – benhowdle89 2011-02-09 11:48:31

`$（“＃submit”）。click（function（event）{//将它作为一个onclick事件连接到提交按钮 \t \t \t var searchTerm = $（“＃search”）。val（）; //获取用户输入的搜索词 \t \t \t VAR的baseUrl = “http://graph.facebook.com/”; \t \t \t $ .getJSON（+的baseUrl +搜索关键词“/供给限制= 5＆回调=？ “，函数（数据）` – 2011-02-09 11:55:30

我得到了解决这个问题，我包括下文

<html> 
<head> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 

    <script type="text/javascript"> 



function fbFetch(){ 
    //Set Url of JSON data from the facebook graph api. make sure callback is set with a '?' to overcome the cross domain problems with JSON 
var facebookname= document.getElementById("fname").value; 

alert("You are searching for: " + facebookname); 

var url = "http://graph.facebook.com/" + facebookname + "/feed?limit=5&callback=?"; 

    //var url = "http://graph.facebook.com/jeevan.dongre/feed?limit=5&callback=?"; 



    //alert(url); 
    //Use jQuery getJSON method to fetch the data from the url and then create our unordered list with the relevant data. 
    $.getJSON(url,function(json){ 
     var html = "<ul>"; 
      //loop through and within data array's retrieve the message variable. 
      $.each(json.data,function(i,fb){ 
       html += "<li>" + fb.message + "</li>"; 
      }); 
     html += "</ul>"; 


    // $('.facebookfeed').html(html).slideDown(200); 
     //A little animation once fetched 
     $('.facebookfeed').animate({opacity:0}, 500, function(){ 

       $('.facebookfeed').html(html); 

                   }); 

     $('.facebookfeed').animate({opacity:1}, 500); 

    }); 



}; 

//onload="fbFetch()" 
</script> 



</head> 
    <body > 
    <center><h1>Friend's Page Feed</h1></center> 
     <table border=1 width="600px" align="center"> 
      <tr> 
       <td width="200px";> 
        Enter Facebook name here: 
       </td> 
       <td width="400px;"> 
        <input type=text name="fname" id="fname" > 
       </td> 
      </tr> 
      <tr> 
       <td colspan="2"> 
        <input type=submit value=enter onclick="fbFetch()"> 
       </td> 
      </tr> 
      <tr> 
       <td colspan="2"> 

         <div class="facebookfeed"> 
          <h2>Content will load here...</h2> 
         </div> 
       </td> 
      </tr> 
     </table> 
    </body>

源代码

来源

2011-02-11 08:12:45

Facebook粉丝页面提要

回答

相关问题