вопрос
Здравствуйте я новичок в Dle
у меня тут возникла проблема с кодом вот допустим я хочу сделать 2-3 видео на одной странице в модальном окне, но когда я делаю точно такой-же код ниже то всё вроде как получается но когда я нажимаю на кнопку "смотреть онлайн" первый раз открывается сначала первое видео потом нажимаю на ту-же кнопку 2-й раз и открывается 2-е видео нажимаю 3-й раз на ту-же кнопку и открывается 1-е видео
я просто нуб в этой сфере
вот как я делал:
просто тупо 2 раза подряд вставлял, буду очень вам благодарен за помощь
у меня тут возникла проблема с кодом вот допустим я хочу сделать 2-3 видео на одной странице в модальном окне, но когда я делаю точно такой-же код ниже то всё вроде как получается но когда я нажимаю на кнопку "смотреть онлайн" первый раз открывается сначала первое видео потом нажимаю на ту-же кнопку 2-й раз и открывается 2-е видео нажимаю 3-й раз на ту-же кнопку и открывается 1-е видео
я просто нуб в этой сфере
вот как я делал:
просто тупо 2 раза подряд вставлял, буду очень вам благодарен за помощь
<script type="text/javascript">
function ModalWindow() {
var videolink = '';
$("#video-container").dialog({
autoOpen: true,
open: function(event, ui) {
videolink = $(this).find("iframe").attr('src');
},
show: 'fade',
hide: 'fade',
width: 'auto',
beforeClose: function(event, ui) {
$(this).find("iframe").attr('src','');
$(this).find("iframe").attr('src',videolink);
}
});
}
</script>
<a href="#" onclick="ModalWindow(); return false;">Смотреть онлайн</a>
<div id="video-container" title="Смотреть кино" style="display:none; "><iframe src="http://vk.com/video_ext.php?oid=232777078&id=169552122&hash=8e6c84537037ff5b&hd=1" width="800" height="360" frameborder="0"></iframe></div>
<br>
<script type="text/javascript">
function ModalWindow() {
var videolink = '';
$("#video-container").dialog({
autoOpen: true,
open: function(event, ui) {
videolink = $(this).find("iframe").attr('src');
},
show: 'fade',
hide: 'fade',
width: 'auto',
beforeClose: function(event, ui) {
$(this).find("iframe").attr('src','');
$(this).find("iframe").attr('src',videolink);
}
});
}
</script>
<a href="#" onclick="ModalWindow(); return false;">Смотреть онлайн</a>
<div id="video-container" title="Смотреть кино" style="display:none; "><iframe src="http://vk.com/video_ext.php?oid=232777078&id=169552122&hash=8e6c84537037ff5b&hd=1" width="800" height="360" frameborder="0"></iframe></div>
Читаем что такое "атрибут id", затем смотрим на код, а именно на два значения, а именно
тут прописан id, к которому будет обращаться скрипт
и
это тот самый элемент, с тем id, к которому обращается скрипт, у вас их получается 2-3 одинаковых на страницу
$("#video-container").dialog({
тут прописан id, к которому будет обращаться скрипт
и
<div id="video-container" title="Смотреть кино" style="display:none; ">
это тот самый элемент, с тем id, к которому обращается скрипт, у вас их получается 2-3 одинаковых на страницу
