ZorNet.Ru — сайт для вебмастера » Скрипты для uCoz » Код для кнопок "Мне нравится" на uCoz

Код для кнопок "Мне нравится" на uCoz

Код для кнопок "Мне нравится" на uCoz
Это простой и удобный цифровой рейтинг, что только работать в плюс, и ставится вид материалом файлов uCoz, где при клике прибавляется значение. Вы его можете расположить по вашему усмотрению на страницы материалов и комментариев файлов, также можно задействовать под другие категории. Это статьи или блог, просто меняем данные в самом коде, ведь прикрепленная стилистика CSS только отвечает за дизайн, и в это большой плюс.

Ведь теперь вы самостоятельно можете выстроить свой оригинальный стиль рейтинга, который полностью соответствует вашим данным и параметрам. А точнее поменять оттенок цвета или как то поставить шрифтовой знак, но здесь нужно обязательно вывести значение, которое будет соответствовать цифрам. Так как здесь минуса нет, то только можно сделать клик за плюс в карму, что аналогично будет информировать, это скольким людям понравился ход работы рейтинга под названием, материал понравился или описание зачетное.

Так выглядит после установочного процесса:



Установка:

HTML

Код
<?if($RATING$)?><a style="text-decoration: none;" class="reting_spasibo" href="javascript://" id="golike" onclick="$.get('/load/0-1-5-$ID$-3',function(data) {if($(data).text().indexOf('уже оценивали')>-1) _uWnd.alert('Вы уже оценивали данный материал!','Ошибка!',{w:270,h:60,t:8000}); else {_uWnd.alert('Вы успешно оценили!','Успешно!',{w:270,h:60,t:8000})};});"> Мне нравится</a>
<a class="knopka_otsenki"><span style="color: #f1ecec;font-size: 10pt;"><b>5</b></span></a><?endif?>

CSS

Код
a.reting_spasibo {
text-decoration: none;
  background: none repeat scroll 0 0 #cd0404;
  color: #ededf1;
  font-family: Verdana;
  font-size: 11px;
  font-weight: bold;
  margin: 0 0px 0;
  padding: 5px;
  border-radius: 3px 3px 3px 3px;
  text-shadow: 0 1px 0 #200a0a;
}

a.knopka_otsenki {
  text-decoration: none;
  background: none repeat scroll 0 0 #0c7e0a;
  color: #ededf1;
  font-family: Verdana;
  font-size: 10px;
  font-weight: bold;
  text-shadow: 0 1px 0 #3c3b3b;
  margin: 5px 5px 5px 0px;
  padding: 5px 10px 5px 10px;
  border-radius: 3px 3px 3px 3px;
}

Вероятно уже на сайте есть данный рейтинг с аналогичной функцией, но раз нашел его в рабочем виде, думаю не помешает, если их будет несколько.
26 Января 2022 Просмотров: 1547 Комментариев: (12)

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

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

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

Комментарии: 12
-SAM-
-SAM- 27 Января 2022 04:321
+2
Да, есть уже подобное на сайте, но с другим дизайном (смотреть блок Похожие материалы). Функция выдачи оценки у этих кнопок одна и та же. А так, то вот связанный материал, к примеру, что дано для всех модулей. Это на тот случай, кому потребуется не только для каталога файлов (менять нужно там в коде ссылку, где load на другое, ну и где 5 там - это оценка по умолчанию здесь, как понял). Вот еще такой вид кнопок Like красивый (и дальше смотреть тоже блок с похожими материалами там, найдёте для себя чего-то подходящее).

UPD. 2 Kosten: это ответ на последнее предложение в материале, как и адресовано как раз пользователям.
Kosten
Kosten 27 Января 2022 11:202
0
Это изначально указал, что материал есть, а что раскидали ссылки по тематике, явно пользователю в плюс.
noavatar
StimuL 19 Сентября 2022 13:033
0
что у меня перестал работать 53a
Kosten
Kosten 19 Сентября 2022 23:354
0
Если ранее работала, и вы не лезли в код, то возможно система обновилась. Хотя просто обновите страницу и посмотрите.
-SAM-
-SAM- 20 Сентября 2022 04:115
+3
У кого перестало работать, а вы ничего не меняли - это как раз из-за обновы на стороне системы uCoz. Решение проблемы нашёл на uВопросы:
Цитата Yuri_Geruk ()
Суть проблемы, поменялся get запрос в рейтинге на post, было:
Код
onclick="$.get('/load/0-1-5-$ID$-3',function(data) {if($(data).text().indexOf('уже оценивали')>-1) _uWnd.alert('Вы уже оценивали данный материал!','Ошибка!',{w:270,h:60,t:8000}); else {_uWnd.alert('Вы успешно оценили!','Успешно!',{w:270,h:60,t:8000})};});">
стало:
Код
onclick="$.post('/load',{'a':65, 'mark':1, 'mod':'load', 'ajax':2, 'id':'$ID$', '_tp_':'xml'},function(data) {if($(data).text().indexOf('уже оценивали')>-1) _uWnd.alert('Вы уже оценивали данный материал!','Ошибка!',{w:270,h:60,t:8000}); else {_uWnd.alert('Вы успешно оценили!','Успешно!',{w:270,h:60,t:8000})};});">
Должно исправить функцию на рейтинг.
UPD.:
Цитата StimuL ()
теперь он говорит что успешно оценили но рейтинг 0 так же , что то они там намутили
Выше Kosten правильно подметил, что код правиться исходя из модуля. Но это вы и так уже поняли, судя из правки комментария вашего. В общем, кто не знал - меняйте код под себя.
noavatar
StimuL 20 Сентября 2022 07:396
0
немного изменил запрос на новости, стало все работать
Kosten
Kosten 20 Сентября 2022 16:187
0
Да, реально было обновление системы, где настроенный скрипты, пример, как этот по настройкам сбиваются.

StimuL, если вы но новостям изменили, то по файлам и статьям нужно аналогично менять, только уже под свои настройки, так как операторы везде разные.
noavatar
StimuL 21 Сентября 2022 12:558
0
да так и сделал спасибо))
Kosten
Kosten 21 Сентября 2022 18:289
0
Но главное работают, что уже хорошо, тут спасибо и в репу + SAM, человек уже весь код переписал.
noavatar
QueYo 15 Декабря 2022 21:1910
0
Цитата -SAM- ()
У кого перестало работать, а вы ничего не меняли - это как раз из-за обновы на стороне системы uCoz. Решение проблемы нашёл на uВопросы:
Суть проблемы, поменялся get запрос в рейтинге на post, было:
Код

onclick="$.get('/load/0-1-5-$ID$-3',function(data) {if($(data).text().indexOf('уже оценивали')>-1) _uWnd.alert('Вы уже оценивали данный материал!','Ошибка!',{w:270,h:60,t:8000}); else {_uWnd.alert('Вы успешно оценили!','Успешно!',{w:270,h:60,t:8000})};});">

стало:
Код

onclick="$.post('/load',{'a':65, 'mark':1, 'mod':'load', 'ajax':2, 'id':'$ID$', '_tp_':'xml'},function(data) {if($(data).text().indexOf('уже оценивали')>-1) _uWnd.alert('Вы уже оценивали данный материал!','Ошибка!',{w:270,h:60,t:8000}); else {_uWnd.alert('Вы успешно оценили!','Успешно!',{w:270,h:60,t:8000})};});">
Должно исправить функцию на рейтинг.


Да, с новым кодом функция работает. Изменил у себя в коде load (это для файлов) на news (под новости) (под статьи думаю нужно менять на publ), стало оценивать новостные статьи и выдает ошибку при повторной оценке, т.е. все работает, но!!! Есть в коде статьи косяк!!!
Код
<a class="knopka_otsenki"><span style="color: #f1ecec;font-size: 10pt;"><b>5</b></span></a><?endif?>

Сразу смутила пятерка! Как она интересно должна была меняться??? Скрипта для нее нет! Вместо нее нужно прописать $RATED$ - тогда все будет отображаться чики-пики!
Удачи со скриптом!)
-SAM-
-SAM- 15 Декабря 2022 21:3611
+1
QueYo, там не нужно ставить $RATED$ вместо "5", ибо это идёт как одна кнопка - указано на сколько "звезд" оцениваешь материал (в коде соответственно /load/0-1-5-$ID$-3). К примеру, вот материал, так там идёт оценка на "+1". В общем, можно под себя переписать, как кому угодно.

UPD.: у меня там написано откуда код, я его не проверял (конечно, если есть ошибки, то нужно поправить).

UPD.2: также на примере расписали здесь, как исправлять у себя.
noavatar
QueYo 16 Декабря 2022 00:2812
0
Понял. Изначально думал, что это счетчик лайков)
В таком случае в коде, что ты дал на исправление ошибки нужно прописывать
Код
'mark':5,
, чтобы также засчитывало 5 звёзд
avatar