81,092
社区成员
发帖
与我相关
我的任务
分享#可编辑的表格
找了好久才找到的东西
共享
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<SCRIPT LANGUAGE="JavaScript">
<!--
// For enjoy myself...
// At 2004/07/20
// YangGuoqing
// woderoom@hotmail.com
var myGrid = new Object();
myGrid.onEdit = false;
function doInit()
{
var curForm = document.frmMain;
for (var i=0;i<curForm.elements.length;i++)
{
var obj = curForm.elements[i];
if (obj.type == "text"){
obj.attachEvent("ondblclick",doEditable);
obj.attachEvent("onblur",doDisEditabel);
obj.attachEvent("onmouseover",doMouseOver);
obj.attachEvent("onmouseout",doMouseOut);
}
}
}
function doEditable()
{
event.srcElement.readOnly = false;
var txtRng = event.srcElement.createTextRange();
txtRng.moveStart("character",event.srcElement.value.length);
txtRng.select();
event.srcElement.className = "txtOn";
myGrid.onEdit = true;
}
function doDisEditabel()
{
event.srcElement.readOnly = true;
event.srcElement.className = "txtOff";
myGrid.onEdit = false;
}
function doMouseOver()
{
if(!myGrid.onEdit){
event.srcElement.className = "txtOn";
}
}
function doMouseOut()
{
if(!myGrid.onEdit){
event.srcElement.className = "txtOff";
}
}
//-->
</SCRIPT>
<style type="text/css">
<!--
.txtOff {
height: 20px;
width: 100px;
border-color: black black #000000;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
font-size: 9pt;
background-color: #FFFFFF;
color: #000000
}
.txtOn {
height: 20px;
width: 100px;
border-color: black black #000000;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
font-size: 9pt;
background-color: #FFFFFF;
color: #0000FF
}
-->
</style>
</HEAD>
<BODY onload="doInit();">
<FORM METHOD=POST ACTION="" name="frmMain">
<TABLE width="300" border="0" cellpadding="0" cellspacing="1" bgcolor="#CCCCCC">
<TR bgcolor="#FFFFFF">
<TD height="20"><INPUT type="text" name="edit1" value="111" size=10 readOnly class="txtOff"></TD>
<TD><INPUT type="text" name="edit2" value="222" size=10 readOnly class="txtOff"></TD>
<TD><INPUT type="text" name="edit3" value="333" size=10 readOnly class="txtOff"></TD>
</TR>
<TR bgcolor="#FFFFFF">
<TD height="20"><INPUT type="text" name="edit4" value="444" size=10 readOnly class="txtOff"></TD>
<TD><INPUT type="text" name="edit5" value="5555" size=10 readOnly class="txtOff"></TD>
<TD><INPUT type="text" name="edit6" value="66666" size=10 readOnly class="txtOff"></TD>
</TR>
</TABLE>
</FORM>
</BODY>
</HTML>
共享
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<SCRIPT LANGUAGE="JavaScript">
<!--
// For enjoy myself...
// At 2004/07/20
// YangGuoqing
// woderoom@hotmail.com
var myGrid = new Object();
myGrid.onEdit = false;
function doInit()
{
var curForm = document.frmMain;
for (var i=0;i<curForm.elements.length;i++)
{
var obj = curForm.elements[i];
if (obj.type == "text"){
obj.attachEvent("ondblclick",doEditable);
obj.attachEvent("onblur",doDisEditabel);
obj.attachEvent("onmouseover",doMouseOver);
obj.attachEvent("onmouseout",doMouseOut);
}
}
}
function doEditable()
{
event.srcElement.readOnly = false;
var txtRng = event.srcElement.createTextRange();
txtRng.moveStart("character",event.srcElement.value.length);
txtRng.select();
event.srcElement.className = "txtOn";
myGrid.onEdit = true;
}
function doDisEditabel()
{
event.srcElement.readOnly = true;
event.srcElement.className = "txtOff";
myGrid.onEdit = false;
}
function doMouseOver()
{
if(!myGrid.onEdit){
event.srcElement.className = "txtOn";
}
}
function doMouseOut()
{
if(!myGrid.onEdit){
event.srcElement.className = "txtOff";
}
}
//-->
</SCRIPT>
<style type="text/css">
<!--
.txtOff {
height: 20px;
width: 100px;
border-color: black black #000000;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
font-size: 9pt;
background-color: #FFFFFF;
color: #000000
}
.txtOn {
height: 20px;
width: 100px;
border-color: black black #000000;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
font-size: 9pt;
background-color: #FFFFFF;
color: #0000FF
}
-->
</style>
</HEAD>
<BODY onload="doInit();">
<FORM METHOD=POST ACTION="" name="frmMain">
<TABLE width="300" border="0" cellpadding="0" cellspacing="1" bgcolor="#CCCCCC">
<TR bgcolor="#FFFFFF">
<TD height="20"><INPUT type="text" name="edit1" value="111" size=10 readOnly class="txtOff"></TD>
<TD><INPUT type="text" name="edit2" value="222" size=10 readOnly class="txtOff"></TD>
<TD><INPUT type="text" name="edit3" value="333" size=10 readOnly class="txtOff"></TD>
</TR>
<TR bgcolor="#FFFFFF">
<TD height="20"><INPUT type="text" name="edit4" value="444" size=10 readOnly class="txtOff"></TD>
<TD><INPUT type="text" name="edit5" value="5555" size=10 readOnly class="txtOff"></TD>
<TD><INPUT type="text" name="edit6" value="66666" size=10 readOnly class="txtOff"></TD>
</TR>
</TABLE>
</FORM>
</BODY>
</HTML>
...全文
请发表友善的回复…
发表回复
