Mostrando entradas con la etiqueta Facebook. Mostrar todas las entradas
Mostrando entradas con la etiqueta Facebook. Mostrar todas las entradas

sábado, 18 de mayo de 2013

Listar noticias de Facebook con jQuery

Si se desea listar las noticias de Facebook con jQuery podemos usar escript.


//Facebook
function fbFetch() {
    jQuery(document).ready(function($) {
        //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 url = "https://graph.facebook.com/WiMarBuenoPeru/posts?limit=10&access_token=194625310600329|fLcRyALuBG6xSQ2A5mMZ6p7UUBY&callback=?";

        //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) {
                if (fb.from.name == "Recycle Cartons") {
                    if (fb.message != undefined) {
                        var day = fb.created_time.substring(9, 10) + '/';
                        var month = fb.created_time.substring(6, 7) + '/';
                        var year = fb.created_time.substring(0, 4) + '/';
                        html += "<li><div class=\"views-field views-field-created\"><span class=\"field-content\">Update " + timeAgo(fb.created_time) + "</span></div><a href=\"http://www.facebook.com/RecycleCartons?ref=stream\">" + fb.message + "</a></li>";
                    }
                }
            });
            html += "</ul>";

            //A little animation once fetched
            $('#facebook-list').animate({
                opacity: 0
            }, 500, function() {
                $('#facebook-list').html(html);
            });
            $('#facebook-list').animate({
                opacity: 1
            }, 500)
        });

    });
}