Php 在执行网页之前创建强制选择弹出窗口

Php 在执行网页之前创建强制选择弹出窗口,php,javascript,html,Php,Javascript,Html,这是一种方式,当打开一个特定的网页时,会出现一个弹出窗口,直到我从该弹出窗口中选择某个值,我才能在后台网页中执行ant操作,并且该网页的执行会停止,直到弹出窗口是他们的。 我发现: win2 = window.open("popup_choose_template.html", "Window2", "width=310,height=600,scrollbars=yes"); 但它就像另一个可以关闭或忽略的网页。 什么是更好的方法?您可以使用: 例如: 它会禁用所有后台页面,并强制用户执行某

这是一种方式,当打开一个特定的网页时,会出现一个弹出窗口,直到我从该弹出窗口中选择某个值,我才能在后台网页中执行ant操作,并且该网页的执行会停止,直到弹出窗口是他们的。 我发现:

win2 = window.open("popup_choose_template.html", "Window2", "width=310,height=600,scrollbars=yes");
但它就像另一个可以关闭或忽略的网页。
什么是更好的方法?

您可以使用:

例如:


它会禁用所有后台页面,并强制用户执行某些操作。

最简单的方法可能是使用JQuery UI,并使用模态设置为true的对话框控件。这将显示一个背景变暗和禁用的弹出窗口

否则,如果你想手工操作,你可以添加一个100%宽度和高度的div,绝对位置为黑色背景色,部分透明&比页面的其他部分有更高的z索引。将这个div附加到body,并确保弹出窗口的z索引比blackout div更高

编辑

你需要一个固定位置的div不是绝对的。。。像这样:

<div id="blackout" style="position:fixed; width:100%; height:100%; z-index:100; background-color:black; opacity:0.5;"></div>


这假设所有正常页面元素的z索引都低于100,并且弹出窗口的z索引高于100。使用js弹出功能附加到正文中,然后在满意的选择后删除。

您可以使用模态面板之类的东西

<div id="blackout" style="position:fixed; width:100%; height:100%; z-index:100; background-color:black; opacity:0.5;"></div>