Обновление Like при оценке

1318
9.8 из 10
Проголосовало: 11




Обновление Like при оценке


Всем привет, у uCoz есть рейтинг комментариев но нет авто обновления данного рейтинга при оценке. Не особа удобно согласитесь, сегодня это мы поправим. Данный вариант очень легкий и не имеет никаких get запросов для обновления!..

Установка:
1. В виде комментариев заменяем родной $GOOD_COMMENT_URL$ на:

Код

<?if($GOOD_COMMENT_URL$)?>  
  <a href="$GOOD_COMMENT_URL$" class="uR$ID$">  
  <i class="messages-like-ico" onclick="uCodesRate($ID$);"></i></a><b class="messages-like-num uV$ID$">$COMMENT_RATING$</b>  
  <?else?><b class="messages-like-num uV$ID$">$COMMENT_RATING$</b><?endif?>


2. Добавим базовое CSS (Под свой пишем свое):

Код
.messages-like-ico {  
  background: url(http://webo4ka.ru/Ucoz8/wPlusRepa.png);  
  width: 12px;  
  height: 10px;  
  float: left;  
  margin: 5px 10px 0px 0px;  
  cursor: pointer;  
  }  
  .messages-like-num {  
  float: left;  
  margin: 3px 4px 4px 0px;  
  float: right;  
  color: #647d94;  
  position: relative;  
  z-index: 2;  
  }


3. На Страницу материала и комментариев к нему (Во все модули) добавим JS скрипт:

Код
function uCodesRate(id) {  
  var uRate = $('.uV'+id).text();  
  var uRall = Number(uRate)+Number(1);  
  $('.uV'+id).html(uRall);  
  $('.uR'+id).hide();  
  }


Данный скрипт вы можете установить в ваш js файл который будет на всех страницах, скрипт ставим в самый конец!.

P.S если хотите добавить звук при оценке то меняем пункт 3 на:

Код
$('body').append('<div class="uSound"></div>');  
  function uCodesRate(id) {  
  var uRate = $('.uV'+id).text();  
  var uRall = Number(uRate)+Number(1);  
  $('.uV'+id).html(uRall);  
  $('.uR'+id).hide();  
  $('.uSound').html('<audio src="http://webo4ka.ru/Ucoz8/n-zvuk.mp3" autoplay></audio>');  
  }


Для оценки плохого комментария делаем все по аналогии меняя лишь переменные и атрибуты!...
Также вы можете добавить данную затею в наш предыдущий материал!...
Автор публикации: Загрузка
Загрузка
Marishka, это его n материал
Источник: http://ucodes.ru/
  • Оставить первым комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 25
Скрипты и модификации для Ucoz 2126
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 433
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • dalamkontak написал:
  • Попробуйте социальную сеть Dalam Kontak !
    Сайт сети: Dkon.app
  • mrnoobsky написал:
  • Это моя работа, которая велась давольно таки давно smile Времени было мало, поэтому я скачал полностью все, что было и сделал архив happy
  • Snoopak написал:
  • 111 мегабайт? wtf? Что в архив напихали?
  • mrnoobsky написал:
  • Левое меню это BLG. Возможны какие-то баги, но в целом все должно работать корректно!
  • geleson2222 написал:
  • ?
    Последние темы
    Опрос
    541
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: