Гость
Статистика Форума
Последнии темы Популярные темы Лучшии пользователи Новые пользователи
» [14.08.2018] Тринадцать человек на сундук мертвеца (0)
» [03.08.2018] Новые постеры фильма «Мег: Монстр глубины» (0)
» [02.08.2018] Лучшие снимки телескопа Спитцер. (0)
» [02.08.2018] NASA объявит первые экипажи космических аппарат... (0)
» [02.08.2018] Юэн МакГрегор выразил желание вернуться к роли ... (0)
» [02.08.2018] «Hubble» сфотографировал спиральную галактику N... (0)
» [02.08.2018] Новые фото со съёмок триквела «Джон Уика» (0)
» [02.08.2018] Город 404: китайский Сайлент-Хилл (0)
» [29.07.2018] Социальные кнопки с красивой анимацией (0)
» [25.07.2018] Связь времён (Время Альянса 3) (2)
» Тайники и подсказки (82)
» Русскоязычное руководство по моду Frackin' Universe... (38)
» Фоны для сталкерского сайта (32)
» Capital-Rp Wikia Code (22)
» ГИД Прохождение остальных квестов ОП - 2 (21)
» Личные сообщения (18)
» Проблемы в модуле "Пользователи" (17)
» Рамки сталкер / для аватарок / новостей. (13)
» Полный список предметов в переводе для STALKER ОП-2 (13)
» Sigerous Mod 2.2 + Albor Weapons Pack (13)
» Xemordio (2367)
» Duzeppa26 (5)
» Ghosteron (2)
» Даниил_Хороший (1)
» Glomar (1)
» Бармен (1)
» freez12332 (0)
» sevostjanovdenis (0)
» MELCHIZEDEK721 (0)
» ePOXid (0)
» [17.08.2018] vidokas666
» [16.08.2018] baku201272
» [12.08.2018] sevostjanovdenis
» [10.08.2018] freez12332
» [28.07.2018] Бармен
» [25.07.2018] Glomar
» [16.07.2018] MELCHIZEDEK721
» [14.07.2018] ePOXid
» [07.07.2018] glebkvashnin2003g
» [29.06.2018] Даниил_Хороший

  • Страница 1 из 1
  • 1
Форум » Web uCoz » Скрипты для uCoz » Кнопка мне нравится для Ucoz
Кнопка мне нравится для Ucoz
Xemordio [Offline]Дата: Суббота, 28.04.2018, 06:47 | Сообщение # 1
Генерал [?]
Группа: Администраторы
Сообщений: 2367
Награды: 1
Репутация: 3

Скрипт создающий эффект как Facebook кнопочки голосования , что не замечалось при стандартных видах форм, быть может и за любопытства, или просто проверить, но мне кажется от души ставят +5 балов.
Увидел я на одном сайте идею другого типа создания кнопки рейтинга новостей, мне идея автора понравилась очень с использованием стандартов юкоз, и я решил переделать скрипт и сделать его так же для всех модулей, так как автор SingMen прежний сделал только для каталога файлов.
Все как всегда имеют неумолимое стремление сделать свои сайт отличием от стандартов ucoz, многие просто пытаются воссоздать на юкоз какой нибудь популярный сайт или социальную сеть, как в нашем случае голосование за материал с кнопкой почти как Facebook, что самое интересное что тут не нужны не какие PHP заморочки, используется просто стандарты ucoz и к каждому разделу модуля индивидуально.
Как работает данный скрипт рейтинга мне нравится?
При клике по кнопке или цифре регистрируется сам клики в рейтинге материала, все скрипты подстроены для всех разделов под оценку +5 , можно и изменить, оценку которую будут давать пользователи.
при повторном клике в куках уже есть кук который указывает на то что пользователь уже голосовал за данный материал и по этому выходит ajax окно в котором пишется что ошибка и вы уже голосовали за новость.

Приступим к установке на свой сайт кнопки, вставлять можно как и в саму новость так и в вид материалов так как есть переменная которая показывает скрипт разным для каждой новости.
Установка:
Установка проста, копируем код и вставляем в нужное место раздела.
Вставлять можно после тега $-BODY-$ если вы решили ставить на странице материала и комментария к нему.
Для модуля фото (photo) альбом-а вставляем такой код скрипта:
Code
<div align="right" style="padding-right: 10px;"><a style="text-decoration: none;" href="javascript://" id="golike" onclick="$.get('/photo/4-1-$ID$-13-5',function(data) {if($(data).text().indexOf('уже оценивали')>-1) _uWnd.alert('Вы уже оценивали данный материал!','Ошибка!',{w:270,h:60,t:8000}); else {_uWnd.alert('Вы успешно оценили!','Успешно!',{w:270,h:60,t:8000})};});"><table><tr><td> <img align="absmiddle" style="margin-top: -3px; border: none" id="like_img" src="http://csomsk.ru/1-ucoz/csomsk/rip/visota.png"></td><td><div style="background:#ECEEF5; border: 1px solid #B7C2DB; height: 20px; padding: 4px 4px 0px 4px; font-size: 12px; font-weight: bold; color: #3B5998; display: block;"> +$RATED$</div><div style="height: 2px;"></div></td></tr></table></a></div>

Для раздела сайта news новости, вставляем такой код скрипта:
Code
<div align="right" style="padding-right: 10px;"><a style="text-decoration: none; img-decoration: none;" href="javascript://" id="golike" onclick="$.get('/news/0-0-5-$ID$-15-1',function(data) {if($(data).text().indexOf('уже оценивали')>-1) _uWnd.alert('<h3>Вы уже оценивали данный материал!</h3>','Ошибка!',{w:270,h:80,t:8000}); else {_uWnd.alert('Вы успешно оценили!','Успешно!',{w:270,h:60,t:8000})};});"><table><tr><td> <img align="absmiddle" style="margin-top: -3px; border: 0px" id="like_img" src="http://csomsk.ru/1-ucoz/csomsk/rip/visota.png"></td><td><div style="background: #ECEEF5; border: 1px solid #B7C2DB; height: 20px; padding: 4px 4px 0px 4px; font-size: 12px; font-weight: bold; color: #3B5998; display: block;"> +$RATED$</div><div style="height: 2px;"></div></td></tr></table></a></div>

Для разделов модулей сайта
Каталог сайтов - dir вставляем такой код скрипта:
Code
<div align="right" style="padding-right: 10px;"><a style="text-decoration: none;" href="javascript://" id="golike" onclick="$.get('/dir/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})};});"><table><tr><td> <img align="absmiddle" style="margin-top: -3px; border: none" id="like_img" src="http://csomsk.ru/1-ucoz/csomsk/rip/visota.png"></td><td><div style="background:#ECEEF5; border: 1px solid #B7C2DB; height: 20px; padding: 4px 4px 0px 4px; font-size: 12px; font-weight: bold; color: #3B5998; display: block;"> +$RATED$</div><div style="height: 2px;"></div></td></tr></table></a></div>

Каталог файлов - load вставляем такой код скрипта:
Code
<div align="right" style="padding-right: 10px;"><a style="text-decoration: none;" 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})};});"><table><tr><td> <img align="absmiddle" style="margin-top: -3px; border: none" id="like_img" src="http://csomsk.ru/1-ucoz/csomsk/rip/visota.png"></td><td><div style="background:#ECEEF5; border: 1px solid #B7C2DB; height: 20px; padding: 4px 4px 0px 4px; font-size: 12px; font-weight: bold; color: #3B5998; display: block;"> +$RATED$</div><div style="height: 2px;"></div></td></tr></table></a></div>

Каталог статей - publ вставляем такой код скрипта:
Code
<div align="right" style="padding-right: 10px;"><a style="text-decoration: none;" href="javascript://" id="golike" onclick="$.get('/publ/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})};});"><table><tr><td> <img align="absmiddle" style="margin-top: -3px; border: none" id="like_img" src="http://csomsk.ru/1-ucoz/csomsk/rip/visota.png"></td><td><div style="background:#ECEEF5; border: 1px solid #B7C2DB; height: 20px; padding: 4px 4px 0px 4px; font-size: 12px; font-weight: bold; color: #3B5998; display: block;"> +$RATED$</div><div style="height: 2px;"></div></td></tr></table></a></div>

Блог - blog вставляем такой код скрипта:
Code
<div align="right" style="padding-right: 10px;"><a style="text-decoration: none;" href="javascript://" id="golike" onclick="$.get('/blog/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})};});"><table><tr><td> <img align="absmiddle" style="margin-top: -3px; border: none" id="like_img" src="http://csomsk.ru/1-ucoz/csomsk/rip/visota.png"></td><td><div style="background:#ECEEF5; border: 1px solid #B7C2DB; height: 20px; padding: 4px 4px 0px 4px; font-size: 12px; font-weight: bold; color: #3B5998; display: block;"> +$RATED$</div><div style="height: 2px;"></div></td></tr></table></a></div>

Настройки не требует, быть может уже в дизайне вида самого, атак все подстроено и сам стиль уже встроен внутри кода.
Важно:
Для того что бы гости или пользователи простые могли оценивать материал вы должны проставить галочку в панели управления в настройках модуля как показано на скрине:
Форум » Web uCoz » Скрипты для uCoz » Кнопка мне нравится для Ucoz
  • Страница 1 из 1
  • 1
Поиск:

07:43
Обновить