Fancybox - передать значение в iframe
На странице есть две ссылки с rel="a" и rel="b".
При клике на любую из них всплывает окно(fancybox iframe), внутри которого есть два абзаца p с классами class="a" и class="b" соотвественно. Задача заключается в том чтобы при клике по ссылкам, устанавливать для одного из абзацев класс "show". Возможно ли передать значение в iframe? Код приведенный ниже конечно же не работает, если попытаться вывести значение rel из iframe.
var rel;
$('a.fancybox').fancybox({
beforeLoad : function() {
if ($(this.element).attr('rel') == 'a') {
rel = 'a';
} else if ($(this.element).attr('rel') == 'b') {
rel = 'b';
}
}
});
|
<a rel="a" href="#">Первая ссылка</a>
<a rel="b" href="#">Вторая ссылка</a>
<iframe id="iframe" src="test.html">
<!DOCTYPE html>
<html>
<head>
<title> </title>
<meta charset="utf-8" />
<style>
.show{color:red;}
</style>
</head>
<body>
<p class="a">Первый параграф</p>
<p class="b">Второй параграф</p>
</body>
</html>
</iframe>
jQuery(function($) {
$('a[rel]').each(function() {
$(this).on('click', function() {
$( $('#iframe')[0].contentWindow.document )
.find('.' + $(this).attr('rel')).addClass('show');
return false;
});
});
});
|
Цитата:
|
Привычка :)
|
dd_smol, ссылки имеют вид
<a rel="a" class="fancybox.iframe" href="test.html">a</a>и никакого тега iframe на странице нет. Содержимое test.html и есть всплывающее окно. |
Цитата:
Извиняюсь возможно что-то не то говорю просто не работал с данным плагином и внутреннего устройства его не знаю. |
Цитата:
|
spo,
в afterLoad fancybox можно поставить код который вам показал dd_smol, вот тут понадобится each, чтобы обработать каждую ссылку индивидуально |
Цитата:
|
|
| Часовой пояс GMT +3, время: 08:18. |