禁用整个页面的标签

现在做一个网页注册卡的程序，一张卡注册要很多设备上，在注册过程中需要将页面禁用掉，以免其他的通讯影响到此通讯。除了一个一个将标签属性disabled设为true或者弹个模态框将不让操作的页面挡住。还有没有其他的方式啊，整个页面禁用掉，点不了。

解决方案 »

  1.   

    这种行吗?
    http://www.cnblogs.com/guodaxia/archive/2009/06/11/1501424.html
      

  2.   

    用一个iframe遮住，里面显示请等待，或者把body.style.display=none
      

  3.   


    用iframe遮住和用模态框遮住都大同小异了，有没有不用遮住的办法，直接将页面禁用掉
    ，我本来就想用disable属性一个一个禁用的，不过我用到了一个XML的树，那个怎么禁用我不知道。
      

  4.   

    一个个禁用也可以啊，
    for (var i =0;i<document.all.length;i++)
     document.all[i].disabled = true;
    你用 xml树，还不是可以用htmlDOM对应
      

  5.   


    我就是要问有没有对body所有的标签都禁用 这样的接口
      

  6.   


    还有 用iframe遮住  能让用户感觉不到有东西遮住页面吗
      

  7.   

    这个就是页面上所有的标签都禁用啊，body的所有标签在body.all下面，把document.all改成body.all就可以了，其实document.all就包含了body.all
      

  8.   

    IE6以上好像是支持iframe透明的，你可以试一下
      

  9.   

    用一个 半透明的div挡住所有的内容就可以了
      

  10.   

    用一张png图片，什么都没有，或者设个透明度，就可以了吧？
    <img src='11.png' style="position:absolute;left:0;top:0;z-index:1000" />
    这样或者可以？
      

  11.   

    如果用div，设置背景颜色的透明度，好像在firefox下面不支持，所以还是用图片方便
      

  12.   

    div遮盖<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <HTML>
    <head>
    <script>
    var cover =mydiv= null;
    window.onload = function() {
      cover=document.getElementById('coverdiv');
      cover.style.width = Math.max(document.documentElement.scrollWidth, document.documentElement.clientWidth) + "px";
      cover.style.height = Math.max(document.documentElement.scrollHeight, document.documentElement.clientHeight) + "px"
      cover.style.display = "none";  mydiv = document.getElementById('mydiv');
      with (mydiv){
        style.width = document.documentElement.scrollHeight/2+"px";
        style.height = document.documentElement.scrollHeight/10+"px";
        style.left = (document.documentElement.scrollWidth - mydiv.offsetWidth)/2+"px";
        style.top = (document.documentElement.scrollHeight - mydiv.offsetHeight)/2+"px";    style.display = "none";
      }
    }function disableIt(){
      mydiv.style.display =cover.style.display = '';
      setTimeout('closeit()',3000);
    }function closeit(){
      alert('处理完毕！')
      mydiv.style.display =cover.style.display = 'none';
    }</script>
    </head>
    <BODY>
    <div id='coverdiv' style="filter:alpha(opacity=80);Opacity:0.8; background-color:#aaaaaa; position:absolute; left:0px; top:0px;"> </div>
    <!--弹出提示窗口-->
    <div id='mydiv' style="border:1px solid #666666 ; padding:10px; position:absolute; background-color:#FFFEFF;text-align:center">
    正在处理数据，请稍候... <br>
    </div>
    <!--换成你想触发disableIt()的事件-->
    <input value='点击看看效果' type="button" onclick="javascript:disableIt();" /></BODY> </HTML>