简体繁体 English

Javascript AJAX登录弹出窗口

[英]Javascript AJAX login popup

原文 2011-02-23 17:30:55 9 2 javascript/ jquery/ ajax

Does anyone have some nice examples of the ajax (modal window) login form popups? 有没有人有Ajax（模式窗口）登录表单弹出窗口的漂亮示例？

On another note, I can't quite figure out how to replicate the sign in one from here: http://www.photoshop.com/tools . 另一方面，我还不太清楚如何从此处复制符号： http : //www.photoshop.com/tools 。 I can't find the JS, etc. If you don't know where to find examples as per above, a list of files required from this sign in example, to make it work on my site, would be really appreciated! 我找不到JS等。如果您不知道如何在上面找到示例，那么此示例示例中需要的文件列表才能使其在我的网站上正常工作，将不胜感激！

Thanks! 谢谢！

2 个解决方案

I like the jQuery UI dialog widget. 我喜欢jQuery UI对话框小部件。 An example of a model can be found at http://jqueryui.com/demos/dialog/#modal . 可以在http://jqueryui.com/demos/dialog/#modal中找到模型的示例。

Also, though I have not used it yet, ComponentOne did some extensions to jQuery UI and open sourced a good portion of it, the dialog among them. 另外，尽管我还没有使用过它，但是ComponentOne对jQuery UI进行了一些扩展，并开源了其中很大一部分，即它们之间的对话框。 They look a little more polished and have some demos. 他们看起来更精致一些，并有一些演示。 Check them out here http://wijmo.com/Wijmo-Open/samples/#dialog|modalDialog . 在http://wijmo.com/Wijmo-Open/samples/#dialog|modalDialog中查看它们。

The login part is just going to be app specific HTML. 登录部分将只是应用程序特定的HTML。 One note toward that is that there is a demo in the Wijmo project on how to pop a dialog up that pulls it's content from an external URL, so you could have a standard log in page and use the dialog to pull it in to the rest of your pages. 需要注意的一点是，Wijmo项目中有一个演示如何弹出一个对话框，以从外部URL提取其内容，因此您可以拥有一个标准的登录页面，并使用该对话框将其拉入其余部分。您的网页。 The same can be done with jQuery UI. jQuery UI可以完成相同的操作。

Matthew 马修

您可以使用Fancybox，它很容易使用。