Question

我正在寻找点击链接或按钮时弹出窗口的内容，但它必须不仅仅是一个弹出窗口。它必须是一个交互式表单，它要求输入，当提供输入时，它将输入返回到父窗口。我不是要求代码。我只是不知道它是哪种技术。你知道我在说什么吗？

Answer 1

1，通过<script src=..>将jQuery包含到您的HTML中 2，请参阅本教程，了解如何通过jQuery创建模态叠加：

http://jquerytools.org/demos/overlay/modal-dialog.html

http://www.jacklmoore.com/notes/jquery-modal-tutorial

Answer 2

使用jQuery，在子窗口（弹出窗口）中，您可以调用父窗口（开启者）并使用以下内容定位其中的字段：

$("#fieldInParent", opener.window.document).val("new value");

opener.window.document告诉jquery该ID位于打开弹出窗口的窗口中。

Answer 3

我可以建议做类似以下的事情。在JS中：

$container = $("#container");
$("<div class=\"popup\" id=\"popup-id\"><!--html code of form here--><div>").hide().appendTo($container);
....
function showPopup() {
    $("#popup-id").show().offset({
    left : yourX,
    top : yourY
});

}

HTML中的

：

<!-- container of popup -->
<div id="container">
    ...
<div>
...
<a onclick="showPopup()">Show Pop Up</a>

CSS中的

div.popup {
    display: inline-block 
}

这应该有效。

UPD。甚至更多。而不是使用div创建$("<div class=\"popup\" id=\"popup-id\"><div>")。您可以使用jquery.tmpl()功能。

如何创建用户交互式弹出窗体的表单

3 个答案: