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)
Новые темыОбъявленияСвободное общение
04:53 Как раскрутить сайт? 
19:21 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу. 
19:01 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 
15:59 Profit Pixels - In-House Форекс, Крипто, Трейдинг CPA Офферы | Еженедельные Выплаты | CPA до $950 
13:14 2Index - быстрая индексация страниц сайта и обратных ссылок 
14:59 Партнерская программа OWNR WALLET 
14:41 SharkBoss - партнёрская программа для монетизации ЛЮБЫХ видов трафика (включая спам). 
23:01 Партнёрка для вебмастеров 
20:47 EasyBusy.bz Проводи обмены легко и быстро вместе с нами 
19:17 Johnny.Do | Обмен криптовалют с круглосуточной техподдержкой 
18:13 Ural-obmen.ru — выгодный сервис обмена 
16:48 Obama.ru - безопасный обмен криптовалют и электронных денежных средств 
15:52 Продам аккаунты HH.RU 
15:24 Мобильные и Резидентные Прокси Для Соц Сетей | 3 Гб Бесплатно 
04:23 Точные прогнозы на футбол 
17:34 С юмором по жизни! 
08:11 Добро пожаловать в цифровой мир... 
20:36 Ням-ням! - 8 деликатесов, которые когда-то ели только бедные люди 
09:45 Подтягиваем физкультурку 
15:02 Замедление скорости YouTube будет происходить по естественным причинам 
09:47 Китайцы создали себе национальный Linux, напичканный ИИ-функциями