以下代码什么意思,出来的效果是..调用这个方法的时候.页面就变暗了,好像是锁住了一样,代码中的属性block是什么意思啊.
有什么作用,..我想在现在的JSP上也达到这个效果.可是把这段代码加上却没有效果,,什么都没有.
以下代码是APWORKS环境下的,,现在想在STRUCTS下达到同样效果,,,或有哪位高人有更好的方法?谢谢指点!function hid(){
document.getElementById("divmsg").style.display = "block";
document.getElementById("globalDiv").style.display = "block";
parent.window.frames[0].document.getElementById("globalDiv").style.display = "block";
disabledElement(parent.window.frames[0].document,"SELECT");
document.getElementById("divmsg").style.visibility = "visible";
}
有什么作用,..我想在现在的JSP上也达到这个效果.可是把这段代码加上却没有效果,,什么都没有.
以下代码是APWORKS环境下的,,现在想在STRUCTS下达到同样效果,,,或有哪位高人有更好的方法?谢谢指点!function hid(){
document.getElementById("divmsg").style.display = "block";
document.getElementById("globalDiv").style.display = "block";
parent.window.frames[0].document.getElementById("globalDiv").style.display = "block";
disabledElement(parent.window.frames[0].document,"SELECT");
document.getElementById("divmsg").style.visibility = "visible";
}
要将相关的HTML代码和函数一起集成过去才行.
document.getElementById("divmsg").style.display = "block";
表示把divmsg这个元素显示为块儿元素,即前后有换行的那种元素
function hid(){
document.getElementById("divmsg").style.display = "block"; //将id为divmsg的元素显示
document.getElementById("globalDiv").style.display = "block";//将id为globalDiv的元素显示
parent.window.frames[0].document.getElementById("globalDiv").style.display = "block";//将父窗口id名字为globalDiv的元素显示
disabledElement(parent.window.frames[0].document,"SELECT");显示父窗口中的select元素
document.getElementById("divmsg").style.visibility = "visible";//将id为divmsg的元素显示,和display属性不同的是visibility属性隐藏后仍然占用空白部分
}
那我要想达到有阴影的效果是哪个属性控制的呢?
现在在STRUTS上..没有实现.
document.后面的属性这方面的知识应该看什么资料啊?谢谢!
<style type="text/css">
<!--
html,body {height:100%; margin:0px; font-size:12px;}.mydiv {
background-color: #f9fff6;
border: 1px solid #009900;
text-align: center;
line-height: 25px;
font-size: 13px;
font-weight: bold;
z-index:99;
width: 50px;
height: 50px;
left:0%;/*FF IE7*/
top:0%;/*FF IE7*/margin-left:0px!important;/*FF IE7 half of its width */
margin-top:0px!important;/*FF IE7 half of its height*/margin-top:0px;position:fixed!important;/*FF IE7*/
position:absolute;/*IE6*/_top: 0:}
.bg {
background-color: #C2BEBF;
width: 100%;
height: 100%;
left:0;
top:0;/*FF IE7*/
filter:alpha(opacity=40);/*IE*/
opacity:0.4;/*FF*/
z-index:1;position:fixed!important;/*FF IE7*/
position:absolute;/*IE6*/
_top: expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/}
-->
</style>
<script language="javascript" type="text/javascript">
function showDiv(){
if(document.all){
document.getElementById('bg').innerHTML = "<iframe style='width:100%;height:100%;left:0px;top:0px;position:absolute;filter:alpha(opacity=0);z-index:-1;border:0px'/>";
}
document.getElementById('popDiv').style.display='block';
document.getElementById('bg').style.display='block';
}function closeDiv(){
document.getElementById('popDiv').style.display='none';
document.getElementById('bg').style.display='none';
}</script>
<div id="popDiv" class="mydiv" style="display:none;" onclick="closeDiv()">关闭<br/>
<!--<a href="javascript:closeDiv()">close</a>--></div>
<div id="bg" class="bg" style="display:none;"></div><!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>test</title></head><body onload="showDiv()"></body>
</html>