» »

Сохранить время просмотра на сайте

Сохранить время просмотра на сайте

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

Как поняли эта функция работает на видео плеере, не важно, что это фильм или сериал. Вы просто выставляете сериал, а у него если несколько сезонов, то и его также нужно поставить. Но и время которое вы видите, а точнее просмотрели, здесь ставим до минуту и нажимаем на кнопку сохранить. И потом все можно отключить и скрипт все запомнит, что при следующим включение вы начнете просмотр от куда закончили его, все просто.

Приступаем к установке:

Скопируйте и вставьте код ниже в нужное места на странице материала и комментариев к нему

Код
<div class="ntSavebc">  
  <b>Сезон</b> <input type="text" class="ntSaveForms$ID$" value="" placeholder="Сезон">  
  <b>Серия</b> <input type="text" class="ntSaveForms$ID$" value="" placeholder="Серия">  
  <b>Время</b> <input type="text" class="ntSaveForms$ID$" value="" placeholder="00:00">  
<a href="javascript://" class="ntSaveFormsSubmit$ID$">Сохранить</a>  
</div>


Теперь добавим js на эту же страницу перед закрывающим тегом /body

Код
<script type='text/javascript' src='http://code.jquery.com/jquery-latest.min.js'></script>  

<script type='text/javascript'>  
(function(jQuery){var isLS=typeof window.localStorage!=="undefined";function wls(n,v){var c;if(typeof n==="string"&&typeof v==="string"){localStorage[n]=v;return true}else if(typeof n==="object"&&typeof v==="undefined"){for(c in n)if(n.hasOwnProperty(c))localStorage[c]=n[c];return true}return false}function wc(n,v){var dt,e,c;dt=new Date;dt.setTime(dt.getTime()+31536E6);e="; expires="+dt.toGMTString();if(typeof n==="string"&&typeof v==="string"){document.cookie=n+"="+v+e+"; path=/";return true}else if(typeof n===  
"object"&&typeof v==="undefined"){for(c in n)if(n.hasOwnProperty(c))document.cookie=c+"="+n[c]+e+"; path=/";return true}return false}function rls(n){return localStorage[n]}function rc(n){var nn,ca,i,c;nn=n+"=";ca=document.cookie.split(";");for(i=0;i<ca.length;i++){c=ca[i];while(c.charAt(0)===" ")c=c.substring(1,c.length);if(c.indexOf(nn)===0)return c.substring(nn.length,c.length)}return null}function dls(n){return delete localStorage[n]}function dc(n){return wc(n,"",-1)}jQuery.extend({Storage:{set:isLS?  
wls:wc,get:isLS?rls:rc,remove:isLS?dls:dc}})})(jQuery);  

(function ntSaveForms() {  
  var text, cl;  
  $(".ntSaveForms$ID$").each(function(i) {  
  cl = "ntSaveForms$ID$"+i;  
  $(this).addClass(cl); // add new class  
  text = $.Storage.get(cl);  
  if (text && text.length > 0 && !$(this).val()) {  
  $(this).val(text); // set field data  
  }  
  });  

  $(".ntSaveForms$ID$").keyup(function() {  
  $.Storage.set($(this).attr("class").split(" ")[$(this).attr("class").split(" ").length -1], $(this).val()); // save field data  
  });  

  $(".ntSaveFormsSubmit$ID$").click(function() {  
  $(".ntSaveForms$ID$").each(function(i) {  
  $.Storage.remove("ntSaveForms$ID$"+i); // remove data  
  });  
  });  
})();  
</script>


Если у вас по какой то причине скрипт работать не будет не спишите расстраиваться и для начала
очистите кеш браузера и если после этого скрипт не заработает перенесите код выше в head
то есть вам нужно будет поместить код не перед /body а перед /head

Теперь нам осталось добавить немного стилей
копируем код ниже и в таблицу стилей в самый конец

