Лайки со звуком и обновлением количества сердечек сразу после нажатия для гостевой by webo4ka.ru


Лайки со звуком и обновлением количества сердечек сразу после наж...

506
9.2 из 10
Проголосовало: 9






Недавно я выкладывал скрипт Лайки со звуком и обновлением количества сердечек сразу после нажатия by webo4ka.ru. И в комментариях пользователь Betme попросил сделать данное решение не для материалов, а для оценки комментариев в модуле GB (Гостевая книга).
Появилось немного свободного времени, и вот залепил данное решение для гостевой книги, и теперь смотрим возможности скрипта для гостевой:

  • Автообновление числа при оценке
  • Автоматическая смена картинки на неактивную при клике
  • Смена цвета положительного числа
  • Звуковое уведомление при клике
  • Красивое alert уведомление
  • Не активность кнопки при оценки

    Установка:

    Панель управления ---> Управление дизайном ---> Гостевая ---> Вид материалов и в нужное для вас место вставляем данный код:

    Код

    <?if($GOOD_ENTRY_URL$)?>  
      <div align="right" style="padding-right: 10px;"><div style="display:none;" class="entry$NUMBER$">загрузка</div><a href="javascript://" onclick="like_Webo4kaRu$NUMBER$();"><img src="http://webo4ka.ru/Ucoz8/bookmark_toolbar_webo4kaRu.png" align="absmiddle" id="like$NUMBER$" style="margin-top: -1px; border: none"></a><span id="like_Webo4kaRu$NUMBER$" title="Голосов"><?if($ENTRY_RATING$=0)?>$ENTRY_RATING$<?else?><font style="color:green; font-weight:bold; font-family: 'Arial', sans-serif; font-size: 11px;">+$ENTRY_RATING$</font><?endif?></span></div>  
      <?else?>  
      <div align="right" style="padding-right: 10px;"><img src="http://webo4ka.ru/Ucoz8/webo4kaRu_bookmark_toolbar.png" align="absmiddle" style="margin-top: -1px; border: none"><span id="like_Webo4kaRu$NUMBER$" title="Голосов"><?if($ENTRY_RATING$=0)?>$ENTRY_RATING$<?else?><font style="color:green; font-weight:bold; font-family: 'Arial', sans-serif; font-size: 11px;">+$ENTRY_RATING$</font><?endif?></span></div>  
      <?endif?>  
      <script type="text/javascript">  
      $('div[id^="entryID"]').each(function(){  
      var entryID$NUMBER$ = $(this).attr("id").substring(7, 40);  
      $('.entry$NUMBER$').text(entryID$NUMBER$);  
      });  

      function like_Webo4kaRu$NUMBER$(){  
      entry$NUMBER$ = $('.entry$NUMBER$').text();  
      $.get('/gb/1-60-'+entry$NUMBER$+'',function(data) {  
      if($(data).text().indexOf('Оценка засчитана')>-1) {setTimeout(function(){$('.ocheniliWebo4kaRu$NUMBER$').animate({top:'+=120'},1000);},1000); setTimeout(function(){$('.ocheniliWebo4kaRu$NUMBER$').animate({top:'-=120'},1000);},8000); $('#like_Webo4kaRu$NUMBER$').html('<font style="color:green; font-weight:bold; font-family: "Arial", sans-serif; font-size: 11px;">+<?$ENTRY_RATING$+1?></font>'); $('#like$NUMBER$').attr("src", "http://webo4ka.ru/Ucoz8/webo4kaRu_bookmark_toolbar.png");}  
      else {setTimeout(function(){$('.ucheOcheniliWebo4kaRu$NUMBER$').animate({top:'+=120'},1000);},1000); setTimeout(function(){$('.ucheOcheniliWebo4kaRu$NUMBER$').animate({top:'-=120'},1000);},5000);}  
      $('a[onclick="like_Webo4kaRu$NUMBER$();"]').attr("onclick", "");  
      $('body').append('<embed type="application/x-shockwave-flash" src="http://webo4ka.ru/Ucoz5/zvuk_ochenki_kommentovplayer.swf?song_url=http://webo4ka.ru/Ucoz5/zvuk_ochenki_kommentovmsg_in.mp3&autoplay=1&loop=0" width="0" height="0"/>');  
      });  
      }/* by webo4ka.ru*/  
      </script>  

      <div class="ocheniliWebo4kaRu$NUMBER$">Вы успешно оценили комментарий!</div>  
      <div class="ucheOcheniliWebo4kaRu$NUMBER$">Вы уже оценивали данный комментарий!</div>  
      <style>.ocheniliWebo4kaRu$NUMBER$ {background:#64992b; color:#fff; font-size:12px; text-align:center; padding:5px; position:fixed; top:-100px; left:20px; z-index:999; -moz-border-radius:3px; border-radius:3px; -webkit-border-radius:3px;}</style>  
      <style>.ucheOcheniliWebo4kaRu$NUMBER$ {background:#e74c3c; color:#fff; font-size:12px; text-align:center; padding:5px; position:fixed; top:-100px; left:20px; z-index:999; -moz-border-radius:3px; border-radius:3px; -webkit-border-radius:3px;}</style>


    На этом установка окончена, если что-то не так, пишем в комментах на вебочке...
  • Автор публикации: Загрузка
    Загрузка
    Вовчик, это его n материал
    Источник: http://webo4ka.ru/
    • Всего комментариев: 6

    AlexGraur
    0
    AlexGraur написал: Написано 07 Декабря 2015 в 13:07
    Комментарий №6
    хотя ладно проехали - js не для моих мозгов еще. Я в нем не понимаю ничерта

    Marishka
    0
    Marishka написал: Написано 07 Декабря 2015 в 10:29
    Комментарий №2
    Хех знакомо $(this).attr("id").substring(7, 40); :)...
    AlexGraur посмотрете url в исходном коде!. Не трудно же!. Там все есть.

    AlexGraur
    0
    AlexGraur написал: Написано 07 Декабря 2015 в 12:02
    Комментарий №3
    где взять исходный код?

    Marishka
    0
    Marishka написал: Написано 07 Декабря 2015 в 12:39
    Комментарий №4
    F12 Либо правой кнопкой Посмотреть код. Или вручную перед своим доменом ставь view-source:

    AlexGraur
    0
    AlexGraur написал: Написано 07 Декабря 2015 в 13:05
    Комментарий №5
    получается:
    Код
    $.get('/blog/0-0-1-'+entry$NUMBER$+'-14-1',function(data)
    так чтоли? или я ничего не пойму - в блоге например так выдало
    Но если смотреть в ПУ код, то:
    Код
    $.get('/blog/0-0-1-$ID$-14-1'

    AlexGraur
    0
    AlexGraur написал: Написано 06 Декабря 2015 в 23:53
    Комментарий №1
    Код
    $.get('/gb/1-60-'+entry$NUMBER$+'',function(data)

    Если в этом коде добавить например каталога статей
    Код
    $.get('/publ/0-1-5-$ID$-3-'+entry$NUMBER$+'',function(data)
    сработает? или надо как то по другому?

    • Оставить комментарий:
    Добавлять комментарии могут только зарегистрированные пользователи.
    Регистрация | Вход
    Меню сайта
    Категории
    Для помощи создания сайта uCoz 24
    Скрипты и модификации для Ucoz 2101
    Шаблоны форумов Ucoz 28
    Шаблоны сайтов Ucoz 429
    Авторство Webo4ki 309
    php скрипты для ucoz 57
    Графика для uCoz 40
    Мини-чат
    Последние комментарии
    как поставить свою ссылку и логотип
  • Сатурн-1 написал:
  • Похвально.
  • Winston888 написал:
  • Я не говорил что делаю только скрипты. Я делаю шаблоны, скрипты, адаптации с разных движков под ucoz и на оборот + я ещё и сам рисую. В данный момент занимаюсь дизайном для webo4ka сам рисую сам верстаю.
  • Сатурн-1 написал:
  • Заметь, мы делаем почти одну и ту же работу.
    Ты - скрипты, я -шаблон. И каждый делает это бесплатно, НО
    ты делаешь скрипты без шаблона, я делаю шаблон без скриптов (не считая основных).
    Я тоже могу сказать что твои скрипты не идеальны, но не буду т.к. даже не знаю какие из всех существующих твои.
    Поэтому ты не сравнивай скрипты и шаблоны да еще и на Ucoz'e, мы же не на хакатоне каком нибудь.
  • Winston888 написал:
  • Если бы я не добавлял бесплатные адаптации или скрипты бесплатно я бы наверное не стал бы комментировать ваш материал.
    Последние темы
    Опрос
    204
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 3
    Гостей: 2
    Пользователей: 1
    0
    Сегодня были
    Топ пользователей: