ASP.NET Modal (遮蔽頁面)
Modal是用在當網頁可能需要一段執行時間才能完成,在執行期間要避免使用者誤按頁面功能,因為誤觸頁面原件可能導致發生重複插入資料,意外中止執行或是其他因素導致發生資料錯誤等情況。Modal 是在網頁上面產生一個Popup視窗或是一個遮蔽頁面,遮蔽頁面原件,待頁面執行完畢後才清除遮蔽,以達到遮蔽頁面原件的功能。 .aspx <asp:updateprogress associatedupdatepanelid="UPDATEPANELID" id="updateProgress" runat="server"> <progresstemplate> <div id="progressBackgroundFilter"></div> <div id="processMessage"> Loading...<br /><br /> <img alt="Loading" src="images/ajax-loader.gif" /> </div> </progresstemplate> </asp:updateprogress> CSS #progressBackgroundFilter { position:fixed; top:0px; bottom:0px; left:0px; right:0px; overflow:hidden; padding:0; margin:0; background-color:#000; filter:alpha(opacity=50); opacity:0.5; z-index:1000; } #processMessage { position:fixed; top:30%; left:43%; padding:10px; width:14%; z-index:1001; background-color:#fff; border:solid 1px #000; }