Код
/*Стили главного блока*/  
.ntSavebc {  
  width: 100%;  
  background: #FFDCA5;  
  padding: 20px;  
  margin: 10px 0px;  
}  
/*Стили текста*/  
.ntSavebc b {  
  margin-left: 10px  
}  
/*Стили для полей*/  
.ntSavebc input {  
  margin: 0 10px;  
  margin-right: 20px;  
  border-radius: 20px;  
  border: none;  
  width: 80px;  
  text-align: center;  
  padding: 5px;  
}

Если вы захотите что то поменять цвет блока или текста просто отредактируйте код выше

На этом всё!
2017-02-03 Просмотров: 1737 Комментарий: (19)

Поделиться в социальных сетях

Материал разместил

Комментарий: 19
Nikas
Nikas 2017-02-03 01:441
0
куки
waak
waak 2017-02-03 01:552
0
да, Хранение содержимого полей. также можно прикрутить данный скрипт для всех полей на сайте или для страницы добавления материала ну вобщем куда угодна чтоб если вдруг страница обновилась или ещё что то то то что вы писали сохранится и вы сможете писать дальше а не заново набирать весь текст
waak
waak 2017-02-03 04:133
0
Админ тебе не стыдно? я в паинте рисовал картинку а ты взял её изменил что в ней не так было?
Kosten
Kosten 2017-02-03 04:304
0
Извини, реально не знал, думал ты просто сайта взял, а чтоб дубля не было, вот и поменял ее. На второй скрипт уже также на фотошоп все сделал по другому, вот увидел комментарий, теперь знаю, что она оригинальна.
waak
waak 2017-02-03 04:345
0
я не публикую эти скрипты на свой сайт тут всё оригинал описание картинка и сам скрипт и редактировать его не обязательно хотя это твоё права хозяин барин
Kosten
Kosten 2017-02-03 04:426
0
Да вообще запутался, и скрипт новый снес, пи..ц еще какой.
Kosten
Kosten 2017-02-03 05:227
0
Да как раз редактировать не обязательно, просто на сайте CEO подключено, а оно заполнено не было, но это название теги и описание, у меня через CEO операторы все идет, вот потому редактировать нажал, чтоб заполонить их.
Sтранник
Sтранник 2017-02-03 13:548
0
Вроде не плохо получилось ))))

Sтранник
Sтранник 2017-02-03 13:599
0
У меня не сохраняет ?
no_matter
no_matter 2017-02-03 14:0110
0
Нет
Sтранник
Sтранник 2017-02-03 14:2311
0
А в чем может быть ошибка?
Konoplia
Konoplia 2017-02-03 15:0812
0
У "habib" тоже не сохраняет) Надо будет на своем попробовать)
Sтранник
Sтранник 2017-02-03 15:0913
0
11a 11a 11a 09a
waak
waak 2017-02-03 15:5714
0
Всё сохраняет у тебя я только что посмотрел скрипт работает на твоём сайте
avatar
killserial 2017-02-20 01:1316
0
заходил и я, но, не сохраняет, во всяком случае на хроме
avatar
killserial 2017-02-17 02:5815
+1
Не сохраняет оно, я по-другому сделал, посмотреть можно killserial.at.ua. Со стилями заморачиваться не стал, указал прямо в форме, при желании, натворить можно чего угодно. Для установки копируем и ставим в нужное место на страницу материала и комментариев, или любую страницу, работает везде. а вот сам скрипт:

Сопрано
Сопрано 2017-02-20 02:3817
0
И что теперь работает, просто саму работу не пойму, но вот сохранил по времени и потом заходишь и включаешь и с этой минуты начинается, где было сохранение.
Konoplia
Konoplia 2017-02-28 12:2018
0
У кого то вообще работает? Делал все по инструкции, пробовал в мозилле, опера, Хроме.. Вообще не сохраняет.. Чистил куки, пихал как перед </body> так и перед </head> - итог один: не работает..
1 2 »
avatar