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)
Новые темыОбъявленияСвободное общение
13:54 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 
14:50 Индексация страниц 
12:36 У кого новостник, дайте пару советов плиз 
13:53 AviTool - мощный инструмент для автоматизации работы с Avito 
17:01 Absence в Армении 
23:19 Ребята подскажите какими сервисами и прогами вы пользуетесь для SEO продвижения? 
14:50 Какую выбрать тему/нишу для сайта? 
19:37 Продажа лидов: форекс, инвестиции, нативка, гемблинг, чарджбеки 
15:45 Резидентные Прокси Ротационные BACKCONNECT США Европа Микс 
22:37 BestX24 - быстрый и безопасный обменник криптовалют и электронных денежных средств 
18:11 Обменник криптовалюты OnlyCrypto 
17:56 Услуга: Поведенческие факторы (ПФ) для Авито 
17:31 CactusPay.PRO | Умная платёжная система с выводом в USDT TRC-20 
16:51 JustProxy.Biz - Резидентные прокси без ограничения по трафику 
05:04 Точные прогнозы на футбол 
14:01 Union Pharm - топовая фарма-партнерка для профессионалов! 
10:59 Ням-ням! - 8 деликатесов, которые когда-то ели только бедные люди 
12:23 150+ хакерских поисковых систем и инструментов 
08:38 Накрутка поисковых подсказок 
17:41 Стряхнуть обыденность - об Агасфере 
10:54 Добро пожаловать в цифровой мир...