|
Доброго времени суток! Тем у кого есть кино сайт этот скрипт будет полезен. Он дает возможность пользователю запомнить время просмотра фильма либо сериала если захотел сделать перерыв в просмотре и в дальнейшем легко можно перемотать видео до нужной отметки. Теперь в место где вы хотите видеть форму записи ставим этот код: Код <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;//цвет текста в titlefont-family: Play;font-weight: bold;letter-spacing: .1em;display: inline-block;padding: 5px 10px;}
|
|