Javascript видео в pup-up окне
Страницы: 1
Javascript видео в pup-up окне
Здравствуйте, я пытался сделать такую штуку, что бы когда нажимаешь на определенный div выводилось бы видео в pup-up окне. Движок у меня DLE. Реализовал это вот таким вот кодом
Скрипт:

<script type="text/javascript">
function showOkno() {
$(function(){

    $('#Okno').dialog({
        autoOpen: true,
        show: 'fade',
        hide: 'fade',
        width: 550,
 buttons: {"Закрыть окно" : function() {$(this).dialog("close"smile;);
 
            }}
    });
});

}
</script>

------------
И HTML:


<div id="Okno" title="{title}" style="display:none; " >
[xfvalue_youtube]
</div>

<div class="right-content-image4"><img src="[xfvalue_short2]" class="right-content-image-main4"></div>


----------
[xfvalue_youtube] - сюда идет код плеера.
Как я думаю вы поняли, у меня при нажатии на картинку открывается pop-up окно, вроде бы все нормально, оно открывается видео есть. Но вот не задача, у меня 3 картинки на сайте, и на каждой должно быть свое видео, но когда нажимаешь на 2 картинку, то открывается 1 видео которое принадлежит 1 картинке, если нажать на картинку еще раз то открывается 2 видео(ну pop-up окно тоесть), ну и когда нажимаешь 3 раз то открывается 3-е видео. Тоесть они чередуются. А после того как 3 раза нажал, то 4-5-6.. разы будет постоянно открываться 1 pop-up окно. Нужен совет как это исправить, или если ктонибудь сам сделает за небольшую плату. Спасибо.
Изменено: Лев Порохня - 27 Марта 2014 02:23
Нужно пронумеровать div и обращаться к каждому по номеру через переменную ID:


Код
<div id="Okno1" title="{title}" style="display:none; " >
[xfvalue_youtube]
</div>
<a class="Okno" href="#" onclick="showOkno(1); return false;" class="mainlevel">...
 

<div id="Okno2" title="{title}" style="display:none; " >
[xfvalue_youtube]
</div>
<a class="Okno" href="#" onclick="showOkno(2); return false;" class="mainlevel">...

<div id="Okno3" title="{title}" style="display:none; " >
[xfvalue_youtube]
</div>
<a class="Okno" href="#" onclick="showOkno(3); return false;" class="mainlevel">...


<script type="text/javascript">

function showOkno(ID) {

$(function(){
    $('#Okno'+ID).dialog({
        autoOpen: true,
        show: 'fade',
        hide: 'fade',
        width: 550,
buttons: {"Закрыть окно" : function() {$(this).dialog("close");
            }}
    });
});
}

</script>


В действительности вы знаете предмет только в той степени, в которой можете научить других, с тем чтобы они его поняли и применили в своей жизни.
Цитата
Андрей П-Студия пишет:
Нужно пронумеровать div и обращаться к каждому по номеру через переменную ID:
Код
 <div id="Okno1" title="{title}" style="display:none; " >
[xfvalue_youtube]
</div>
<a class="Okno" href="#" onclick="showOkno(1); return false;" class="mainlevel">...
 

<div id="Okno2" title="{title}" style="display:none; " >
[xfvalue_youtube]
</div>
<a class="Okno" href="#" onclick="showOkno(2); return false;" class="mainlevel">...

<div id="Okno3" title="{title}" style="display:none; " >
[xfvalue_youtube]
</div>
<a class="Okno" href="#" onclick="showOkno(3); return false;" class="mainlevel">...


<script type="text/javascript">

function showOkno(ID) {

$(function(){
    $('#Okno'+ID).dialog({
        autoOpen: true,
        show: 'fade',
        hide: 'fade',
        width: 550,
buttons: {"Закрыть окно" : function() {$(this).dialog("close");
            }}
    });
});
}

</script>


 
Точно, не понимаю как сам не додумался..
Спасибо за помощь =)
Страницы: 1
Похожие темы:
Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)
Новые темыОбъявленияСвободное общение
16:15 Partners.House - платформа по монетизации push-трафика со всего мира 
15:28 Adtrafico - Правильная партнёрская сеть под бурж трафик 
15:21 Рапида умерла. Куда выводить с AdSense? 
13:23 robots.txt запрет пагинации 
11:38 Marketcall - международная партнерская сеть с оплатой Pay Per Call и LeadGen 
11:26 Беда с внешними ссылками 
11:23 В cy-pr есть API? 
16:59 [eBucks] Автоматический обмен криптовалют. BTC и любые альткоины. Киви, Банковские карты и др. электронные системы. 
15:49 Belurk — высокоскоростные анонимные прокси от 0,24 рублей 
13:54 Вечные ссылки с ТОПОВЫХ ресурсов! Размещение вечных трастовых ссылок с тИЦ от + 1000 до +45000 
13:43 Качественный прогон Хрумером, Zennoposterом всего 10 WMZ, Большой опыт работы. Статьи, комментарии, профиля, гостевые. 
13:20 Мобильные и Резидентные Прокси Для Соц Сетей | 3 Гб Бесплатно 
12:40 USMobileSMSBot - 
11:46 Статейное продвижение Вашего сайта-вечные ссылки в статье/обзоре всех тематик на СДЛ от 70 руб-своя соц сеть 
16:59 Email рассылка 
15:07 Курс доллара упал ниже 85 рублей 
14:26 Википедию могут заблокировать 
13:59 Бог есть... 
13:57 Спойлер на 2024: "Зомби-вирус" 
12:18 С юмором по жизни! 
11:43 Площадки, продавцы Дзен каналов