JSFiddle - React, Tailwind, and code Playground

by Imri Paloja

HTML

<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<div class="facebook_likes" rel="http://www.eurobytes.nl/tutorials/privacy-and-security"></div>
<div class="facebook_likes" rel="http://www.eurobytes.nl/tutorials/mega-sync-client-for-linux"></div>
<div class="facebook_likes" rel="http://www.somesite3.com/"></div>

CSS

.facebook_likes {
    background: #EEEEEE;
    border: 1px solid #CCCCCC;
    width: 45px;
    height: 45px;
}

JavaScript

function getLikes() {
    jQuery('.facebook_likes').each(function(){
        var currentdiv = jQuery(this);
        var url = currentdiv.attr('rel');
        jQuery.getJSON('http://graph.facebook.com/'+url,function(data) {
           currentdiv.text((data.shares || 0)+' Likes');
        });
    })
}