Попытка загрузить внешнюю страницу в лайтбокс Fancybox при отправке формы - PullRequest
1 голос
/ 01 июля 2011

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

Но, поскольку люди часто блокируют всплывающие окна, мы пытаемся добавить их в лайтбокс.

Так вот в чем проблема: когда я отправляю форму, она загружает лайтбокс, но не загружает страницу в лайтбокс.Я подозреваю, что это потому, что он не передает информацию в iframe / lightbox, и скорее всего потому, что я не настроил ее должным образом.Я надеюсь, что кто-то может помочь, так как я еще не совсем разбираюсь в jquery.Возможно, мне даже не нужно использовать iframe, я не уверен.

Я нашел эту ссылку на передачу информации через ajax , но я не совсем понимаю, как это работает,Я также нашел этот похожий пост , но не совсем понятно, как они его решили.

Вот мой код, возможно, вы можете помочь?:) Я был бы признателен.

$(document).ready(function() {

    $("#iframe").fancybox({
        'hideOnContentClick': true,
        'transitionIn'  :   'fade',
        'transitionOut' :   'fade',
        'speedIn'       :   600, 
        'speedOut'      :   200, 
        'overlayShow'   :   true,
    });


});

Вот форма:

<form name="ccoptin" id="signup" action="http://visitor.r20.constantcontact.com/d.jsp" target="_blank" method="post">
<input type="hidden" name="llr" value="yyyyyy">
<input type="hidden" name="m" value="xxxxxx">
<input type="hidden" name="p" value="oi">
<label>sign up for new services and promotions:</label>
<input type="text"name="ea" value="" class="text" /> <input type="submit" id="iframe" class="submit" name="go" value="submit" />
</form>

Я ценю ваш вклад и, пожалуйста, потерпите меня, так как я относительный jquery / ajax newb.

Спасибо!

...