2011-04-07 100 views
2

我想要一個總是在父頁面前面的javascript/jQuery彈出窗口(子頁面),就像Facebook的當前圖片查看功能一樣。如何使彈出窗口始終位於頂部?

它將被用戶點擊關閉按鈕關閉。

我已經試過如下:

mywindow = window.open ("DownloadForm.aspx", "mywindow","location=1,status=1,scrollbars=1, width=350,height=150"); 
mywindow.moveTo(350, 350); 

這段代碼成功父頁面的面前打開一個子頁面,但jQuery代碼($(#測試)。點擊())上的父頁面導致父頁面始終在前面。

我試過把window.open()代碼放在$(#test).click()後面,但是沒有解決問題。

$(#test).click()是必要的,因此我需要有一個解決方法。

我感謝任何幫助,提前謝謝。

+0

[類似的問題(http://stackoverflow.com/questions/3838944/make-child-window-always-on-top - 父窗口) – diEcho 2011-04-07 05:55:42

+0

如果彈出窗口可以打開父頁面的「內部」,你可以用'{{jQuery UI對話框](http://jqueryui.com/demos/dialog/) modal:true}' - 這將打開一個僞子窗口並將原始頁面變灰,並保持對話框在最上面直到關閉。嘗試谷歌搜索[jQuery的燈箱](https://encrypted.google.com/search?q=jquery+lightbox),我也認爲這些也適用於此,雖然我從來沒有用過它們自己...祝你好運! – 2011-04-07 05:58:32

+0

我認爲SO的重點是回答問題並教育用戶和開發人員。彈出窗口是90多歲。它們應該由燈箱或模態窗口取代。現代瀏覽器支持通過CSS或jQuery創建的模式窗口。 – Ciprian 2015-04-20 11:25:57

回答

0

我確定你無法控制窗口的順序。爲什麼不使用lightbox javascript插件進行調查,而不是彈出式窗口(通常並且通常被瀏覽器屏蔽)。他們通常是自由,時尚和工作良好的。

+0

這就是Facebook在做什麼 – 2011-04-07 05:55:46

+0

Facebook使用自己的Javascript API和模塊框庫。只需Google的「lightbox javascript」或「javascript模式對話框」,您就可以找到許多可下載的腳本。選擇一種適合你需要的東西。 – 2011-04-07 05:56:40

+0

是的,我的意思是Facebook沒有在同一頁面中使用彈出窗口。 – 2011-04-07 05:58:01

2
myWindow.focus() 

許多現代瀏覽器阻止這種方式工作,但它是唯一的方法。

1

使用按照您在彈出的打開頁面的JavaScript代碼

<body onblur="self.focus();"> 
相關問題