|
06.01.2016, 15:15
|
Интересующийся
|
|
Регистрация: 26.10.2013
Сообщений: 25
|
|
Кнопки для спичка select
вот есть такой код как заставить эти кнопки переключать серии без раскрытия списка
<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>
|
|
06.01.2016, 15:22
|
Интересующийся
|
|
Регистрация: 26.10.2013
Сообщений: 25
|
|
извините за название не могу найти как его поменять(((
|
|
06.01.2016, 15:43
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,126
|
|
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>
|
|
06.01.2016, 15:47
|
Интересующийся
|
|
Регистрация: 26.10.2013
Сообщений: 25
|
|
рони,
Спасибо все работает))
|
|
07.01.2016, 00:04
|
Интересующийся
|
|
Регистрация: 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>
|
а вот прикол заметил теперь когда нажимаешь на список серия что стоит перезагружается, и еще вопрос как то можно сделать тип отметку остановился на
П/С кстати тут в редакторе все нормально показывает но на просто хтмл странице перегружает
Последний раз редактировалось Alastor, 07.01.2016 в 00:08.
|
|
07.01.2016, 00:31
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,126
|
|
Сообщение от Alastor
|
серия что стоит перезагружается
|
не должно , проверьте есть ли у вас строка 26 ,
Сообщение от Alastor
|
отметку остановился на
|
не понял
|
|
07.01.2016, 00:38
|
Интересующийся
|
|
Регистрация: 26.10.2013
Сообщений: 25
|
|
Да вы правы, странно чего она не скопировалась, отметку например в смысле смотрел 5 серию вот ее как то запомнить в куки наприме, или там какой то галочкой оьметить
|
|
07.01.2016, 00:52
|
Интересующийся
|
|
Регистрация: 26.10.2013
Сообщений: 25
|
|
рони,
как то так)
|
|
07.01.2016, 01:04
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,126
|
|
Alastor,
всё уж тогда скопируйте по новой.
сложно узнать смотрел или нет, может просто стрелочки проверял.
|
|
07.01.2016, 01:18
|
Интересующийся
|
|
Регистрация: 26.10.2013
Сообщений: 25
|
|
рони,
так можно сделать как то запоминание серии на которой остановился.
так ее как-то отметить
|
|
|
|