Фаны Facebook - PullRequest
Новая
       8

Фаны Facebook

0 голосов
/ 09 февраля 2011

Я хочу включить виджет, в который пользователь добавит URL-адрес фан-страницы 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>

1 Ответ

2 голосов
/ 11 февраля 2011

Я получил решение этой проблемы, включая исходный код ниже 

<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>

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...