Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #11 (permalink)  
Старый 07.01.2016, 01:29
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

Alastor,
можно в localStorage запоминать по onchange() запоминать выбор а при загрузке его устанавливать
Ответить с цитированием
  #12 (permalink)  
Старый 07.01.2016, 02:05
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

сохранение выбора селектора при перезагрузке
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">&#8592</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">&#8594</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.
Ответить с цитированием
  #13 (permalink)  
Старый 07.01.2016, 05:02
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

Alastor,
Удобнее все же делать кнопки переключения серий слайдером(по опыту), как на seasonvar: http://seasonvar.ru/serial-11912-Vol...-5-season.html и симпатичнее, принцип запоминания и выбора наверно мало измениться
Ответить с цитированием
  #14 (permalink)  
Старый 07.01.2016, 16:51
Интересующийся
Отправить личное сообщение для Alastor Посмотреть профиль Найти все сообщения от Alastor
 
Регистрация: 26.10.2013
Сообщений: 25

Deff,
оно то может и так, ну уже такой плеер стоит потому от него и пляшем, так то как я посмотрю он флеш
Ответить с цитированием
  #15 (permalink)  
Старый 07.01.2016, 16:58
Интересующийся
Отправить личное сообщение для Alastor Посмотреть профиль Найти все сообщения от Alastor
 
Регистрация: 26.10.2013
Сообщений: 25

рони,
Да в списке запоминает но в блок инфрейм после перезагрузки не ставит ее)
Ответить с цитированием
  #16 (permalink)  
Старый 07.01.2016, 19:56
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

Alastor,
смотрите пост 12 снова
Ответить с цитированием
  #17 (permalink)  
Старый 08.01.2016, 02:34
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 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.
Ответить с цитированием
  #18 (permalink)  
Старый 09.01.2016, 14:24
Интересующийся
Отправить личное сообщение для Alastor Посмотреть профиль Найти все сообщения от Alastor
 
Регистрация: 26.10.2013
Сообщений: 25

Сообщение от рони Посмотреть сообщение
Alastor,
смотрите пост 12 снова
не понял(
Ответить с цитированием
  #19 (permalink)  
Старый 09.01.2016, 16:02
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

Alastor,
либо вариант работает, либо нет, iframe с нужным src после перезагрузки?
Ответить с цитированием
  #20 (permalink)  
Старый 09.01.2016, 22:36
Интересующийся
Отправить личное сообщение для Alastor Посмотреть профиль Найти все сообщения от Alastor
 
Регистрация: 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">&#8592</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">&#8594</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>
Ответить с цитированием
Ответ


Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
автоклик для select JQurey_API jQuery 3 10.06.2014 15:28
Не работает onchange для select в ie LizzarD Events/DOM/Window 2 22.05.2012 15:39
onMouseDown для правой кнопки zig Events/DOM/Window 2 03.03.2011 00:18
массив options для select (в IE) Polkan Internet Explorer 8 06.05.2010 17:31