Материал просмотрен как на YouTube by webo4ka.ru
- 13 Июн 16 в 09:20
- Скрипты для uCoz
Сегодня я вам покажу как сделать так, что бы материал который вы просматривали был помечен меткой такой же как на всем нами известном ютубе надписью: "ПРОСМОТРЕНО".
Скрипт будет работать на куках, поэтому после того как пользователь их почистит, данная надпись у просмотренных материалов пропадет.
Установка скрипта очень проста и не должна вызвать затруднений, только придется вам подстраивать код под свой вид материалов, что бы надпись выводилась в нужном для вас месте...
Установка
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>
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>
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
maksim72rus
в 01:12, 20 Июл 16
Чтобы оставить комментарий под этой публикацией, войдите или зарегистрируйтесь.
Случайные материалы
Плавающая кнопка меню от Kanavas
7 адаптивных и минималистических фо
Clean - качественный адаптивный шаб
Ajax окна как на Kanavas
Скрываем админ-бар
Вдохновение для ввода текста эффект