Сохранить время просмотра на сайте - Скрипты - UCOZ - Каталог файлов - Каморка
kamorka
Menu
Правила чата
Пользователи онлайн
Мини-чат
+Мини-чат
0
Онлайн всего: 15
Гостей: 15
Пользователей: 0
   Категории

Комментарии

KaMoRkA.uCoz.com -- uCoz -- Скрипты


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

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

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

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

Код
<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;  
}


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

Важно!

При копировании материала указывать ссылку на источник.

- 531
- 03-Февраля-2017
- 0
Материал разместил:

Похожий материал
Статьи сайта