Доброго времени суток! Тем у кого есть кино сайт этот скрипт будет полезен. Он дает возможность пользователю запомнить время просмотра фильма либо сериала если захотел сделать перерыв в просмотре и в дальнейшем легко можно перемотать видео до нужной отметки.
Теперь в место где вы хотите видеть форму записи ставим этот код:
Код
<div class="formforsave">
<div class="t-1">Желаем приятного просмотра!<br><?if($CID$=14)?>Запишите на какой серии и сезоне вы остановились<?else?>Запишите время где вы остановились<?endif?></div><br><br><br>
<?if($CID$=14)?>Сезон: <input class="ntSaveForms" placeholder="сезон" type="text" value="" data-com.agilebits.onepassword.user-edited="yes">
<script type="text/javascript"> (function(){ var e = document.getElementsByClassName('ntSaveForms'); var text, cl; for(var i =0; i<e.length;i++){ cl = 'ntSaveForms' + i + location.pathname; text = localStorage[cl]; console.log(text); if(text && !e[i].value) e[i].value = text; } for(var i =0; i<e.length;i++){ e[i].index = i; e[i].onkeyup = function(){ localStorage['ntSaveForms' + this.index + location.pathname] = this.value; console.log(localStorage['ntSaveForms' + this.index + location.pathname]); } } var g = document.getElementsByClassName('ntSaveFormsSubmit'); for(var j =0; j<g.length;j++){ g[j].onclick = function(){ for(var i =0; i<e.length;i++) localStorage['ntSaveForms' + i + location.pathname] = ''; } } })(); </script>
Серия: <input class="ntSaveForms" placeholder="серия" type="text" value="">
<script type="text/javascript"> (function(){ var e = document.getElementsByClassName('ntSaveForms'); var text, cl; for(var i =0; i<e.length;i++){ cl = 'ntSaveForms' + i + location.pathname; text = localStorage[cl]; console.log(text); if(text && !e[i].value) e[i].value = text; } for(var i =0; i<e.length;i++){ e[i].index = i; e[i].onkeyup = function(){ localStorage['ntSaveForms' + this.index + location.pathname] = this.value; console.log(localStorage['ntSaveForms' + this.index + location.pathname]); } } var g = document.getElementsByClassName('ntSaveFormsSubmit'); for(var j =0; j<g.length;j++){ g[j].onclick = function(){ for(var i =0; i<e.length;i++) localStorage['ntSaveForms' + i + location.pathname] = ''; } } })(); </script><?endif?>
Время: <input class="ntSaveForms" placeholder="00:00" type="text" value="">
<script type="text/javascript"> (function(){ var e = document.getElementsByClassName('ntSaveForms'); var text, cl; for(var i =0; i<e.length;i++){ cl = 'ntSaveForms' + i + location.pathname; text = localStorage[cl]; console.log(text); if(text && !e[i].value) e[i].value = text; } for(var i =0; i<e.length;i++){ e[i].index = i; e[i].onkeyup = function(){ localStorage['ntSaveForms' + this.index + location.pathname] = this.value; console.log(localStorage['ntSaveForms' + this.index + location.pathname]); } } var g = document.getElementsByClassName('ntSaveFormsSubmit'); for(var j =0; j<g.length;j++){ g[j].onclick = function(){ for(var i =0; i<e.length;i++) localStorage['ntSaveForms' + i + location.pathname] = ''; } } })(); </script></div>
Далее в свой CSS необходимо прописать стили:
Код
input[class="ntSaveForms"] {
padding:0.2em 1em;
width: 70px;
line-height:1em;
border-radius:10px;
color:#000;
font-size:inherit;
border:solid 1px #ccc;
background-position: center bottom;
font-family: Play;
}
.formforsave {
background: #2E2E36 url(/img/ваша картинка)50% no-repeat;//при необходимости или подобрать свой цвет
padding: 35px;
color: #fff;// цвет текста у табличек записи
font-family: Play;
font-weight: bold;
box-shadow: 0 10px 6px -6px rgba(207, 207, 207, 0.68);
border-radius: 10px;
}
.t-1 {
text-transform: uppercase;
font-size: 13px;
color: #ff2603;//цвет текста в title
font-family: Play;
font-weight: bold;
letter-spacing: .1em;
display: inline-block;
padding: 5px 10px;
}