2013-06-24 68 views
0

我使用DHTML窗口小部件腳本這裏找到:DHTML模式窗口,關閉後臺點擊

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

我想用戶點擊背景時,可以關閉DHTML彈出窗口。目前它只在點擊關閉按鈕時才起作用。我如何將其添加到此腳本?

+0

添加一個div元素,用於拉伸整個視圖端口寬度和高度,並位於窗口後面,然後添加一個onclick監聽器並調用關閉按鈕調用的方法。如果您遇到麻煩,請發佈您的代碼... – blad

+0

對不起,我是這個新手。我發佈了代碼的鏈接。我正在使用窗口3選項。 JS文件在那裏查看。 – GETaPED

+0

如何使用這些功能 t.hide =函數(){dhtmlwindow.hide(這個)} //隱藏DHTML窗口 \t t.close公共職能=函數(){dhtmlwindow.close(這)} //關閉dhtml窗口的公共函數(也清空DHTML窗口內容) – GETaPED

回答

0

這個小部件現在已經很老了(超過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> 

請記住,您使用的小部件會創建一個彈出式窗口,而不是真正的模式。如果您要使用模式(lightbox),只要訪問者在主要模式內容區域以外的任何地方點擊,就可以建立密切的功能。

+0

是的,我知道如何創建它。我問是否可以添加關閉這個彈出窗口的功能,當它像燈箱圖像窗口一樣被點擊之外。目前它只適用於彈出窗口中的鏈接。 – GETaPED

+0

它不是一個彈出窗口,它在瀏覽器窗口中的模式。 – GETaPED

1

這不是針對「dhtmlmodal」的主題說的。這是「dhtmlwindow」。因爲「dhtmlmodal」似乎沒有.close()事件,所以只有一個.hide()是有區別的。只有一個.hide()

相關問題