弹出登录页面

时间:2011-10-06 21:06:57

标签: jquery jquery-ui zend-framework jquery-dialog

我已经创建了一个登录页面     www.mywebsite.com/members/login

我正在使用Zend Framework, 现在我想能够有一个弹出式登录对话框,这样人们就不必重定向太多次以进行身份​​验证,我最好想使用jquery对话框来做到这一点。

我希望这对登录页面的影响微乎其微,我的意思是我不想重新编程整个事情,

现在最好的方法是什么?

我可以想到几个选项     1-在所有页面中包含所有代码,然后在需要时“对话”     2-在jquery对话框中使用Iframe来显示登录页面的内容

我认为2更好,因为iframe的内容可以是ssl,而页面的其余部分则不是,所以很好

但我想知道是否有更好的技巧。

2 个答案:

答案 0 :(得分:2)

您需要使用操作助手创建登录表单作为“窗口小部件”。这是Zend Framework自己的项目负责人这样做的好方法:

http://weierophinney.net/matthew/archives/246-Using-Action-Helpers-To-Implement-Re-Usable-Widgets.html

答案 1 :(得分:1)

<强>设置

将登录html放在单独的文件中(login.html)。请注意,它不必包含<html> <head> or <body>标记,只需将其包含在带有ID的<div>中即可。这应包括所有必填字段和提交按钮。

登录流程

点击“登录”链接或按钮,此时您将弹出dialog并使用jQuery's .load() function开始ajax调用以获取login.html中的html内容并将其放入jQuery模式的内容部分。如果您进行任何客户端表单验证或需要额外的css,请查看jQuery的$.getScript()和(对于css)只需在页面的头部添加一个元素,其中href指向您的css文件。

现在所有内容都已加载,客户端可以从对话框中正常提交表单。如果需要,您还可以使用ajax将表单提交给服务器。

如果您需要特定代码的帮助或对此设置有疑问,请与我们联系。