URL Shares Count by AdamA
@author : Adam A.
by sureshatta
HTML
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
<div class="container">
<div class="row">
<div class="col-md-3">
<div class="panel panel-default">
<div class="panel-body">
</div>
</div>
</div>
<div class="col-md-4" id="data-tab">
<h3 class="list-group">
<a href="#" style= "background-color: #3b5998;color: white;" class="list-group-item">
<p class="list-group-item-text" id="facebook-count"></p>
</a>
<a href="#" style= "background-color: #0099e5;color: white;" class="list-group-item">
<p class="list-group-item-text" id="twitter-count"></p>
</a>
<a href="#" style= "background-color: #0077b5;color: white;" class="list-group-item">
<p class="list-group-item-text" id="linkdin-count"></p>
</a>
</h3>
</div>
</div>
</div>
JavaScript
$('#data-tab').fadeOut();
$URL = "http://www.minimalhome.com/";
// Facebook Shares Count
$.getJSON( 'http://graph.facebook.com/?id=' + $URL, function( fbdata ) {
$('#facebook-count').text( ReplaceNumberWithCommas(fbdata.shares) + ' Facebook shares ')
});
// Twitter Shares Count
$.getJSON( 'http://cdn.api.twitter.com/1/urls/count.json?url=' + $URL + '&callback=?', function( twitdata ) {
$('#twitter-count').text( ReplaceNumberWithCommas(twitdata.count) + ' Tweets ')
});
// LinkIn Shares Count
$.getJSON( 'http://www.linkedin.com/countserv/count/share?url=' + $URL + '&callback=?', function( linkdindata ) {
$('#linkdin-count').text( ReplaceNumberWithCommas(linkdindata.count) + ' LinkdIn shares ')
});
$('#data-tab').fadeIn();
// Format Number functions
function ReplaceNumberWithCommas(yourNumber) {
//Seperates the components of the number
var components = yourNumber.toString().split(".");
//Comma-fies the first part
components [0] = components [0].replace(/\B(?=(\d{3})+(?!\d))/g, ",");
//Combines the two sections
return components.join(".");
}