Материал просмотрен как на YouTube by webo4ka.ru


Материал просмотрен как на YouTube by webo4ka.ru

825
9.8 из 10
Проголосовало: 24






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

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

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

Ну а теперь перейдем к установке:

Установка:

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>


на этом всё...
Автор публикации: Загрузка
Загрузка
Вовчик, это его n материал
Источник: http://webo4ka.ru/
  • Всего комментариев: 27

Tor
0
Tor написал: Написано 04 Августа 2016 в 21:17
Комментарий №25
Только что заметил что надпись появляется только при переключении страницы
Как это исправить?

Вовчик
0
Вовчик написал: Написано 05 Августа 2016 в 20:34
Комментарий №27
Хз((

Tor
0
Tor написал: Написано 04 Августа 2016 в 21:06
Комментарий №24
А почему на первой странице не работает только на 2, 3 и тд.?

Вовчик
0
Вовчик написал: Написано 05 Августа 2016 в 20:34
Комментарий №26
Хз((

kotx126
0
kotx126 написал: Написано 02 Августа 2016 в 10:27
Комментарий №21
первый скрипт(Cookie) добавляем в верх сайта между <head></head>
Код
<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>

второй код добавляем перед закрывающим тегом </body>
Код

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

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

пример клик..

МаксВласов
0
МаксВласов написал: Написано 30 Июля 2016 в 17:54
Комментарий №19
А на uScript такое за 6 долларов предлагают. Вообще буржуи...

CbIPoK2513
-1
CbIPoK2513 написал: Написано 30 Июля 2016 в 23:08
Комментарий №20
Интересно, много ли кто купил его после релиза на Вебочке? biggrin

webo4ka
0
webo4ka написал: Написано 02 Августа 2016 в 17:04
Комментарий №22
Юскрипт бесполезный сайт пустышка, раздутый администрацией ucoz...

CbIPoK2513
0
CbIPoK2513 написал: Написано 04 Августа 2016 в 09:45
Комментарий №23
Просто ребята из Козы хотят ещё денег smile

StimuL
0
StimuL написал: Написано 05 Июля 2016 в 13:14
Комментарий №16
помогите наложить на картинку текст просмотрено, что то я все перепробовал

pro100(4eJI)
0
pro100(4eJI) написал: Написано 05 Июня 2016 в 19:56
Комментарий №14
Код
<iframe style="background-color: #2c3f50;" itemprop="audio" src="ссылка на плеер" width="75%" height="365" frameborder="0"></iframe>


Класс кнопки обычно "play-button-music"

StimuL
0
StimuL написал: Написано 05 Июня 2016 в 19:16
Комментарий №12
все получилось спасибо))

Вовчик
0
Вовчик написал: Написано 06 Июня 2016 в 00:18
Комментарий №15
что не так делал?

pro100(4eJI)
0
pro100(4eJI) написал: Написано 01 Июня 2016 в 23:28
Комментарий №5
Можно как нибудь сделать, чтобы при нажатие на плеер записывались куки?
стиль у кнопки "play-music-button" сам плеер в iframe

Marishka
0
Marishka написал: Написано 01 Июня 2016 в 23:47
Комментарий №6
Можно конечно. напишите в ЛС нам.

pro100(4eJI)
0
pro100(4eJI) написал: Написано 04 Июня 2016 в 23:09
Комментарий №11
Я в лс написал

Вовчик
0
Вовчик написал: Написано 02 Июня 2016 в 15:04
Комментарий №7
код покажи или ссылку на сайт...

pro100(4eJI)
0
pro100(4eJI) написал: Написано 05 Июня 2016 в 19:52
Комментарий №13
Код
<iframe style="background-color: #2c3f50;" itemprop="video" src="ссылка на плеер с удаленных сайтов" width="75%" height="365" frameborder="0"></iframe>


Код кнопки в плеере обычно "play-button"

CbIPoK2513
0
CbIPoK2513 написал: Написано 01 Июня 2016 в 19:19
Комментарий №3
Вовчик, если можешь, дай ссылку на учебник по работе с куки.. :3

Вовчик
0
Вовчик написал: Написано 01 Июня 2016 в 20:31
Комментарий №4
я самоучка, если бы я что-то читал, я знал намного больше))

StimuL
0
StimuL написал: Написано 01 Июня 2016 в 10:29
Комментарий №1
попробовал на новости сделать, что не выводит

Вовчик
0
Вовчик написал: Написано 01 Июня 2016 в 10:48
Комментарий №2
Я делал скрипт пару месяцев назад (ничего не сохранилось), поэтому щас взял код установил по инструкции на тестовом сайте в модуле /news/ и вот что получилось:

поэтому всё работает, это у тебя какие-то проблемы...

k43
0
k43 написал: Написано 03 Июня 2016 в 15:06
Комментарий №8
реально не работает...

Вовчик
0
Вовчик написал: Написано 03 Июня 2016 в 15:09
Комментарий №9
у кого еще не работает?

Вовчик
+1
Вовчик написал: Написано 03 Июня 2016 в 18:45
Комментарий №10

330
0
330 написал: Написано 29 Июля 2016 в 01:23
Комментарий №17
Первый код куда Подключать?

CbIPoK2513
0
CbIPoK2513 написал: Написано 29 Июля 2016 в 11:25
Комментарий №18
в <head></head>

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 24
Скрипты и модификации для Ucoz 2101
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 429
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
как поставить свою ссылку и логотип
  • Сатурн-1 написал:
  • Похвально.
  • Winston888 написал:
  • Я не говорил что делаю только скрипты. Я делаю шаблоны, скрипты, адаптации с разных движков под ucoz и на оборот + я ещё и сам рисую. В данный момент занимаюсь дизайном для webo4ka сам рисую сам верстаю.
  • Сатурн-1 написал:
  • Заметь, мы делаем почти одну и ту же работу.
    Ты - скрипты, я -шаблон. И каждый делает это бесплатно, НО
    ты делаешь скрипты без шаблона, я делаю шаблон без скриптов (не считая основных).
    Я тоже могу сказать что твои скрипты не идеальны, но не буду т.к. даже не знаю какие из всех существующих твои.
    Поэтому ты не сравнивай скрипты и шаблоны да еще и на Ucoz'e, мы же не на хакатоне каком нибудь.
  • Winston888 написал:
  • Если бы я не добавлял бесплатные адаптации или скрипты бесплатно я бы наверное не стал бы комментировать ваш материал.
    Последние темы
    Опрос
    203
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 4
    Гостей: 3
    Пользователей: 1
    Топ пользователей: