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
31 Января 2023 Загрузок: 8 Просмотров: 1336 Комментариев: (9)

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

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

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

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



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

$('#waaklike$ID$').html('<img src="/img/upload.gif">');
-SAM-
-SAM- 17 Февраля 2023 03:354
+1
В нижнюю часть страниц(ы) сайта, где где есть кнопка оценки материала (чтобы было один раз в исходнике 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="/.s/img/sh/wait.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сылке не покажет с другого сайта). Точно такая же картинка используется в системе, что залита на серверы uCoz (соответственно ссылку в коде поправил на неё). В общем, любую можете использовать.

Kosten
Kosten 17 Февраля 2023 11:305
0
Здесь остается только добавить, что данная ссылка в скрипте (http://zornet.ru/ABVUN/Aba/detunis/supasnab/upload.gif) идет без сертификата, если сайт сертификатом она не будет работать, просто выпрямите под свой домен.
g785904
g785904 24 Февраля 2023 22:576
0
Я не понимал ,У меня есть сайт, построенный на файловом каталоге..У меня вообще нет кнопок рейтинга в HTML
-SAM-
-SAM- 25 Февраля 2023 07:097
0
g785904, если это вопрос - нужно его корректно сформулировать в надлежащем разделе форума (здесь).
P.S.: если там у кого-то в ПУ сайта в настройках модуля нет нужных прав на оценку материалов у группы, то кнопка всё равно видна будет (ведь она не под условным оператором находиться в исходнике), а вот при нажатии - не будет рейтинг засчитывать, как понял.
noavatar
MaLoI8304 09 Апреля 2023 22:218
0
Добрый вечер. Не понимаю, куда поставить js? Я создал его в файле, залил на сайт /js/rait.js, дальше прописал скриптом <script type="text/javascript" src="/js/rait.js"></script> в самом низу сайта. Но результата не дало
-SAM-
-SAM- 10 Апреля 2023 01:529
+1
MaLoI8304, ранее на этот счёт был задан вопрос от g785904. Если вы использовали скрипт из шапки материала, то есть чего написано было waak, то в js файл помещенный скрипт работать конечно же не будет. То есть нужно переписанный мной вариант использовать. Проверял на тестовом - работает (если у вас нет, то значит либо чего-то не так сделано, какой-то конфликт на сайте или же банально у группы нет прав на оценку материалов). Ну и переписывать под свой модуль, что понятно.
avatar