Кнопка Like вместо рейтинга для uCoz

Кнопка Like вместо рейтинга для uCoz

03.05.20161009312admin

Весьма интересный вариант рейтинга для uCoz. Кнопка Like будет отображаться вместо рейтинга звездочками на вашем сайте uCoz.

Вы можете заменить изображение с большим поднятым вверх пальцем на свое (например, на сердечко или звездочку, прицел или еще что-то в этом роде). При первом нажатии на Like цифра просто увеличится на счетчике, никаких всплывающих окон не появится, при повторном нажатии появится окно, в котором будет написано, что Вы уже оценивали этот материал, и число больше не увеличится.

Пример

В примере наглядно показана работа скрипта, но поскольку это только пример, число увеличивается при каждом нажатии и при обновлении не сохраняется.

 
140

Установка

Панель управления » Управление дизайном

Вставьте этот скрипт, например, в Нижнюю часть сайта. Главное, чтобы он использовался только один раз на странице:

Код
<script type="text/javascript">
likePlus = function (c, d, f, g) {
  if (typeof d == 'undefined' || typeof c == 'undefined' || (c != 1 && c != -1)) return false;
  c += 2;
  if (!f) f = location.pathname.match(/[^\\\/]+/i) + '';
  if (!f) return false;
  var h = $('#rate_' + d);
  g = $.extend({
  'before': function (a) {
  },
  'after-success': function (a, b) {
  document.getElementById('frs2' + d).innerText++
  a.html(b).addClass(b > 0 ? 'positiveRate' : (b == 0 ? 'nullRate' : 'negativeRate'));
  },
  'after-error': function (a) {
  try {eval(a)} catch (e) {}
  }
  }, g || {});
  g.before(h);
  $.post('/' + f + '/', {'a': '65', 'id': d, 'mark': c, 'mod': f, 'ajax': '2'}, function (a) {
  a = $('cmd:first', a).text();
  var b = a.match(/Рейтинг:\s*([\d.]+)\/(\d+)/i);
  if (!b) return g['after-error'](a);
  b = Math.round(b[1] * b[2]) - 2 * b[2];
  g['after-success'](h, b)
  })
}
function getClass(nameid, nameclass) {
  document.getElementById(nameid).className=nameclass
}
</script>

Следующий код вы можете вставить туда же, но можно все стили селекторов вставить в Таблицу стилей (CSS):

Код
<style type="text/css">
.likeplus {font-size:1pt;background:url('http://yraaa.ru/_pu/10/58127939.png') top;width:13px;height:12px;overflow:hidden;cursor:pointer;margin-right:4px;margin-top:0px}
.likeplus_hover {font-size:1pt;background:url('http://yraaa.ru/_pu/10/58127939.png') bottom;width:13px;height:12px;overflow:hidden;cursor:pointer;margin-right:4px;margin-top:0px}
.like2 {font-size:8pt;font-weight:bold;color:#111C49;}
.likex {font-size:8pt;font-weight:bold;color:#223276;}
</style>

Изображение http://yraaa.ru/_pu/10/58127939.png можно заменить на свое.

Вот код самой кнопки. Вставлять нужно в вид материалов нужного модуля или на страницу материала и комментариев к нему. Для каталога статей в коде ниже написано publ. Чтобы использовать код для новостей сайта, например, заменить publ на news.

Код
<?if($RATING$)?>
<div onclick="likePlus(1,$ID$,'publ');return false" style="cursor:pointer;height:16px;" onmouseover="getClass('hr2$ID$','likeplus_hover');getClass('frs2$ID$','like2')" onmouseout="getClass('hr2$ID$','likeplus');getClass('frs2$ID$','likex')">
<table cellspacing="0" cellpadding="0"><tr><td><div id="hr2$ID$" class="likeplus"> </div></td><td><div class="likex" id="frs2$ID$">$RATED$</div></td></tr></table>
</div>
<?endif?>



Сохраните в социальную сеть
Комментарии (12)
Дамир Гаянов 03.01.2012 в 13:05
спасибо большое!
2
Daim 03.01.2012 в 13:05Спам
Спасибо
1
Гость 03.01.2012 в 19:55Спам
)) thanks
4
David 16.07.2012 в 09:50Спам
Подделать чуть под себя и все отлично)
3
Ivahcenko Vladislav 14.08.2012 в 18:08Спам
через оперу работает) щас експлорер посмотрим
2
Ivahcenko Vladislav 14.08.2012 в 18:11Спам
и на ИО работает))
3
Спасибо, работает
0
Кирилл 10.11.2013 в 02:08Спам
сделать бы дизлайк еще
1
Кирилл 10.11.2013 в 02:08Спам
а так круто
1
Roma Morgunov 20.07.2015 в 17:59Спам
Спасибо!
1
Сергей 09.05.2016 в 21:05Спам
В фотоальбоме будет работать?
0
Purici Ion 11.07.2016 в 00:15Спам
а можно как то отключить ajax окно которое вылетает после оценки ?
0
Чтобы оставить комментарий под этой публикацией,
зарегистрируйтесь или войдите.
Рейтинг лучших сервисов для самостоятельного создания сайта.
Лучшие конструкторы
Легко! Если пользоваться нашими советами.
Создать сайт