Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: для новичков > несколько всплывающих окон


Автор: Risyaalex 30.8.2011, 12:32
Добрый день!
Мне нужно вывести видео в всплывающем окне.
Одно видео на странице получается вывести, но мне нужно вывести по несколько видео на странице (путь прописан в базе данных) и мне нужно для каждой ссылки свое всплывающее окошко. 
Подскажите, как переписать для этого функцию?

Код

<script src="jquery.tools.min.js"></script>
<script>
$(function() {

    // if the function argument is given to overlay, it is assumed to be the onBeforeLoad event listener
    $("a[rel]").overlay(function() {

        // grab wrapper element inside content
        var wrap = this.getContent().find("div.wrap");

        // load only for the first time it is opened
        if (wrap.is(":empty")) {
            wrap.load(this.getTrigger().attr("href"));
        }
    });
});
</script>


Код

<a href="film_on_s.php?id=<?php echo $arr1['id'];?>" rel="#overlay"> Смотреть онлайн </a>
       
 <!-- overlayed element -->
<div class="overlay" id="overlay">
<!-- the external content is loaded inside this tag -->
<div class="wrap"></div>
</div>

Автор: нуп 30.8.2011, 16:34
Код

<div>
<a href="film_on_s.php?id=1" rel="#overlay1"> Смотреть онлайн </a>
       
 <!-- overlayed element -->
<div class="overlay" id="overlay1">
<!-- the external content is loaded inside this tag -->
<div class="wrap"></div>
</div>

<div>
<a href="film_on_s.php?id=2" rel="#overlay2"> Смотреть онлайн </a>
       
 <!-- overlayed element -->
<div class="overlay" id="overlay2">
<!-- the external content is loaded inside this tag -->
<div class="wrap"></div>
</div>



Код

$("a").overlay(function() {
        // grab wrapper element inside content
        var wrap = this.parent().getContent().find("div.wrap");
        // load only for the first time it is opened
        if (wrap.is(":empty")) {
            wrap.load(this.getTrigger().attr("href"));
        }
    });

Может прокатит

Автор: Risyaalex 30.8.2011, 17:04
не прокатило, а жаль))
overlay - я поняла что нужно разные присваивать, а вот функцию как то надо сделать чтобы независила от имени

Автор: нуп 30.8.2011, 18:19
Это как пальцем в небо тыкать. Тут нету привязки по именам. Просто надо в отдельные дивы все засунуть

Автор: Risyaalex 30.8.2011, 18:32
все я разобралась, с функцией действительно все нормально - overlay изменяю и все. недосмотрела что в плеере который подгружается тоже id стоял одинаковый, естественно что кроме первого окна остальные не работали. спасибо за помощь!  smile 

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)