Javascript.RU

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

Alastor,
и какая версия ie? ищите полифилы classList, querySelector и если совсем уж старый то и для addEventListener
Ответить с цитированием
  #22 (permalink)  
Старый 09.01.2016, 23:14
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

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.onload =  function() {
    var d = document.getElementById("cplayer1"),
    s = d.getElementsByTagName("select")[0];
    d.onclick = function(event) {
     event = event || window.event
     var a = event.target || event.srcElement, i = s.selectedIndex;
     if(a.className.indexOf("previous") != -1) i-- ;
     else if(a.className.indexOf("next") != 1) i++  ;
     else return;
     if(i < 0) i = s.options.length - 1;
     i %= s.options.length;
     s.selectedIndex = i;
     s.onchange()
    }
};
</script>
</body>

</html>
Ответить с цитированием
  #23 (permalink)  
Старый 20.01.2016, 11:23
Интересующийся
Отправить личное сообщение для Alastor Посмотреть профиль Найти все сообщения от Alastor
 
Регистрация: 26.10.2013
Сообщений: 25

Скажите как-то можно это прикрутить к коду
чтобы при воде номера открывало даную серию
<form name="test" method="post">
  <b>быстрый переход</b>
   <input type="text" size="1" maxlength=3 pattern="\d*">
  <input type="submit" value="ОК">
 </form>
Ответить с цитированием
  #24 (permalink)  
Старый 20.01.2016, 11:44
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

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>
<form name="test" method="post">
  <b>быстрый переход</b>
   <input type="text" size="1" maxlength=3 pattern="\d*" name="num">
  <input type="submit" value="ОК">
 </form>

<script>
window.onload =  function() {
    var d = document.getElementById("cplayer1"),
    s = d.getElementsByTagName("select")[0];
    d.onclick = function(event) {
     event = event || window.event
     var a = event.target || event.srcElement, i = s.selectedIndex;
     if(a.className.indexOf("previous") != -1) i-- ;
     else if(a.className.indexOf("next") != 1) i++  ;
     else return;
     if(i < 0) i = s.options.length - 1;
     i %= s.options.length;
     s.selectedIndex = i;
     s.onchange()
    }
   var form =  document.test;
   form.onsubmit = function() {
   var i = (this.num.value - 1)||0 ;
   if(i < 0) i = 0;
   if(i > s.options.length - 1) i = s.options.length - 1;
   s.selectedIndex = i ;
   this.num.value = ++i;
   s.onchange();
   return false;
}
};
</script>
</body>

</html>
Ответить с цитированием
  #25 (permalink)  
Старый 20.01.2016, 13:54
Интересующийся
Отправить личное сообщение для Alastor Посмотреть профиль Найти все сообщения от Alastor
 
Регистрация: 26.10.2013
Сообщений: 25

рони,
Вроде все работает, но почему смайл такой?
Ответить с цитированием
  #26 (permalink)  
Старый 20.01.2016, 14:16
Интересующийся
Отправить личное сообщение для Alastor Посмотреть профиль Найти все сообщения от Alastor
 
Регистрация: 26.10.2013
Сообщений: 25

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

вот так вроде норм


<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>
<form name="test" method="post">
  <b>быстрый переход</b>
   <input type="text" size="1" maxlength=3 pattern="\d*" name="num">
  <input type="submit" value="ОК">
 </form>

<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()
    })
	   var form =  document.test;
   form.onsubmit = function() {
   var i = (this.num.value - 1)||0 ;
   if(i < 0) i = 0;
   if(i > s.options.length - 1) i = s.options.length - 1;
   s.selectedIndex = i ;
   this.num.value = ++i;
   s.onchange();
   return false;
}

});


</script>

Последний раз редактировалось Alastor, 20.01.2016 в 14:46.
Ответить с цитированием
  #28 (permalink)  
Старый 20.01.2016, 14:34
Интересующийся
Отправить личное сообщение для Alastor Посмотреть профиль Найти все сообщения от Alastor
 
Регистрация: 26.10.2013
Сообщений: 25

правда скрипт у меня первый тот что ты делал))
Ответить с цитированием
  #29 (permalink)  
Старый 20.01.2016, 14:39
Интересующийся
Отправить личное сообщение для Alastor Посмотреть профиль Найти все сообщения от Alastor
 
Регистрация: 26.10.2013
Сообщений: 25

может какие ошибки есть исправь))плиз

правда этот наверное в експлорере работать не будет((( но не переключает серию при открытии списка

Последний раз редактировалось Alastor, 20.01.2016 в 14:46.
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
автоклик для 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