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)
Новые темыОбъявленияСвободное общение
10:16 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 
09:56 3snet - гемблинг, беттинг, форекс, бинарные опционы, майнинг 
15:13 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options 
12:59 2Index - быстрая индексация страниц сайта и обратных ссылок 
10:13 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу. 
23:00 Продвижение по ключам 
05:56 Прибыль 200$ - 400$, за каждую 1000 уников! Google, FB и тд 
11:34 PonyBit.ru - обменный пункт PonyBit.ru (Понибит.ру) 
10:52 BestChange – обменивать электронную валюту можно быстро и выгодно 
04:11 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 
23:11 BIGPROXY.SHOP - Резидентные Ротационные Backconnect Proxy USA EUROPA MIX [Безлимитный трафик] 
22:53 Массовая проверка релевантности текстов 
22:25 TrueMeds - Революционная Фарма Партнерка! Увеличь свой профит в x2 раза вместе с нами! 
18:49 GoodsMoney.io 
23:09 ПП от PMS remote.team - 200$ за команду 
11:38 Про мясо 
13:28 Компьютерная мышь 
22:55 Ну что, кто куда деваете свои сайты? 
22:34 Используете беспроводные наушники? 
22:26 Какой фильм посмотреть сегодня вечером? 
17:13 Добро пожаловать в цифровой мир...