javascript 就地编辑实现代码

于是有了这个：





无标题文档

// JavaScript Document
var Deditor=(
function(){
//private methods
function addEvent(elem,type,handler){
if(!+"\v1"){//IE
elem[type+handler.toString()]=handler;
elem.attachEvent("on"+type,function(){
elem[type+handler.toString()](); });}
else elem.addEventListener(type,handler,false);
}//兼容事件绑定
function fixEvent(e){
e.preventDefault=function(){return this.returnValue=false;};
e.stopPropagation=function(){return this.cancelBubble=true;};
return e;
}//event兼容
function createEditorFile(){
var span=document.createElement("span");
span.id="directEditorSpan";
var textFile=document.createElement("input");
textFile.type="text";
textFile.id="directEditorTextFile";
var okButton=document.createElement("input");
okButton.type="button";
okButton.value="save";
okButton.id="directEditorOkButton";
var cancelButton=document.createElement("input");
cancelButton.type="button";
cancelButton.value="cancel";
cancelButton.id="directEditorCancelButton";
span.appendChild(textFile);
span.appendChild(okButton);
span.appendChild(cancelButton);
html=span;
elemItems={span:span,textFile:textFile,okButton:okButton,cancelButton:cancelButton};
}// 文本编辑框
function addEvents(){
for(var i=0;i0) {
elems=elems_arg;
createEditorFile();
addEvents();
}
//添加元素和事件
this.thenEffect=function(elements){
if(elements.constructor==Array && elements.length>0)
{elems=elements;
createEditorFile();
addEvents();}
};
this.setUrl=function(u){
url=u;
};
this.setCssHref=function(href){
addLinkCss(href);
};//添加公用方法
};
}//ann function end
)();
window.onload=function(){
var tds=document.getElementsByTagName("td");
var editors=[];
for(var i=0;i