尝试在表单提交的Fancybox灯箱中加载非现场页面

时间:2011-07-01 17:25:05

标签: forms fancybox lightbox form-submit

我正在尝试在提交邮件列表注册表单时加载灯箱(通过Fancybox)。在提交表单时,注册表单操作会加载到常量联系人的异地链接。通常,此页面会加载到标准弹出窗口中,这样可以正常工作。

但是,因为人们常常阻止弹出窗口,我们正试图用灯箱来填充弹出窗口。

所以这就是问题:当我提交表单时,它会加载灯箱,但不会在灯箱中加载页面。我怀疑这是因为它没有将信息传递到iframe / lightbox,这可能是因为我没有正确设置它。我希望有人可以提供帮助,因为我还不完全熟悉jquery。我甚至可能不需要使用iframe,我不确定。

我确实找到了对passing the information via ajax的引用,但我并不完全清楚它是如何工作的。我也found this similar post,但他们如何解决它并不是很清楚。

这是我的代码,也许你可以帮忙吗? :)我很感激。

$(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。

谢谢!

0 个答案:

没有答案