用JS模仿DataGrid

[入库:2006年2月23日] [更新:2007年3月24日]

本文简介:

<HTML>
<HEAD>
<TITLE> JS模仿的DataGrid</TITLE>
</HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
function ChangeValue(objTD)
{
 var objName;
 objName = objTD.id;
 objTD.innerHTML = "<input type=text id=txtBox name=textfield value="+objTD.innerText+" onBlur=WriteNewValue(this.value,"+objName+");>";
}
function WriteNewValue(strTxt,objTD)
{
 objTD.innerText = strTxt;
}//-->
</SCRIPT>


<BODY>
<TABLE width="500" align="center" cellpadding="1" cellspacing="1" bgcolor="#3333CC">
<TR bgcolor="#FFFFFF">
 <TD height="30" id="td1" onDblClick="ChangeValue(this);"><P>QQQQQQ</P></TD>
 <TD id="td2" onDblClick="ChangeValue(this);">fdsafas</TD>
 <TD id="td3" onDblClick="ChangeValue(this);">fadsfasf</TD>
 <TD id="td4" onDblClick="ChangeValue(this);">fsdafasf</TD>
 <TD id="td5" onDblClick="ChangeValue(this);">fdsaf</TD>
</TR>
</TABLE>
</BODY>
</HTML>

本文关键:用JS模仿DataGrid
  相关方案
Google
 

本站最佳浏览方式为 分辨率 1024x768 IE 6.0(或更高版本的 IE浏览器)

go top