[求助]怎样用JS生成一个模态效果

在页面最上面放个div，
需要锁定的时候，div 尺寸设置为屏幕大小，盖住画面别的控件（看得见但无法选中）就可以
解锁的时候把div长宽都变为0或不可见

<p>
  <label>
  <input onfocus="LostFoucs()" type="text" name="textfield" />
  </label>
</p>
<p>
  <label>
  <input onfocus="LostFoucs()" type="text" name="textfield2" />
  </label>
</p>
<p>
  <label>
  <input onfocus="LostFoucs()" type="text" name="textfield3" />
  </label>
</p>
<p>
  <label>
  <script>
  var clicked=false;
  function Clickit()
  {
   clicked=true;
document.getElementById("bbb").focus();
  }
  function LostFoucs()
  {
   if(clicked)
{
document.getElementById("bbb").focus();
}
  }
  </script>
  <input id="bbb" onclick="Clickit()" type="submit" name="Submit" value="模态化" />
  </label>
</p>

需要模态化的控件加上 onfocus="LostFoucs()"

第一部分
<!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>DEMO</title>
<style type="text/css">

</style>

第二部分
<script language="javascript" type="text/javascript">

</script>
</head>
<body>
<input name="btnshow" id="btnshow" type="button" onclick="CreateDiv()" value="确定" />
</body>
</html>

蔗罩层的方案本身就是SB方案`~  你想用蔗罩层还只读？  那我如果用tab切换呢~？想过没？
服务器控件可以用Enabled false掉     这样就只读不改
方案
常常需要根据情况让某页面部分内容只读，我的实现思路是：把一些控件放在一个panel里，从codebehind里加入css   style，然后css   style用htc实现，保持初始化的内容。

  程序如下：

  //这是设置panel只读的函数，其中staffvac是web   form项目的名字
  static   public   void   fcnSetPanelReadonly(System.Web.UI.WebControls.Panel   pnlI,   bool   blReadOnly)
  {
      if(blReadOnly   ==   false)
          return;
      int   iCtrlCnt   =   pnlI.Controls.Count;
      for(int   i=0;i<iCtrlCnt;i++)
      {
          System.Web.UI.Control     ctlI   =   pnlI.Controls[i];
          try
          {
              System.Web.UI.WebControls.WebControl   wctI   =   (System.Web.UI.WebControls.WebControl)ctlI;
              wctI.Style.Add("behavior",   "url(/StaffVac/script/Athos.DhtmlBehavior.ReadOnly.htc)");
          }
          catch(Exception   exp)
          {
              string   strErr   =   exp.Message;
          }
      }
  }

  //这是htc文件Athos.DhtmlBehavior.ReadOnly.htc，存放在当前web   form项目的script目录下

  <PUBLIC:COMPONENT   URN="urn:msdn-microsoft-com:workshop"   >
      <public:attach   event=oncontentready   onevent="oncontentready()"   />

      <SCRIPT   LANGUAGE="JScript">
          function   oncontentready()
          {
              strTagname   =   tagName;
              strType   =   "";
              if(strTagname   ==   "INPUT")
              {
                  strType   =   type;
                if(strType   ==   "text")
                  {
                      strValue   =   value;
                      element.attachEvent("onchange",   fcnRestore);
                  }
                  else   if(strType   ==   "submit")
                  {
                      element.disabled   =   true;
                  }
              }
              else   if(strTagname   ==   "TEXTAREA")
              {
                  strInnerHTML   =   String(innerHTML);
                  strValue   =   value;
                  element.attachEvent("onchange",   fcnRestore);
              }
              else   if(strTagname   ==   "SELECT")
              {
                  intSelectedIndex   =   selectedIndex;
                  element.attachEvent("onchange",   fcnRestore);
              }
          }

          function   fcnRestore()
          {
              if(strTagname   ==   "INPUT")
              {
                  value   =   strValue   ;
              }
              else   if(strTagname   ==   "TEXTAREA")
              {
                  value   =   strValue;
              }
              else   if(strTagname   ==   "SELECT")
              {
                  selectedIndex   =   intSelectedIndex;
              }
          }

      </SCRIPT>
  </PUBLIC:COMPONENT>   引用：http://topic.csdn.net/t/20040902/15/3333942.html

恩·8楼·cjkwin 的方法可取·效果也好看··先试试·
谢谢大家啊·

RE:
andyleec ; xuyiazl
由于页面所产生的HTML代码·是由后台动态生成如果我在服务器或者客服端再去重新设置属性的话
·会消耗大量时间·造成系统延迟页面是从后台自动生成的一个数据网格每个网格一个文本框· 实现EXCEL的数据操作效果可以想象·需要多少时间去处理·

调试易

[求助]怎样用JS生成一个模态效果

解决方案 »