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

 

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

出处:http://go.163.com/colorweb

欢迎光临 [孟宪会之精彩世界] http://lucky.myrice.com

代码如下:

<HTML> <HEAD> <STYLE> .td1 { color: white; background-color: orange;} .td2 { color: white; background-color: #0099ff;} .td3 { color: white; background-color: #336699;} </STYLE> <SCRIPT> 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> <TABLE BORDER="2"> <TR> <TD ONCLICK="editCell(this);" CLASS="td1">欢迎光临</TD> <TD ONCLICK="editCell(this);" CLASS="td2">[孟宪会之精彩世界]</TD> <TD ONCLICK="editCell(this);" CLASS="td3">http://lucky.myrice.com</TD> </TR> </TABLE> </BODY> </HTML>

你可能感兴趣的:(function,url,input)