VPF::несколько всплывающих окон - Форум программистов

Risyaalex

Дата 30.8.2011, 12:32 (ссылка)

(нет голосов)

Загрузка ...

Все идет по плану...

Профиль
Группа: Участник
Сообщений: 69
Регистрация: 22.7.2010

Репутация: нет
Всего: нет

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

Код


<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 (ссылка)

(нет голосов)

Загрузка ...

Ботокодер

Профиль
Группа: Участник
Сообщений: 987
Регистрация: 22.6.2009
Где: Кременчуг

Репутация: 12
Всего: 33

Код


<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"));
        }
    });

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

Это сообщение отредактировал(а) нуп - 30.8.2011, 16:39

Risyaalex

Дата 30.8.2011, 17:04 (ссылка)

(нет голосов)

Загрузка ...

Все идет по плану...

Профиль
Группа: Участник
Сообщений: 69
Регистрация: 22.7.2010

Репутация: нет
Всего: нет

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

нуп

Дата 30.8.2011, 18:19 (ссылка)

(нет голосов)

Загрузка ...

Ботокодер

Профиль
Группа: Участник
Сообщений: 987
Регистрация: 22.6.2009
Где: Кременчуг

Репутация: 12
Всего: 33

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

Risyaalex

Дата 30.8.2011, 18:32 (ссылка)

(нет голосов)

Загрузка ...

Все идет по плану...

Профиль
Группа: Участник
Сообщений: 69
Регистрация: 22.7.2010

Репутация: нет
Всего: нет

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

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »