07.01.2016, 01:29
|
 |
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,108
|
|
|
Alastor,
можно в localStorage запоминать по onchange() запоминать выбор а при загрузке его устанавливать
|
|
07.01.2016, 02:05
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,108
|
|
|
сохранение выбора селектора при перезагрузке
Alastor,
onchange не ставить в тег
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
</head>
<body>
<div id="cplayer1" style="display:block;">
<iframe name='film_cinemas' id='film_cinemas' src='http://vk.com/video_ext.php?oid=177595935&id=162959834&hash=71483af4bb9b25b5&hd=3' width='307' height='260' frameborder='0'></iframe>
<div class='vk_select'>
<button class="previous">←</button>
<select size='1' >
<option value='http://vk.com/video_ext.php?oid=177595935&id=162959834&hash=71483af4bb9b25b5&hd=3'>1 серия</option>
<option value="http://vk.com/video_ext.php?oid=177595935&id=162959836&hash=b095322a1122a202&hd=3">2 серия</option>
<option value="http://vk.com/video_ext.php?oid=177595935&id=162959838&hash=947cc72f8178eb3a&hd=3">3 серия</option>
<option value="http://vk.com/video_ext.php?oid=177595935&id=162959840&hash=c00fa8b2df9ead45&hd=3">4 серия</option>
</select>
<button class="next">→</button>
</div></div>
<script>
window.addEventListener("DOMContentLoaded", function() {
var d = document.querySelector("#cplayer1"),
a = d.querySelector("select"),
f = d.querySelector("#film_cinemas");
a.addEventListener("change", function() {
f.src = a.value;
localStorage.setItem("rem", a.value)
});
var e = localStorage.getItem("rem");
e && (a.value = e);
e = new Event("change");
a.dispatchEvent(e);
d.addEventListener("click", function(c) {
c = c.target;
var b = a.selectedIndex;
if (c.classList.contains("previous")) b--;
else if (c.classList.contains("next")) b++;
else return;
0 > b && (b = a.options.length - 1);
b %= a.options.length;
a.selectedIndex = b;
a.dispatchEvent(e)
})
});
</script>
</body>
</html>
Последний раз редактировалось рони, 07.01.2016 в 19:53.
|
|
07.01.2016, 05:02
|
|
без статуса
|
|
Регистрация: 25.05.2012
Сообщений: 8,219
|
|
Alastor,
Удобнее все же делать кнопки переключения серий слайдером(по опыту), как на seasonvar: http://seasonvar.ru/serial-11912-Vol...-5-season.html и симпатичнее, принцип запоминания и выбора наверно мало измениться
|
|
07.01.2016, 16:51
|
|
Интересующийся
|
|
Регистрация: 26.10.2013
Сообщений: 25
|
|
|
Deff,
оно то может и так, ну уже такой плеер стоит потому от него и пляшем, так то как я посмотрю он флеш
|
|
07.01.2016, 16:58
|
|
Интересующийся
|
|
Регистрация: 26.10.2013
Сообщений: 25
|
|
|
рони,
Да в списке запоминает но в блок инфрейм после перезагрузки не ставит ее)
|
|
07.01.2016, 19:56
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,108
|
|
|
Alastor,
смотрите пост 12 снова
|
|
08.01.2016, 02:34
|
|
без статуса
|
|
Регистрация: 25.05.2012
Сообщений: 8,219
|
|
|
Сообщение от Alastor
|
|
оно то может и так, ну уже такой плеер стоит потому от него и пляшем, так то как я посмотрю он флеш
|
Плеер тут не причем, сделать обертку фрейма HTML слайдером, на на кнопки поставить те же данные, что и у option(к примеру: http://vk.com/video_ext.php?oid=1775...4bb9b25b5&hd=3), в атрибут data="..." ;жмёте кнопку - получаете тот жа эффект, что и от option, можете заказать в разделе работа, если самому трудоёмко
Последний раз редактировалось Deff, 08.01.2016 в 02:38.
|
|
09.01.2016, 14:24
|
|
Интересующийся
|
|
Регистрация: 26.10.2013
Сообщений: 25
|
|
Сообщение от рони
|
Alastor,
смотрите пост 12 снова
|
не понял( |
|
09.01.2016, 16:02
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,108
|
|
|
Alastor,
либо вариант работает, либо нет, iframe с нужным src после перезагрузки?
|
|
09.01.2016, 22:36
|
|
Интересующийся
|
|
Регистрация: 26.10.2013
Сообщений: 25
|
|
Ладно то не столь важно, а вот мне интересно а можно как-то этот скрипт заставить работать в експлорере??
|
Сообщение от рони
|
Alastor,
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
</head>
<body>
<div id="cplayer1" style="display:block;"><iframe name='film_cinemas' id='film_cinemas' src='http://vk.com/video_ext.php?oid=177595935&id=162959834&hash=71483af4bb9b25b5&hd=3' width='307' height='260' frameborder='0'></iframe>
<div class='vk_select'><button class="previous">←</button><select size='1' onchange="javascript:if(document.getElementById('film_cinemas')) document.getElementById('film_cinemas').src=this.value;">
<option value='http://vk.com/video_ext.php?oid=177595935&id=162959834&hash=71483af4bb9b25b5&hd=3'>1 серия</option><option value="http://vk.com/video_ext.php?oid=177595935&id=162959836&hash=b095322a1122a202&hd=3">2 серия</option><option value="http://vk.com/video_ext.php?oid=177595935&id=162959838&hash=947cc72f8178eb3a&hd=3">3 серия</option><option value="http://vk.com/video_ext.php?oid=177595935&id=162959840&hash=c00fa8b2df9ead45&hd=3">4 серия</option></select>
<button class="next">→</button>
</div></div>
<script>
window.addEventListener("DOMContentLoaded", function() {
var d = document.querySelector("#cplayer1"),
s = d.querySelector("select");
d.addEventListener("click", function(b) {
var a = b.target, i = s.selectedIndex;
if(a.classList.contains("previous")) i-- ;
else if(a.classList.contains("next")) i++ ;
else return;
if(i < 0) i = s.options.length - 1;
i %= s.options.length;
s.selectedIndex = i;
s.onchange()
})
});
</script>
</body>
</html>
|
|
|
|
|
