ZorNet.Ru — сайт для вебмастера » Скрипты для uCoz » Оценка материалов «Likee» для сайта uCoz

Оценка материалов «Likee» для сайта uCoz

Оценка материалов «Likee» для сайта uCoz
Скрипт, который идет на оценку материалов виде Лайка для тематических сайтов для uCoz, где появляется быстро, как раз после клика статьи. Так как он отлично будет смотреться на любой тематики, это как скачать материал, но по мне он лишний там. Основном ставят на статьях или материалах, где вы сами пишите, а также на самую актуальную информацию, которая идет виде описания или разного материала. Одной из сильных сторон скрипта является простота, где интерфейс просмотра довольно прост и понятен, что важно как для гостей и пользователей.

Этот полностью рабочий скрипт по оценивающее данного события, который уже был переписан после всех обновлений на начало 2023 года. Ведь не секрет, что все скрипты, которые оценивают разнообразные события были сбиты, в плане обновление системы uCoz. Плюс в том, что вы не какому сервису не подключаетесь, и все работает автономно, а значит не каких нагрузок на данную страницу, где находится скрипт по обозначению в плюс или минус от пользователя.

Установка:

HTML

По месту:

Код
<div id="waakof"></div>
<div id="waakok"></div>

CSS

Код
#waakof, #waakok{
  display: none;
  position: fixed;
  bottom: 10px;
  left: 10px;
  max-width: 200px;
  padding: 10px 20px;
  color: #FFF;
  font-size: 13px;
}
#waakof {
  background: #e12929;
}
#waakok {
  background: #09ab33;
}

JS

Код
<span title="Проголосовало $RATED$" id="waaklike$ID$" onclick="likphoto$ID$();"><i class="fa fa-heart" aria-hidden="true"></i> $RATED$</span>
  <script>
  function likphoto$ID$() {
  $('#waaklike$ID$').html('<img src="/img/upload.gif">');
  $.post('/load',{'a':65, 'mark':1, 'mod':'load', 'ajax':2, 'id':'$ID$', '_tp_':'xml'},function(data) {if($(data).text().indexOf('уже оценивали')>-1) { $('#waakof').html('Вы уже <br>оценивали'); setTimeout(function(){$('#waakof').fadeIn('fast')});setTimeout(function(){$('#waakof').fadeOut('fast')},7000); $('#waaklike$ID$').html('<i class="fa fa-heart" aria-hidden="true"></i> $RATED$'); } else {$('#waakok').html('Ваша оценка принята'); setTimeout(function(){$('#waakok').fadeIn('fast')});setTimeout(function(){$('#waakok').fadeOut('fast')},7000);$('#waaklike$ID$').html('<i class="fa fa-heart" aria-hidden="true" style="color: #F43C0A;"></i> <?$RATED$+1?>');};});  
  }
  </script>

Скачав архив, там будет один файл в формате GIF, который нужно поместить в корень сайте. Где заходим туда и ищем папку img и загружаем данный файл. Если данной папки нет, то создаем и аналогиично загружаем, или просто делаем прямую ссылку и прописываем в коде.

Если вам нужны новые идеи контента, чтобы сделать ваш веб-сайт лучше, вы можете использовать этот аналогичный инструмент по значимости материалов на сайте, который также вам поможет узнать про то, это какой материал считается на данное время более актуальный.

Автор: waak
Источник: Talantlev.ucoz.ru
2023-01-31 Загрузок: 6 Просмотров: 610 Комментарий: (7)

Поделиться в социальных сетях

Материал разместил

Оставь свой отзыв

Комментарий: 7
Kosten
Kosten 2023-02-03 20:161
0
Если по каким то причинам вы не сможете скачать файлик на изображение, то можете здесь ссылку на его взять.



Меняем в JS, где делаем прямую ссылку, что в дальнейшем можно выпрямить на свой домен, рекомендуется.
g785904
g785904 2023-02-15 21:032
0
В root сайта уже есть файл JS, и как мне его разместить?
Kosten
Kosten 2023-02-15 22:173
0
В низ сайта можно поставить, или на страницу, гже будет расположен рейтинг. Не забываем установить ссылку в коде js в этом месте.

$('#waaklike$ID$').html('<img src="/img/upload.gif">');
-SAM-
-SAM- 2023-02-17 03:354
0
В нижнюю часть страниц(ы) сайта, где где есть кнопка оценки материала (чтобы было один раз в исходнике html после кнопок оценки):
Код
<div id="waakof"></div>
<div id="waakok"></div>
То есть не "По месту", как написано в материале. Это нужно для правильного вывода уведомлений о результатах оценки материалов.

Далее уже по месту в HTML (в шаблоне вида материала и(или) в странице материала и комментариев к нему) ставим саму кнопку, на которую будем нажимать (для учёта и показа текущей оценки):
Код
<span title="Проголосовало $RATED$" id="waaklike$ID$" onclick="likphoto($ID$,$RATED$);"><i class="fa fa-heart" aria-hidden="true"></i> $RATED$</span>
Как её стилизовать - решайте сами. Стили я не менял, возьмёте какие есть в материале.

Ну и напоследок нужно подключить сам JS:
Код
 likphoto = function(id,rated) {
 $('#waaklike'+id).html('<img src="http://zornet.ru/ABVUN/Aba/detunis/supasnab/upload.gif" alt="...">');
 $.post('/load',{'a':65, 'mark':1, 'mod':'load', 'ajax':2, 'id':id, '_tp_':'xml'},function(data) {if($(data).text().indexOf('уже оценивали')>-1) { $('#waakof').html('Вы уже <br>оценивали'); setTimeout(function(){$('#waakof').fadeIn('fast')});setTimeout(function(){$('#waakof').fadeOut('fast')},7000); $('#waaklike'+id).html('<i class="fa fa-heart" aria-hidden="true"></i> '+rated); } else {$('#waakok').html('Ваша оценка принята'); setTimeout(function(){$('#waakok').fadeIn('fast')});setTimeout(function(){$('#waakok').fadeOut('fast')},7000);rated = rated+1;$('#waaklike'+id).html('<i class="fa fa-heart" aria-hidden="true" style="color: #F43C0A;"></i> '+rated);};});
 }

P.S.: то есть я внёс правки, как просил g785904, чтобы можно было вынести в отдельный js-файл, а не дублировать в коде каждый раз (иначе, если в вид материала ставить, допустим, их 10 на странице - значит было бы 10 этих кодов, для каждого материала).

UPD.: файл картинки там заливается себе, чтобы не было "mixed content" на сайте с подключенным ssl (а не из-за того, что якобы вообще картинку по http-cсылке не покажет с другого сайта)... в общем, любую можете использовать.

Kosten
Kosten 2023-02-17 11:305
0
Здесь остается только добавить, что данная ссылка в скрипте (http://zornet.ru/ABVUN/Aba/detunis/supasnab/upload.gif) идет без сертификата, если сайт сертификатом она не будет работать, просто выпрямите под свой домен.
g785904
g785904 2023-02-24 22:576
0
Я не понимал ,У меня есть сайт, построенный на файловом каталоге..У меня вообще нет кнопок рейтинга в HTML
-SAM-
-SAM- 2023-02-25 07:097
0
g785904, если это вопрос - нужно его корректно сформулировать в надлежащем разделе форума (здесь).
P.S.: если там у кого-то в ПУ сайта в настройках модуля нет нужных прав на оценку материалов у группы, то кнопка всё равно видна будет (ведь она не под условным оператором находиться в исходнике), а вот при нажатии - не будет рейтинг засчитывать, как понял.
avatar