Добрый день!
На странице расположено 3 ссылки, которые открываются в Fancybox (ссылки вида #item1, #item2, контент для каждой вызывается в инлайне).
Дополнительно, к каждому всплывшему окну должна подцепиться форма (одна на всех), но в одном из полей которой, должно быть указано, с какой ссылки было открыто окно. Это, если упрощенно.
Как среди айдишников со ссылками найти именно открытое в данный момент окно?
HTML
<div class="items">
<a href="#item1">Открыть первую ссылку</a>
<a href="#item2">Открыть вторую ссылку</a>
<a href="#item3">Открыть третью ссылку</a>
</div>
<div class="item1">Содержимое для первой ссылки</div>
<div class="item2">Содержимое для второй ссылки</div>
<div class="item3">Содержимое для третьей ссылки</div>
<div class="after">
<form id="form"><input> </form>
</div>
Javascript
<script>
$("a.items").fancybox({
titleShow: false,
'onStart' : function() {
$(".item1").insertAfter(".after"); // вот здесь, вместо .item1 нужно определять, в какое окно вставлять форму
$("#form input").val('#item1'); // а вот здесь в инпут вставлять значение ссылки
}
});
</script>
UPDATE:
Покурил, нашел решение. var link = $(this).attr('href'); Но остался вопрос: форма прикрепляется только при методе OnComplete (то есть, когда окно полностью открылось). Но нужно, чтобы форма прикрепилась до того, как покажется пользователю (то есть метод OnStart). Однако, при этом методе, форма не прикрепляется, а просто выводится содержимое окна. Подскажите, как решить. Спасибо.