CSS code
<style type="text/css">
#Screen {
position:absolute;
z-index: 9998;
top: 0px;
left: 0px;
background: #000000;
display: none;
filter: alpha(Opacity=50);
}
#Message {
position: absolute;
z-index: 9999;
top: 180px;
left: 340px;
display: none;
}
- JScript code
- function getWidth() { var strWidth,clientWidth,bodyWidth; clientWidth = window.parent.document.documentElement.clientWidth; bodyWidth = window.parent.document.body.clientWidth; if(bodyWidth > clientWidth){ strWidth = bodyWidth + 20; } else { strWidth = clientWidth; } return strWidth; } //獲取高度 function getHeight() { var strHeight,clientHeight,bodyHeight; clientHeight = window.parent.document.documentElement.clientHeight; bodyHeight = document.body.clientHeight; if(bodyHeight > clientHeight){ strHeight = bodyHeight + 30; } else { strHeight = clientHeight; } return strHeight; } // 鎖屏 function showScreen(nodeid) { var Element = window.parent.document.getElementById('Message'); var Elements = window.parent.document.getElementById('Screen'); document.getElementById("TreeParen").value=nodeid; Elements.style.width = getWidth(); Elements.style.height = getHeight(); Element.style.display = 'block'; Elements.style.display = 'block'; } //解屏 function hideScreen() { var Element = window.parent.document.getElementById('Message'); var Elements = window.parent.document.getElementById('Screen'); Element.style.display = 'none'; Elements.style.display = 'none'; }
- HTML code
-
<div id="Message"> <table width="300" border="0" align="center" cellpadding="1" cellspacing="1" bgcolor="#CCCCCC"> <tr> <td height="28" align="right" bgcolor="#F2F2F2"><span style="cursor:pointer;" onclick="javascript:hideScreen();">關閉</span> </td> </tr> <tr> <td height="150" align="center" bgcolor="#F2F2F2"> <table> <tr> <td><font color="blue" size="-1">節點名:</font> <input type="text" name="TreeName" style="width: 100px" /> </td> </tr> <tr> <td><input type="hidden" name="TreeParen" value="" /></td> </tr> <tr> <td> <input type="button" value="添加" style="margin-left:50px;" onclick='javascript:window.frames["menu"].addNode();' /> <input type="button" value="取消" onclick="javascript:hideScreen();" /> </td> </tr> </table> </td> </tr> </table> </div> ---------- <div id="Screen"></div>
- HTML code
- <A onclick="showScreen（顯示的層）">登錄</A>
