jQuery弹出窗体?

时间:2011-09-26 07:37:32

标签: php jquery forms jquery-tools

我有一个表格,目前正在php页面的一个部门中。

我希望它能够执行以下操作:

  • 用户点击链接在屏幕中心的弹出部门显示表格
  • 用户填写表格
  • 用户点击提交按钮
  • 表单关闭并显示另一个小部门,其中显示5秒钟的感谢消息然后消失

实现这一目标的最简单方法是什么?

我目前在相关网站上有jQuery和jQuery Tools脚本。

编辑:我不能使用jquery-ui与jQuery工具手风琴冲突。

2 个答案:

答案 0 :(得分:1)

对于类似的任务,我使用了JQuery UI Dialog

http://jqueryui.com/demos/dialog/#modal-form

答案 1 :(得分:1)

您应该查看有关jQuery UI对话框的文档:

http://jqueryui.com/demos/dialog/

还要查看Modal Forms(查看页面右侧的导航菜单)。 基本上,您只在对话框中设置表单。 通过使用jquery Dialogs和类似setTimeout之类的东西来关闭它,感谢你-Dialog显示几秒钟也很容易。

不要忘记将jQuery和jQuery UI库包含在源代码中。如果你不了解jQuery,请先查看一些jQuery教程。