JAVASCRIP 实现点击一个链接,弹出一个居中的DIV层,用于用户登录。层上有一个关闭层链接但发现点击层上的确定时,层会自动消失。原本应该用户输入的是错误的信息,点击确定按钮后在层上显示错误提示。但结果是不管管信息有没有错,只要点击按钮,都会关闭层。后来想是与POSTBACK功能导致的。这种情况大家怎么处理?

解决方案 »

  1.   

    function show(tag){
     var light=document.getElementById(tag);
     var fade=document.getElementById('fade');
     light.style.display='block';
     fade.style.display='block';
     }
    function hide(tag){
     var light=document.getElementById(tag);
     var fade=document.getElementById('fade');
     light.style.display='none';
     fade.style.display='none';
    } //弹出隐藏层
    function ShowDiv(show_div,bg_div){
       document.getElementById(show_div).style.display='block';
       document.getElementById(bg_div).style.display='block' ;
       var bgdiv = document.getElementById(bg_div);
       bgdiv.style.width = document.body.scrollWidth; 
      // bgdiv.style.height = $(document).height();
       $("#"+bg_div).height($(document).height());
    }
    //关闭弹出层
    function CloseDiv(show_div,bg_div)
    {
        document.getElementById(show_div).style.display='none';
        document.getElementById(bg_div).style.display='none';
    }<!--弹出层时背景层DIV-->
        <div id="fade" class="black_overlay">
        </div>
        <div id="MyDiv" class="white_content">
            <div style="text-align: right; cursor: default; height: 20px;">
                <A href="#" onclick="CloseDiv('MyDiv','fade')">关闭层</A>
            </div>
      <div style="height:200px; ">   
      <div style=""> 
         这里是层里的内容 包括按钮..。
    </div>
    </div>   <A href="#" onclick="ShowDiv('MyDiv','fade')" >打开层</A>