Question

我正在使用此处的dhtml窗口小部件脚本：

http://www.dynamicdrive.com/dynamicindex8/dhtmlwindow/index.htm

我希望用户能够在单击背景时关闭dhtml弹出窗口。目前它仅在单击关闭按钮时有效。如何将其添加到此脚本？

Answer 1

这不是主题所说的“dhtmlmodal”。这是为了“dhtmlwindow”。有一个区别，因为“dhtmlmodal”似乎没有.close（）事件，只有.hide（）

Answer 2

这个小部件现在已经很老了（超过6年），毫无疑问有许多更新，更好的替代方案，但除了这一点之外。

您链接的页面上的文档详细说明了如何创建弹出窗口，以及如何访问作用于弹出窗口的函数。复制如下：

Create links that manipulate an opened window in various ways when clicked on

<script type="text/javascript">
// this function invocation generates the popup with your specific parameters
// the variable name you assign (googlewin) is used to interact with the popup later
var googlewin=dhtmlwindow.open("googlebox", "iframe", "http://google.com", "Google Web site", "width=700px,height=450px,resize=1,scrolling=1,center=1", "recal")
</script>

<!-- this is an example link that will call the close method on the googlewin object
this is the bit you need to apply to whatever it is that you want the visitor to be able to click on to close the popup -->
<a href="#" onClick="googlewin.close(); return false">Close Window</a>

请记住，您使用的小部件会创建一个弹出窗口，而不是真正的模态。如果您使用模态（灯箱），那么只要访问者点击主模态内容区域之外的任何位置，您就会内置关闭功能。

DHTML模态窗口，关闭背景点击

2 个答案: