Четверг, 16.08.2018, 03:00
Главная Регистрация RSS
Приветствую Вас, Гость
НОВОЕ НА ФОРУМЕ
НОВЫЕ КОМЕНТАРИИ
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0

Нас сегодня посетили :
Поиск
Главная » Файлы » СКРИПТЫ ДЛЯ UCOZ » РАЗНЫЕ СКРИПТЫ УКОЗ

Форма записи времени просмотра видео

Форма записи времени просмотра видео

Доброго времени суток! Тем у кого есть кино сайт этот скрипт будет полезен. Он дает возможность пользователю запомнить время просмотра фильма либо сериала если захотел сделать перерыв в просмотре и в дальнейшем легко можно перемотать видео до нужной отметки.
Теперь в место где вы хотите видеть форму записи ставим этот код:

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


$CID$=14 - ваша категория с сериалами
Так выглядит форма с картинкой.

Форма записи времени просмотра видео

ПОСМОТРЕТЬ ДЭМО ВЕРСИЮ

К материалу оставили ссылку на демоверсию, по которой вы можете оценить функционал данного материала. При обнаружении ссылки, не содержашей демоверсии, сообщите об этом Администратору.

Похожие материалы:

Категория: РАЗНЫЕ СКРИПТЫ УКОЗ | Добавил: mytorrento
Просмотров: 13 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
avatar