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)
Новые темыОбъявленияСвободное общение
18:09 LGaming - экосистема и партнерская программа в gambling и betting вертикалях 
16:11 Давайте начнем обмен отзывами Google maps 
22:14 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу. 
13:03 AntiBot Cloud - бесплатный скрипт и сервис защиты сайтов 
13:04 DreamCash.tl - заработок на онлайн-видео. До 95% отчислений, отличный конверт! 
20:13 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 
15:04 Adtrafico - Правильная партнёрская сеть под бурж трафик 
15:02 Комплексный прогон по трастовым сайтам, статейное размещение. Рост НЧ-СЧ, Тиц-пр. 
13:24 Linken Sphere – браузер-антидетект нового поколения 
12:42 Sapfirex.com - Современный сервис обмена криптовалют 
09:33 A-Parser 1.1 - продвинутый парсер поисковых систем, Suggest, PR, DMOZ, Whois, etc 
09:30 BestX24 - быстрый и безопасный обменник криптовалют и электронных денежных средств 
04:16 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 
19:49 Sectormoney.com - быстрый и удобный обменник 
23:14 Точные прогнозы на футбол 
20:09 Сколько сейчас стоит наполнение ИМ? 
12:43 Куплю проигрышные букмекерские аккаунты 
04:33 Половина скидок на распродажах — фейк 
07:53 НейроБабушка наказывает мошенников 
19:59 Осталось 3-5 месяцев до блокировки YouTube в России, — заявил Клименко 
19:57 Пятница 13-ое: VK принял радикальное решение и закрыл доступ к порно контенту