在表单提交上显示Lightbox

时间:2011-07-01 09:52:35

标签: jquery

我想在这个链接中的灯箱中显示一个页面:

http://www.smkhutankampong.co.cc/infopendidikan.php

我看过这篇文章:Lightbox on form submit 但我不明白如何以正确的方式使用这个例子。

请帮忙!

2 个答案:

答案 0 :(得分:0)

在给定的链接中,他们使用Jquery facebook插件来显示灯箱。 您可以采用类似的方式,即在成功提交表单后的表单提交中显示灯箱

jQuery.facebox({ div: '#div1' }); div1包含要在弹出窗口中显示的内容。

您可以通过获取网页来源找到他们所做的javascript代码。

答案 1 :(得分:0)

关于使用过的facebox:

你可以打开提交一个带有动态创建的iframe的facebox,它可能是表单的目标。

将{iframe的标记作为参数提供给jQuery.facebox(),并将表单的target-attribute和iframes name-attribute设置为相同的值。

示例:http://jsfiddle.net/doktormolle/RD88Z/