Skip to content

Instantly share code, notes, and snippets.

@vladtsf

vladtsf/gist:1380891

Created November 20, 2011 20:51
Show Gist options
  • Save vladtsf/1380891 to your computer and use it in GitHub Desktop.
Save vladtsf/1380891 to your computer and use it in GitHub Desktop.
Download ZIP
Sums example
Raw
gistfile1.html
<!doctype html>
<html>
<head>
<title>Примеры социальных кнопок</title>
<link rel="stylesheet" type="text/css" href="buttons.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script type="text/javascript" src="./buttons.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
var
$allCount = $('#all-count'),
$twitters = $allCount.find('.twitter'),
$facebooks = $allCount.find('.facebook'),
$vkontakts = $allCount.find('.vkontakte');
$('#event-container .like')
.socialButton()
.bind('socialButton.done', function(e, type) { // ожидаем события завершения подсчёта лайков (для конкретного элемента)
var
$e = $(this),
$count = $('.l-count', this),
$destination;
switch(type) { // в соответсвии с типом кнопки, определяем блок, в котором хранится сумма лайков
case 'twitter' :
$destination = $twitters;
break;
case 'facebook' :
$destination = $facebooks;
break;
case 'vkontakte' :
$destination = $vkontakts;
break;
default :
break;
}
if($count.text()) { // есть ли лайки для кнопки
var now = parseInt($destination.text()) || 0; // сколько в данный момент лайков для текущего типа кнопки (fb, tw, vk)
$destination.text(now += (parseInt($count.text()) || 0)); // вписываем новое количество
} else { // в противном случае пусть будет вписан ноль
$destination.text(0);
}
})
});
</script>
</head>
<body>
<div id="event-container">
<a href="?hash=1" class="like l-tw">
<i class="l-ico"></i>
<span class="l-count"></span>
</a>
<a href="?hash=1" class="like l-fb">
<i class="l-ico"></i>
<span class="l-count"></span>
</a>
<a href="?hash=1" class="like l-vk">
<i class="l-ico"></i>
<span class="l-count"></span>
</a>
</div>
<div id="all-count">
<span class="twitter"></span>
<span class="facebook"></span>
<span class="vkontakte"></span>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment