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

674
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 25
    Скрипты и модификации для Ucoz 2117
    Шаблоны форумов Ucoz 28
    Шаблоны сайтов Ucoz 431
    Авторство Webo4ki 309
    php скрипты для ucoz 57
    Графика для uCoz 40
    Мини-чат
    Последние комментарии
  • Acht написал:
  • Тест
    Мда, у меня тоже не работает. Или нужно ждать обновление?
    Добрый вечер.Подскажите,пожалуйста: как сделать, чтобы второй или третий набор смайлов заменить своими.
    Вы сами себе пишите?
  • CbIPoK2513 написал:
  • Скрипт хорош, уже подстроил свой сайт под него :3
    Последние темы
    Опрос
    458
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: