首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > asp.net >

asp net怎么让后台代码控制div层显示及隐藏

2012-04-12 
asp net如何让后台代码控制div层显示及隐藏前台JSstyle typetext/css* {margin:0padding:0font-siz

asp net如何让后台代码控制div层显示及隐藏
前台JS
 <style type="text/css"> 
  * {margin:0;padding:0;font-size:12px;} 
  html,body {height:100%;width:100%;} 
  #content {background:#f8f8f8;padding:30px;height:100%;} 
  #content a {font-size:30px;color:#369;font-weight:700;} 
  #alert {border:1px solid #369;width:260px;height:90px;background:#e2ecf5;z-index:1000;position:absolute;display:none;} 
  #alert h4 {height:20px;background:#369;color:#fff;padding:5px 0 0 5px;} 
  #alert h4 span {float:left;} 
  #alert h4 span#close {margin-left:210px;font-weight:500;cursor:pointer;} 
  #alert p {padding:12px 0 0 30px;} 
  #alert p input {width:120px;margin-left:20px;} 
  #alert p input.myinp {border:1px solid #ccc;height:16px;} 
  #alert p input.sub {width:60px;margin-left:30px;} 
  </style>

 <div id="alert" style="text-align:center " > 
  <h4><span>系统提示</span></h4> 
  <table>
  <tr>
  <td colspan="3" style="height:14px"></td>
  </tr>
  <tr>
  <td style="width:10%"></td>
  <td style="text-align:right"> <img alt="a" src="../Image/13221820.gif" /></td>
  <td style="text-align:left">短信正在发送中,请不要关闭网页! </td>
  </tr>
  </table>
  </div> 
  <script type="text/ecmascript">
  var myAlert = document.getElementById("alert");

  function show() {
  myAlert.style.display = "block";
  myAlert.style.position = "absolute";
  myAlert.style.top = "50%";
  myAlert.style.left = "50%";
  myAlert.style.marginTop = "-75px";
  myAlert.style.marginLeft = "-150px";
  document.body.style.overflow = "hidden";
  }
   
  </script>
  <script type="text/javascript">

  function close() {
  myAlert.style.display = "none";
  } 
  </script>

后台按钮事件中的代码:
  if (TextBox1.Text.Trim() == "" || TextBox2.Text.Trim() == "")
  {
  Page.RegisterStartupScript("f","<script>alert('不能为空');</script>");
  return;
  }
  Page.RegisterStartupScript("", "<script> show() ;</script>");//正常弹出
  // Page.RegisterStartupScript("show", "<script> show() ;</script>"); 当key不为空字符串的时候,DIV不能弹出



  for (int i = 0; i < 10000; i++)
  {
  if (i == 9999)
  {
  Page.RegisterStartupScript("", "<script>close();</script>");//DIV不能隐藏
  //Page.RegisterStartupScript("close", "<script>close();</script>");DIV不能正常弹出
  Page.RegisterStartupScript("d", "<script>alert('ok');</script>");
  }
  }


请高手解答一下是什么原因。。
找了很多资料都没有解决。。。

------解决方案--------------------


可以设置div的id runat="server"来控制显示隐藏
也可以在前台写好js控制div显示隐藏后台调用
[解决办法]

C# code
加上runat="server"属性 后台就可以用id来控制了 <div id="div1" runat="Server"> ... </div> if(GridView1.Rows.Count > 0) { div1.Style["Display"] = "Block"; //显示} else { div1.Style["Display"] = "None"; //隐藏}
[解决办法]
给div一个id,然后runat="server"。
然后在后台你想怎么控制就怎么控制
[解决办法]
用div 的id来控制
id.Style.display="none"
[解决办法]
key 是唯一的,重复的话 只对第一次注册的有效
[解决办法]
Page.RegisterStartUpScript("key",@"getElementById('div').style.display = 'none';")或者=""就可以咯!
[解决办法]
runat=server 后台控制比较容易
[解决办法]
Page.RegisterStartupScript
key标识脚本块的唯一键。
要设置不同key
或添加runat="server“实现控制
[解决办法]
http://blog.csdn.net/xianfajushi/archive/2009/11/02/4480302.aspx
[解决办法]
id.Style.display="none"

热点排行
Bad Request.