|
|
09.01.2016, 22:44
|
 |
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,121
|
|
|
Alastor,
и какая версия ie? ищите полифилы classList, querySelector и если совсем уж старый то и для addEventListener
|
|
09.01.2016, 23:14
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,121
|
|
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.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>
|
|
20.01.2016, 11:23
|
|
Интересующийся
|
|
Регистрация: 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>
|
|
20.01.2016, 11:44
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,121
|
|
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>
<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>
|
|
20.01.2016, 13:54
|
|
Интересующийся
|
|
Регистрация: 26.10.2013
Сообщений: 25
|
|
|
рони,
Вроде все работает, но почему смайл такой?
|
|
20.01.2016, 14:16
|
|
Интересующийся
|
|
Регистрация: 26.10.2013
Сообщений: 25
|
|
|
рони,
ну вроде норм только когда делаешь клик по списку оно автоматом переключает далее при открытии
|
|
20.01.2016, 14:28
|
|
Интересующийся
|
|
Регистрация: 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">←</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>
<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.
|
|
20.01.2016, 14:34
|
|
Интересующийся
|
|
Регистрация: 26.10.2013
Сообщений: 25
|
|
|
правда скрипт у меня первый тот что ты делал))
|
|
20.01.2016, 14:39
|
|
Интересующийся
|
|
Регистрация: 26.10.2013
Сообщений: 25
|
|
|
может какие ошибки есть исправь))плиз
правда этот наверное в експлорере работать не будет((( но не переключает серию при открытии списка
Последний раз редактировалось Alastor, 20.01.2016 в 14:46.
|
|
|
|
