javascript - 单击注册时创建一个“显示”窗口？

Question

我是一名后端程序员，希望在单击“注册”时在当前窗口前面显示一个窗口。

这样您就不必重定向到另一个页面。

我想你们知道我的意思。

我怎么做？是用 jquery 还是 javascript？涉及ajax吗？

那种弹出框叫什么？

Answer 1

我相信您指的是模态形式。您可以搜索模态弹出 javascript。有一个很好的 JavaScript 组件，称为 Lightbox，它也会有所帮助。

编辑：

我提到了 Lightbox，但Lightbox Gone Wild是我的意思。正如其他人指出的那样，使用这样的模态工具，您所做的就是编写要在模态弹出窗口中显示的 html。该链接是一个很好的概念教程，并且很好地解释了事情。

Answer 2

可以使用很多完全不同的方法来完成。正如 Sam 所说，这是模态框的概念。

您可以使用CSS 和 JavaScript（替代）或通过AJAX 和一些第三方库在客户端完全完成。

尝试更具体一点 - 后端/前端环境是什么？性能是否是一个问题（例如，最小的客户端-服务器通信）？

Answer 3

您想将一个 div 写入您的 HTML 中，其中包含您的登录字段（即弹出窗口）。将其设置为position:absolute;并使用 CSS 定位，使其漂浮在页面内容之上，并且在出现时不会中断流程。把它弄好并放在你想要的位置，然后将它设置为display: none;它会等待 javascript 让它出现。

然后（使用 jQuery），编写如下内容：

$('#register').click(function() {
    $('#popup').show();
});

点击的内容在哪里#register（可以是大多数任何内容id="register"）。

提交该表单时会发生什么取决于您，并且与您使用任何其他 HTML 表单的选项没有任何不同。如果您决定走这条路而不将冲浪者发送到另一个页面来处理表单，那么 jQuery 可以帮助处理AJAX 。