如何讓子窗口打開並模糊背景？

Question

我有一個php文件顯示菜單，一旦我點擊菜單，我顯示從數據庫中的表。當我點擊表格的一行時，我想要在具有模糊背景的子窗口中顯示一個表單，以編輯所選行的值/將新行添加到表格中。我想要顯示在整個頁面頂部顯示的表格，並帶有模糊背景，就像我上傳的圖像一樣。

有沒有辦法做到這一點在JavaScript？

Answer 1

我發現此鏈接非常有用。使用Ajax和JQuery創建一個jtable。

JTable

Answer 2

我注意到你正在使用jQuery，所以我會建議此鏈接到瀏覽jQuery UI的例子：

http://jqueryui.com/demos/dialog/

該鏈接提供了一個非常定製「對話框」（以下簡稱「彈出」部分），用「模式」選項模糊背景。

你引用的內容稱爲「模式」 - 特別是因爲背景不可訪問。

http://en.wikipedia.org/wiki/Modal_window

說，「塊」的背景被稱爲「覆蓋」的區域。你可以找到很多庫來完成你要找的東西，也可以自己創建一個簡單的庫 - 這完全是關於CSS的。

http://raventools.com/blog/create-a-modal-dialog-using-css-and-javascript/

http://www.jacklmoore.com/notes/jquery-modal-tutorial

http://jquerytools.org/demos/overlay/modal-dialog.html

只是一些例子，可以很容易地搜索和找到他們。

Answer 3

入住這out..its使用&使backgrpond通過在JavaScript中的CSS嵌入使用不透明禁用了JavaScript的簡單

JQuery Reveal Modal

Jquery Popup

Answer 4

使用彈出窗口。