Материал просмотрен как на YouTube by webo4ka.ru
Сегодня я вам покажу как сделать так, что бы материал который вы просматривали был помечен меткой такой же как на всем нами известном ютубе надписью: "ПРОСМОТРЕНО".

Скрипт будет работать на куках, поэтому после того как пользователь их почистит, данная надпись у просмотренных материалов пропадет.

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

Установка

1) Подключаем куки, если их у вас на сайте нет:

Код
<script type="text/javascript">  

  function setCookie(name, value, days) {  
  if (days) {  
  var date = new Date();  
  date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));  
  var expires = "; expires=" + date.toGMTString();  
  }  
  else var expires = "";  
  document.cookie = name + "=" + value + expires + "; path=/";  
  }  
  function getCookie(name) {  
  var nameEQ = name + "=";  
  var ca = document.cookie.split(';');  
  for (var i = 0; i < ca.length; i++) {  
  var c = ca[i];  
  while (c.charAt(0) == ' ') c = c.substring(1, c.length);  
  if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);  
  }  
  return null;  
  }  
  function eraseCookie(name) {  
  setCookie(name, "", -1);  
  };  
  </script>

2) Заходи Панель управления ---> Управление дизайном ---> Нужный модуль ---> Вид материалов, находим там ссылку для перехода к полной новости и добавляем ей класс wProcmotrno$ID$:

Код
<a href="$ENTRY_URL$" class="wProcmotrno$ID$">$TITLE$</a>

3) И в самый низ вставляем:

Код
<script type="text/javascript">  
  if(getCookie('wCookieLook$ID$')) {  
  $(".wProcmotrno$ID$").prepend('<div style="background:#000; padding:4px 6px; width:100px; font-size:12px; color:#fff; text-transform:uppercase;" align="center">Просмотрено</div>');  
  }  

  $(".wProcmotrno$ID$").click(function(){setCookie('wCookieLook$ID$', 1, 365);});  
  </script>

Источник: webo4ka.ru

Всего комментариев: (5)

Tor
в 21:03, 04 Авг 16
А почему на первой странице не работает только на 2, 3 и тд.? :(
maksim72rus
в 01:12, 20 Июл 16
а можно такой же вид материалов ?
Kanavas
в 08:47, 21 Июл 16
а самому сделать?
18@net
в 22:45, 14 Июн 16
Установка скрипта очень проста и не должна вызвать затруднений, только придется вам подстраивать код под свой вид материалов, что бы надпись выводилась в нужном для вас месте...

более подробно обьяснить можно ,при установке кода полностью все летит
Kanavas
в 23:36, 15 Июн 16
Цитата
Установка скрипта очень проста и не должна вызвать затруднений, только придется вам подстраивать код под свой вид материалов, что бы надпись выводилась в нужном для вас месте...
Как весь код может лететь, если там только текст добавляется? Опишите более подробно, а лучше ссылку на сайт напишите.
_LOGGED_IN$)?>
Чтобы оставить комментарий под этой публикацией, войдите или зарегистрируйтесь.

Случайные материалы

Простой Морфинг Поиск
Простой Морфинг Поиск
30 советов путешественнику-одиночке
30 советов путешественнику-одиночке
7 адаптивных и минималистических форм для сайта
7 адаптивных и минималистических фо
Скрипт запрещающий смотреть код материала гостям для uCoz
Скрипт запрещающий смотреть код мат
Кнопка лайк как на Facebook
Кнопка лайк как на Facebook
CMS login form
CMS login form