如何灰顯完整瀏覽器窗口並在中心顯示錶單？

Question

您是否遇到過那些灰色的瀏覽器窗口並顯示通知或要求您填寫調查問卷等的網站？這用於myspace，如果在電子郵件或密碼輸入錯誤時，完整的瀏覽器窗口會變灰（雖然透明，但仍然可以通過它看到頁面的內容），並且登錄控件將顯示在在瀏覽器窗口上方顯示一條錯誤消息，告訴您錯誤輸入了電子郵件或密碼。不幸的是，他們從myspace中刪除了這個內容，我想爲我正在處理的網站使用相同的代碼，並試圖避免重新發明輪子，您是否知道有任何來源可以找到此代碼而不是再次編寫整個代碼？我認爲這主要是CSS，Javascript只用於顯示/隱藏，我是對嗎？

Answer 1

如果你想使用的JavaScript框架，jQuery有Block UI plugin。非常易於使用和配置。

Demos here

Answer 2

如果你喜歡的prototype.js，有原型窗口類，做你想要什麼，看alert dialog sample。

Answer 3

您也可以只使用CSS和Javascript這個：Create a Modal Dialog Using CSS and Javascript和submodal

Answer 4

這些被稱爲「模式」的窗口。爲了避免重蹈覆轍，請使用JQuery等現有庫。谷歌搜索'jquery模式窗口'帶來了很多結果，看起來像你想要的。你可以選擇其中的一個，如果它確實是你想要的，或者找到一個具有良好來源的解構。

Answer 5

如果您在asp.net工作，希望爲這個快速簡便的工具獲得Ajax工具包。然後使用模式彈出控件。 Here is the example on the AJAX PAGE