Старая форма входа
Вид материаловМенюКатегорииИнформерКнопки
Наш чат 1
Онлайн всего: 1
Гостей: 1
Пользователей: 0
1

Оценка материалов с обновлением в реальном времени

Добавлено 04-04-2022 в 19:03

  • Категория Разное
  • Авторwaak
  • Просмотры523
  • Комментарии11
  • Понравилось26
  • Скачиваний27
Оценка материалов с обновлением в реальном времени
Здравствуйте! Сегодня выполняю просьбу и делюсь с вами скриптом лайки для материала как на талантлев! думаю не нужно описывать что такое лайки и для чего они нужны а так же обойдёмся без скриншотов и видео демонстрации так как вы можете посмотреть работу данного скрипта прям на сайте нажав на любую кнопку для оценки материала или же комментариев принцип их работы один и тот же.

Сразу скажу что скрипт будет отличаться от того что написан конкретно для сайта талантлев так как сами должны понимать почему! но и отличаться сильно тоже не будет так же как и на сайте вывод уведомлений и обновление оценки сразу после голосования останется с небольшой правкой вида по дизайну вообщем приступим к установки скрипта

Установка

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

Код кнопки

Код
<span title="Проголосовало $RATED$" id="waaklike$ID$" onclick="likphoto$ID$();"><i class="fa fa-heart" aria-hidden="true"></i> $RATED$</span>
  <script>
  function likphoto$ID$() {
  $('#waaklike$ID$').html('<img src="/img/upload.gif">');
  $.post('/load',{'a':65, 'mark':1, 'mod':'load', 'ajax':2, 'id':'$ID$', '_tp_':'xml'},function(data) {if($(data).text().indexOf('уже оценивали')>-1) { $('#waakof').html('Вы уже <br>оценивали'); setTimeout(function(){$('#waakof').fadeIn('fast')});setTimeout(function(){$('#waakof').fadeOut('fast')},7000); $('#waaklike$ID$').html('<i class="fa fa-heart" aria-hidden="true"></i> $RATED$'); } else {$('#waakok').html('Ваша оценка принята'); setTimeout(function(){$('#waakok').fadeIn('fast')});setTimeout(function(){$('#waakok').fadeOut('fast')},7000);$('#waaklike$ID$').html('<i class="fa fa-heart" aria-hidden="true" style="color: #F43C0A;"></i> <?$RATED$+1?>');};});  
  }
  </script>
Отлично не забываем сохранить! так же в коде есть картинка её вам нужно скачать и залить к себе на сайт в папку img

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

Код блоков

Код
<div id="waakof"></div>
<div id="waakok"></div>
Отлично не забываем сохранить!

Ну теперь подключим стили для блоков с уведомлениями для этого копируем код ниже и вставляем его в свою таблицу стилей css в самый низ

Таблица стилей css

Код
#waakof, #waakok{
  display: none;
  position: fixed;
  bottom: 10px;
  left: 10px;
  max-width: 200px;
  padding: 10px 20px;
  color: #FFF;
  font-size: 13px;
}
#waakof {
  background: #e12929;
}
#waakok {
  background: #09ab33;
}
Отично не забываем сохранить!

Чистим кеш браузера и проверяем работу скрипта если что то не так пишите в комментариях!
Кому нужно для других модулей так же пишите в комментариях!

Скачать файлы материала

27 загрузок 0.3 Kb Скачать
Скачивание файлов без ограничений доступно только зарегистрированным пользователям.

Комментарии

Ashkeloner 15-07-2023 в 20:21
Хороший скрипт! А можно подробнее об этой строчке кода,
$.post('/load',{'a':65, 'mark':1, 'mod':'load', 'ajax':2, 'id':'$ID$', '_tp_':'xml'},function(data)
waak 16-07-2023 в 20:48
что именно вам не понятно тут указан модуль ид материала к которому выполняется запрос для оценки
alexander-drug 13-09-2022 в 12:33
Лайки почему-то перестали работать qe
waak 21-09-2022 в 13:36
Я знаю! юкоз изменил работу рейтинга вот и перестало работать! но уже исправил и скрипт поправил в материале !
i926 18-04-2022 в 11:56
Добрый день, в можно заказать услугу установки лайков на наш сайт?
waak 18-04-2022 в 17:48
Доброе можно пишите в лином сообщении ссылку на сайт ну и там уже доступ к панели
Nightlife 09-04-2022 в 14:01
Установил, но что-то вообще не реагирует на нажатия.
waak 09-04-2022 в 16:38
Попробуйте ещё раз я просто опечатку допустил в коде но сейчас поправил должно работать !
Nightlife 09-04-2022 в 19:16
Благодарю! Сейчас все корректно работает!
mrnoobsky 06-04-2022 в 15:17
Привет, отличная задумка, но у меня увы не получилось ql
waak 06-04-2022 в 20:09
Что именно не получилось?

Оставить комментарий

Добавлять комментарии могут только зарегистрированные пользователи.

Регистрация Вход
Комментарии
waak

К сожалению, у меня нет сайта, на котором был бы активен данный модуль, чтобы посмотреть, работает он там или нет.

04-03-2024 в 08:01 материал
Fr Frag

Для модуля новости не работает

03-03-2024 в 05:55 материал
web_master

при добавлении комментарии выдает ошибку в консоли:

POST http:сайт/index/ 404 (Not Found)

29-02-2024 в 16:58 материал
web_master

UPD: так будет работать , + в конце будут показывать и проценты...

Код
<?($OTHER2$-$OTHER1$)/$OTHER2$*100 ?>


А так будет без процентов:
Код
<?int(($OTHER2$-$OTHER1$)/$OTHER2$*100)?>  

25-02-2024 в 23:06 материал
web_master

Скрипт не работает почему-то

25-02-2024 в 22:09 материал
waak

Не за что! Я бы делал больше но просьб мало а самому сидеть придумывать не всегда есть время по этому и обновления идут редко

07-02-2024 в 18:26 материал
ed edik2009

Спасибо.Поставил все работает. К сожалению эпоха сайтостроения Юкоз прошла. Ваш сайт один из немногих который, хоть что то обновляет материалы для в этой системы (Скрипты, Шаблоны, Графика и т.д)

07-02-2024 в 08:08 материал
waak

Здравствуйте! вы наверное не совсем понимаете смысл данного раздела, Что бы я мог выполнить вашу просьбу я должен понимать что именно вам нужно а в вашей просьбе нет конкретики и по этому выполнить её не получится

27-01-2024 в 15:12 материал
di dinyslamsinger

От души qv

23-01-2024 в 16:58 материал
di dinyslamsinger

Работает ты лучший брат спасибо

03-01-2024 в 20:10 материал
waak

Для ваших просьб на сайте есть раздел Мастерская туда нужно писать о том что вам нужно а не в комментариях

30-12-2023 в 12:00 материал
di dinyslamsinger


Я уже установил qv

30-12-2023 в 04:26 материал

Услуга от адмиистратора

Вы можите заказать установку от администратара ( waak ) этого материала или любого другога с нашего сайта на ваш сайт или доработку под ваши нужды!

от 150рзаказать