当前位置:编程学习 > C#/ASP.NET >>

C#asp.net问题.

<html>
<head>
function checkedHtml()
  {
  if(document.getElementById("dvi1").style.display=="block")
  {
  document.getElementById("text1").value=document.getElementById("lb1").innerText;
  document.getElementById("dvi1").style.display="none";
  document.getElementById("div2").style.display="block";
   
  }
  }
  function aaa()
  {
  document.getElementById("dvi1").style.display="block";
  document.getElementById("div2").style.display="none";
  document.getElementById("lb1").innerText=document.getElementById("text1").value;
  }
</head>
<body>
<table>
  <tr>
  <td>
<div id="dvi1" style="display:block"><asp:Label ID="lb1" runat="server" Text="1" ></asp:Label></div>
  <div id="div2" style="display:none"><input type="text" id="text2" onmouseout="aaa()" /></div>
</td>
  </tr>
  </table>
</body>
</html>

以上实现了单击lbl标签处转为文本框编辑.将鼠标移开时.又变回label标签显示..
但是我想在多个<td></td>中实现这个功能...一个一个写很麻烦 ,有没有什么方法..可以直接实现呢.?
答案:这样写还行,使用传参。给控件取名字时按照这个规律。你自己在改一下,拿分走人下班了。

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<script type="text/javascript">
function checkedHtml(o)
  {
  alert(o);
  if(document.getElementById("dvi"+o).style.display=="block")
  {
   document.getElementById("text"+o).value=document.getElementById("lb1"+o).innerText;
   document.getElementById("dvi"+o).style.display="none";
   document.getElementById("div"+o).style.display="block";   
  }
  }
  function aaa(o)
  {
   document.getElementById("dvi"+o).style.display="block";
   document.getElementById("div"+o).style.display="none";
   document.getElementById("lb1"+o).innerText=document.getElementById("text"+o).value;
  }
  </script>
</head>
<body>
<table>
  <tr>
  <td>
  <div id="lbldvi1" style="display:block"><asp:Label ID="lb11" runat="server" onclick="checkedHtml('1')" Text="1111" ></asp:Label></div>
  <div id="txtdiv1" style="display:none"><input type="text" id="text1" onmouseout="aaa('1')" /></div>
</td>
  </tr>
  <tr>
  <td>
  <div id="lbldvi2" style="display:block"><asp:Label ID="lb12" runat="server" onclick="checkedHtml('2');" Text="1111" ></asp:Label></div>
  <div id="txtdiv2" style="display:none"><input type="text" id="text2" onmouseout="aaa('2');" /></div>
</td>
  </tr>
  <tr>
  <td>
  <div id="lbldvi3" style="display:block"><asp:Label ID="lb13" runat="server" onclick="checkedHtml('3');" Text="1111" ></asp:Label></div>
  <div id="txtdiv3" style="display:none"><input type="text" id="text3" onmouseout="aaa('3');" /></div>
</td>
  </tr>
  <tr>
  <td>
  <div id="lbldvi4" style="display:block"><asp:Label ID="lb14" runat="server" onclick="checkedHtml('4');" Text="1111" ></asp:Label></div>
  <div id="txtdiv4" style="display:none"><input type="text" id="text4" onmouseout="aaa('4');" /></div>
</td>
  </tr>
  </table>
</body>
</html>


 

上一个:asp.net 发送图片
下一个:ASP.NET服务器控件制作

CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,