怎样让你的表格可编辑？？？

<HTML>

<HEAD>

<STYLE>

.td1 { color: white; background-color: orange;}

.td2 { color: white; background-color: #0099ff;}

.td3 { color: white; background-color: #336699;}

</STYLE>

function editCell (cell) {

if (document.all) {

cell.innerHTML = '<INPUT ID="editCell"

ONCLICK="event.cancelBubble = true;"

ONCHANGE="setCell(this.parentElement, this.value)"

ONBLUR="setCell(this.parentElement, this.value)"

VALUE="' + cell.innerText + '"

SIZE="' + cell.innerText.length + '">';

document.all.editCell.focus();

document.all.editCell.select();

}

else if (document.getElementById) {

cell.normalize();

var input = document.createElement('INPUT');

input.setAttribute('value', cell.firstChild.nodeValue);

input.setAttribute('size', cell.firstChild.nodeValue.length);

input.onchange = function (evt) {

setCell(this.parentNode, this.value); };

input.onclick = function (evt) {

evt.cancelBubble = true;

if (evt.stopPropagation)

evt.stopPropagation();

};

cell.replaceChild(input, cell.firstChild);

input.focus();

input.select();

}

function setCell (cell, value) {

if (document.all)

cell.innerText = value;

else if (document.getElementById)

cell.replaceChild(document.createTextNode(value), cell.firstChild);

}

</SCRIPT>

</HEAD>

<BODY>

<TR>

<TD ONCLICK="editCell(this);" CLASS="td2">[孟宪会之精彩世界]</TD>

<TD ONCLICK="editCell(this);" CLASS="td3">http://lucky.myrice.com</TD>

</TR>

</TABLE>

</BODY>

</HTML>

posted on 2006-08-27 11:19 Ameng 阅读(295) 评论(0) 收藏举报