问一个DIV的问题，大家帮帮忙，很着急~~~555555555


<a href="javascript:showhidden('form1')" id="s">显示</a>
<script type="text/javascript">
function $(id)
{
return document.getElementById(id);
}
function showhidden(t)
{
if($(t).style.display == 'none')
{
$(t).style.display = 'block';
$("t").style.backgroundColor = "#888888";
$("s").innerHTML = '隐藏';
}
else
{
$(t).style.display = 'none'
$("s").innerHTML = '显示';
}
}
</script>
<form name="form1" id="form1" method="post" action="" style="display:none;">
  <textarea name="t" id="t" cols="66" rows="8"></textarea>
</form>

解决方案 »

  1.   

    http://country.lvyou168.cn/flashwariii/test.htm
      

  2.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <META NAME="Generator" CONTENT="EditPlus">
      <META NAME="Author" CONTENT="">
      <META NAME="Keywords" CONTENT="">
      <META NAME="Description" CONTENT="">
     </HEAD> <BODY>
      <a href="javascript:showhidden('form1')" id="s">显示</a>
    <script type="text/javascript">
    function $(id)
    {
        return document.getElementById(id);
    }
    function show(v){ if(v==undefined) v=false; var div=$('maskd');
    if(!div) return false; div.style.width=document.body.offsetWidth;
    div.style.height=document.body.offsetHeight; div.style.display=v?'':'none';
    }
    </script><div style="position:absolute;left:0px;top:0px;filter:alpha(opacity=30);background-color:black;width:100%;height:100%;" id="maskd" onclick="if(window.event.srcElement==this)show(false);">
    <div style="position:relative;left:100px;top:100px;filter:alpha(opacity=100);background-color:white;float:left;padding:10px;" id="fdiv">
    输入文字：
    <form name="form1" id="form1" method="post" action="" >
      <textarea name="t" id="t" cols="66" rows="8"></textarea>
    </form>
    </div>
    </div>
     </BODY>
    </HTML>
      

  3.   

    应该是下面的：
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <META NAME="Generator" CONTENT="EditPlus">
      <META NAME="Author" CONTENT="">
      <META NAME="Keywords" CONTENT="">
      <META NAME="Description" CONTENT="">
     </HEAD> <BODY>
      <a href="javascript:show(true);" id="s">显示</a>
    <script type="text/javascript">
    function $(id)
    {
        return document.getElementById(id);
    }
    function show(v){ if(v==undefined) v=false; var div=$('maskd');
    if(!div) return false; div.style.width=document.body.offsetWidth;
    div.style.height=document.body.offsetHeight; div.style.display=v?'':'none';
    }
    </script><div style="position:absolute;left:0px;top:0px;filter:alpha(opacity=30);background-color:black;width:100%;height:100%;display:none;" id="maskd" onclick="if(window.event.srcElement==this)show(false);">
    <div style="position:relative;left:100px;top:100px;filter:alpha(opacity=100);background-color:white;float:left;padding:10px;" id="fdiv">
    输入文字：
    <form name="form1" id="form1" method="post" action="" >
      <textarea name="t" id="t" cols="66" rows="8"></textarea>
    </form>
    </div>
    </div>
     </BODY>
    </HTML>