Обновление Like при оценке
Всем привет, у uCoz есть рейтинг комментариев но нет авто обновления данного рейтинга при оценке. Не особа удобно согласитесь, сегодня это мы поправим. Данный вариант очень легкий и не имеет никаких get запросов для обновления!..
Установка:
1. В виде комментариев заменяем родной $GOOD_COMMENT_URL$ на:
2. Добавим базовое CSS (Под свой пишем свое):
3. На Страницу материала и комментариев к нему (Во все модули) добавим JS скрипт:
Данный скрипт вы можете установить в ваш js файл который будет на всех страницах, скрипт ставим в самый конец!.
P.S если хотите добавить звук при оценке то меняем пункт 3 на:
Для оценки плохого комментария делаем все по аналогии меняя лишь переменные и атрибуты!...
Установка:
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?>
<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;
}
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();
}
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>');
}
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>');
}
Для оценки плохого комментария делаем все по аналогии меняя лишь переменные и атрибуты!...
-D-I-N-I-S-
23.02.16 в 18:48
664
0
Источник