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

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






Недавно я выкладывал скрипт Лайки со звуком и обновлением количества сердечек сразу после нажатия 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 2123
    Шаблоны форумов Ucoz 28
    Шаблоны сайтов Ucoz 431
    Авторство Webo4ki 309
    php скрипты для ucoz 57
    Графика для uCoz 40
    Мини-чат
    Последние комментарии
  • Site_Test написал:
  • вместо
    Код
    <script type="text/javascript">  
    <!-- Progess bar - NEW uCoz "By Lekus" 2017. uFace -->  
    <!--  
    document.write(unescape('%3C%6C%69%6E%6B%20%74%79%70%65%3D%22%74%65%78%74%2F%63%73%73%22%20%72%65%6C%3D%22%53%74%79%6C%65%53%68%65%65%74%22%20%68%72%65%66%3D%22%68%74%74%70%3A%2F%2F%75%66%61%63%65%2E%61%74%2E%75%61%2F%64%65%6D%6F%2F%50%72%6F%67%65%73%73%5F%62%61%72%4E%45%57%2F%73%74%79%6C%65%2E%63%73%73%22%20%2F%3E'));
    //-->  
    </script>


    пишем просто
    Код
    <link type="text/css" rel="StyleSheet" href="http://uface.at.ua/demo/Progess_barNEW/style.css" />
    в страница добавления/редактирования материала отображается следуещее ,success:function(a){var a=$(a);!a.text().match('myWinError')? plusrep(a) : _uWnd.content('addEnt',a.text().match(/<div[^<>]*>(.+)<\/div>/i)[0])||$('input.manFlSbm').attr('disabled',0)}

    и не работает ничего(, что делать?
  • modelswar3 написал:
  • Обновите ссылку!!
  • Marishka написал:
  • По просьбам поправили!.
    1. Делаем все как написано.
    2. Находим файл /Ucoz4/ctena_user2_wall_v2.js и меняем все в файле из нашего файла:
    Код
    http://mbs.usite.pro/ctena_user2_wall_v2.js
  • rayven написал:
  • в любом случае, всегда надо под свои нужды настраивать руками. А скрипт пригодиться, не тут, так там.
    Последние темы
    Опрос
    500
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 3
    Гостей: 3
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: