frameset頂級視窗彈出對話方塊層
阿新 • • 發佈：2018-12-23
1、頂級Html載入所需的彈出層所需的JS與樣式
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>XXX管理系統</title> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <link href="style/skin.css" rel="stylesheet" type="text/css" /> <link href="jqueryAlerts/css/jQueryAlertDialogs.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" language="javascript" src="js/jquery.js" charset="utf-8"></script> <link href="jqueryAlerts/jquery.alerts.css" rel="stylesheet" type="text/css" /> </head> <frameset rows="64,*" frameborder="NO" border="0" framespacing="0" name="top"> <frame src="Top.html" noresize="noresize" frameborder="NO" name="topFrame" scrolling="no" marginwidth="0" marginheight="0" target="main" /> <frameset cols="200,*" rows="1000,*" id="frame"> <frame src="Left.html" name="leftFrame" noresize="noresize" marginwidth="0" marginheight="0" frameborder="0" scrolling="no" target="main" /> <frame src="Right.html" width="1000px;" name="main" marginwidth="0" marginheight="0" frameborder="0" scrolling="auto" target="_self" /> <frame src="UntitledFrame-1"><frame src="UntitledFrame-2"></frameset> </frameset><noframes></noframes> <body> <noframes> 瀏覽器不支援frameset！ </noframes> </body> </html>
2、在子視窗中使用彈出視窗的JS指令碼，如TOP.html中使用的退出按鈕
<script language="JavaScript" type="text/javascript" charset="utf-8"> function logout() { doConfirm("你確定要退出管理系統?", "系統提示", function(e) { if (e) { var _parent = window.parent; if (_parent) { _parent.location = "Out.aspx"; } else { window.location = "Out.aspx"; } } }); } </script>
3、而此時doConfirm所在的Jquery.alerts.js中使用的建立彈出層指令碼通過$("BODY")獲取Jquery物件是獲取不了的，需改為$(document.body)
$("BODY").append( '<div id="popup_container">' + '<h1 id="popup_title"></h1>' + '<div id="popup_content">' + '<div id="popup_message"></div>' + '</div>' + '</div>');
修改為：
$(document.body).append(
'<div id="popup_container">' +
'<h1 id="popup_title"></h1>' +
'<div id="popup_content">' +
'<div id="popup_message"></div>' +
'</div>' +
'</div>');
4、可惜火狐不支援，只能在IE下玩玩。