资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
JavaScript教程
>>>
js 表格排序(编辑+拖拽+缩放)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>Table</title> <style type="text/css"> body{ font-size:12px} #tab{ border-collapse: collapse;} .edit{ height:16px; width:98%; background-color:#EFF7FF; font-size:12px; border:0px;} #tab thead td{ background:url(/upload/201005/20100531233452190.bmp);color:#183C94} #tab tbody td{ overflow:hidden} #tab td{border: 1px solid #CECFCE;height:20px;line-height:20px;vertical-align:middle; } #tab td.tc{text-align:center;} .cc{width:10px;height:6px; border:1px solid #999999; background-color:#FFFFFF; position:absolute; display:none;} #tab td.red{border-color:#f30;} .ww{height:100%;width:1px;background:#CECFCE;float:right;margin-right:-1px;cursor:sw-resize} .line{ width:2px; background-color:#999999; position:absolute; display:none} </style> </head> <body> <table id="tab" border="0" cellspacing="1" cellpadding="0"> <thead> <tr> <td width="60"class="tc" ><span>ID</span><div class="ww"></div></td> <td width="60"class="tc"><span>选中</span><div class="ww"></div></td> <td width="100" class="tc"><span>姓名</span><div class="ww"></div></td> <td width="100" class="tc" ><span>生日</span><div class="ww"></div></td> <td width="180" class="tc" ><span>备注</span><div class="ww"></div></td> </tr> </thead> <tbody> <tr> <td height="16">1</td> <td><input type ="checkbox"></td> <td>张三</td> <td>1982-05-27</td> <td>杯具,全是杯具</td> </tr> <tr> <td>3</td> <td><input type ="checkbox"></td> <td>李四</td> <td>1983-06-27</td> <td>恩恩我魔兽技术不错</td> </tr> <tr> <td>2</td> <td><input type ="checkbox"></td> <td>王五</td> <td>1983-05-27</td> <td>波斯王子 时之刃还不错</td> </tr> <tr> <td>4</td> <td><input type ="checkbox"></td> <td>赵六</td> <td>1983-05-27</td> <td>我叫赵六</td> </tr> <tr> <td>5</td> <td><input type ="checkbox"></td> <td>朱八</td> <td>1986-05-27</td> <td>洗洗睡吧</td> </tr> </tbody> </table> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20language%3D%22javascript%22%3E%20%0D%0Avar%20Sys%20%3D%20(function(ua)%7B%20%0D%0Avar%20s%20%3D%20%7B%7D%3B%20%0D%0As.IE%20%3D%20ua.match(%2Fmsie%20(%5B%5Cd.%5D%2B)%2F)%3Ftrue%3Afalse%3B%20%0D%0As.Firefox%20%3D%20ua.match(%2Ffirefox%5C%2F(%5B%5Cd.%5D%2B)%2F)%3Ftrue%3Afalse%3B%20%0D%0As.Chrome%20%3D%20ua.match(%2Fchrome%5C%2F(%5B%5Cd.%5D%2B)%2F)%3Ftrue%3Afalse%3B%20%0D%0As.IE6%20%3D%20(s.IE%26%26(%5B%2FMSIE%20(%5Cd)%5C.0%2Fi.exec(navigator.userAgent)%5D%5B0%5D%5B1%5D%20%3D%3D%206))%3Ftrue%3Afalse%3B%20%0D%0As.IE7%20%3D%20(s.IE%26%26(%5B%2FMSIE%20(%5Cd)%5C.0%2Fi.exec(navigator.userAgent)%5D%5B0%5D%5B1%5D%20%3D%3D%207))%3Ftrue%3Afalse%3B%20%0D%0As.IE8%20%3D%20(s.IE%26%26(%5B%2FMSIE%20(%5Cd)%5C.0%2Fi.exec(navigator.userAgent)%5D%5B0%5D%5B1%5D%20%3D%3D%208))%3Ftrue%3Afalse%3B%20%0D%0Areturn%20s%3B%20%0D%0A%7D)(navigator.userAgent.toLowerCase())%3B%20%0D%0Afunction%20%24(Id)%7B%20%0D%0Areturn%20document.getElementById(Id)%3B%20%0D%0A%7D%3B%20%0D%0Afunction%20addListener(element%2Ce%2Cfn)%7B%20%0D%0Aelement.addEventListener%3Felement.addEventListener(e%2Cfn%2Cfalse)%3Aelement.attachEvent(%22on%22%20%2B%20e%2Cfn)%3B%20%0D%0A%7D%3B%20%0D%0Afunction%20removeListener(element%2Ce%2Cfn)%7B%20%0D%0Aelement.removeEventListener%3Felement.removeEventListener(e%2Cfn%2Cfalse)%3Aelement.detachEvent(%22on%22%20%2B%20e%2Cfn)%3B%20%0D%0A%7D%3B%20%0D%0Avar%20Css%20%3D%20function(e%2Co)%7B%20%0D%0Aif(typeof%20o%3D%3D%22string%22)%20%0D%0A%7B%20%0D%0Ae.style.cssText%3Do%3B%20%0D%0Areturn%3B%20%0D%0A%7D%20%0D%0Afor(var%20i%20in%20o)%20%0D%0Ae.style%5Bi%5D%20%3D%20o%5Bi%5D%3B%20%0D%0A%7D%3B%20%0D%0Avar%20Bind%20%3D%20function(object%2C%20fun)%20%7B%20%0D%0Avar%20args%20%3D%20Array.prototype.slice.call(arguments).slice(2)%3B%20%0D%0Areturn%20function()%20%7B%20%0D%0Areturn%20fun.apply(object%2C%20args)%3B%20%0D%0A%7D%3B%20%0D%0A%7D%3B%20%0D%0Avar%20BindAsEventListener%20%3D%20function(object%2C%20fun)%20%7B%20%0D%0Avar%20args%20%3D%20Array.prototype.slice.call(arguments).slice(2)%3B%20%0D%0Areturn%20function(event)%20%7B%20%0D%0Areturn%20fun.apply(object%2C%20%5Bevent%20%7C%7C%20window.event%5D.concat(args))%3B%20%0D%0A%7D%3B%20%0D%0A%7D%3B%20%0D%0Avar%20Extend%20%3D%20function(destination%2C%20source)%7B%20%0D%0Afor%20(var%20property%20in%20source)%20%7B%20%0D%0Adestination%5Bproperty%5D%20%3D%20source%5Bproperty%5D%3B%20%0D%0A%7D%3B%20%0D%0A%7D%3B%20%0D%0Avar%20Class%20%3D%20function(properties)%7B%20%0D%0Avar%20_class%20%3D%20function()%7Breturn%20(arguments%5B0%5D%20!%3D%3D%20null%20%26%26%20this.initialize%20%26%26%20typeof(this.initialize)%20%3D%3D%20'function')%20%3F%20this.initialize.apply(this%2C%20arguments)%20%3A%20this%3B%7D%3B%20%0D%0A_class.prototype%20%3D%20properties%3B%20%0D%0Areturn%20_class%3B%20%0D%0A%7D%3B%20%0D%0Avar%20Table%20%3D%20new%20Class(%7B%20%0D%0Ainitialize%20%3A%20function(tab%2Cset)%7B%20%0D%0Athis.table%20%3D%20tab%3B%20%0D%0Athis.thead%20%3D%20tab.getElementsByTagName('thead')%5B0%5D%3B%20%2F%2F%E5%B8%B8%E7%94%A8%E7%9A%84dom%E5%85%83%E7%B4%A0%E5%81%9A%E6%88%90%E7%B4%A2%E5%BC%95%20%0D%0Athis.theadtds%20%3D%20this.thead.getElementsByTagName('td')%3B%20%2F%2F%20%0D%0Athis.rows%20%3D%20%5B%5D%3B%20%2F%2F%E9%87%8C%E9%9D%A2tbodys%E8%AE%B0%E5%BD%95%E6%89%80%E6%9C%89tr%E7%9A%84%E5%BC%95%E7%94%A8%20%E8%BF%99%E9%87%8C%E7%94%A8%E6%95%B0%E7%BB%84%E8%AE%B0%E5%BD%95%E6%98%AF%E5%9B%A0%E4%B8%BA%E6%95%B0%E7%BB%84%E6%9C%89reverse%E6%96%B9%E6%B3%95%2C%E5%8F%AF%E4%BB%A5%E7%94%A8%E6%9D%A5%E6%AD%A3%E5%BA%8F%2C%E5%8F%8D%E5%BA%8F%20%0D%0Athis.clos%20%3D%20%7B%7D%3B%20%2F%2F%E9%87%8C%E9%9D%A2%E8%AE%B0%E5%BD%95%E6%89%80%E6%9C%89%E5%88%97%E5%85%83%E7%B4%A0%E7%9A%84%E5%BC%95%E7%94%A8%20%0D%0Athis.edits%20%3D%20%7B%7D%3B%20%2F%2F%E7%BC%96%E8%BE%91%E8%A1%A8%E6%A0%BC%E7%9A%84%E8%A7%84%E5%88%99%E5%92%8C%E6%8F%90%E7%A4%BA%20%0D%0Athis.sortCol%20%3D%20null%3B%20%2F%2F%E8%AE%B0%E5%BD%95%E5%93%AA%E5%88%97%E6%AD%A3%E5%9C%A8%E6%8E%92%E5%BA%8F%E4%B8%AD%20%0D%0Athis.inputtd%20%3D%20null%3B%20%2F%2F%E8%AE%B0%E5%BD%95%E5%93%AA%E4%B8%AAinput%E8%A2%AB%E7%BC%96%E8%BE%91%E4%BA%86%20%0D%0Athis.closarg%20%3D%7B%20%0D%0Atdnum%20%3A%20null%2C%20%0D%0Atotdnum%20%3A%20null%2C%20%0D%0Aclosmove%20%3A%20BindAsEventListener(this%2Cthis.closmove)%2C%20%0D%0Aclosup%20%3A%20BindAsEventListener(this%2Cthis.closup)%20%0D%0A%7D%3B%2F%2F%E5%85%B3%E4%BA%8E%E5%88%97%E6%8B%96%E6%8B%BD%E7%9A%84%E4%B8%80%E4%BA%9B%E5%B1%9E%E6%80%A7%E6%96%B9%E6%B3%95%20%0D%0Athis.widtharg%20%3D%7B%20%0D%0Atd%20%3A%20null%2C%20%0D%0Anexttd%20%3A%20null%2C%20%0D%0Ax%20%3A%200%2C%20%0D%0Atdwidth%20%3A%200%2C%20%0D%0Anexttdwidth%20%3A%200%2C%20%0D%0Awidthmove%20%3A%20BindAsEventListener(this%2Cthis.widthmove)%2C%20%0D%0Awidthup%20%3A%20BindAsEventListener(this%2Cthis.widthup)%20%0D%0A%7D%3B%20%0D%0Avar%20i%3D0%2Cj%3D0%2Cd%3Ddocument%2Crows%20%3Dtab.tBodies%5B0%5D.rows%2Ctds1%20%3D%20tab.tBodies%5B0%5D.getElementsByTagName('td')%2Cedit%3D%5B%5D%3B%20%0D%0Avar%20divs%20%3D%20this.thead.getElementsByTagName('div')%3B%20%0D%0Athis.input%20%3D%20d.createElement('input')%3B%20%2F%2F%E7%BC%96%E8%BE%91%E7%94%A8%E7%9A%84input%20%0D%0Athis.input.type%20%3D%20%22text%22%3B%20%0D%0Athis.input.className%20%3D%20'edit'%3B%20%0D%0Athis.img%20%3D%20d.body.appendChild(d.createElement('div'))%3B%20%0D%0Athis.img.className%20%3D%22cc%22%20%3B%20%0D%0Athis.line%20%3D%20d.body.appendChild(d.createElement('div'))%3B%20%0D%0Athis.line.className%20%3D%20'line'%3B%20%0D%0Athis.line.style.top%20%3D%20tab.offsetTop%20%2B%22px%22%3B%20%0D%0Aif(Sys.IE6)%7B%20%0D%0Athis.checkbox%20%3D%20%7B%7D%3B%20%2F%2F%E8%AE%B0%E5%BD%95%E9%82%A3%E4%BA%9Bcheckbox%E8%A2%AB%E9%80%89%E4%B8%AD%E4%BA%86%20%E5%A4%84%E7%90%86ie6%E4%B8%8D%E5%85%BC%E5%AE%B9%E7%9A%84%E9%97%AE%E9%A2%98%20%0D%0Avar%20checkboxs%20%3D%20tab.getElementsByTagName('input')%2Ck%20%3D0%3B%20%0D%0Afor(var%20lll%3Dcheckboxs.length%3Bk%3Clll%3Bk%2B%2B)%20%0D%0Acheckboxs%5Bk%5D.type%3D%3D%22checkbox%22%26%26addListener(checkboxs%5Bk%5D%2C%22click%22%2CBind(this%2Cfunction(elm%2Ck)%7B%20%0D%0Aelm.checked%3D%3Dtrue%3F(this.checkbox%5Bk%5D%20%3D%20elm)%3A(delete%20this.checkbox%5Bk%5D)%3B%20%0D%0A%7D%2Ccheckboxs%5Bk%5D%2Ck))%3B%20%0D%0A%7D%3B%20%0D%0Afor(var%20l%3Dset.length%3Bi%3Cl%3Bi%2B%2B)%7B%20%0D%0AaddListener(this.theadtds%5Bset%5Bi%5D.id%5D%2C'click'%2CBind(this%2Cthis.sortTable%2Cthis.theadtds%5Bset%5Bi%5D.id%5D%2Cset%5Bi%5D.id%2Cset%5Bi%5D.type))%3B%20%0D%0Aset%5Bi%5D.edit%26%26(this.edits%5Bset%5Bi%5D.id%5D%3D%7Brule%3Aset%5Bi%5D.edit.rule%2Cmessage%3Aset%5Bi%5D.edit.message%7D)%3B%20%0D%0A%7D%3B%20%0D%0Afor(l%3Drows.length%3Bj%3Cl%3Bj%2B%2B)%20%0D%0Athis.rows%5Bj%5D%3Drows%5Bj%5D%3B%20%0D%0Afor(var%20k%3D0%2Cl%3Dthis.theadtds.length%3Bk%3Cl%3Bk%2B%2B)%7B%20%0D%0Athis.clos%5Bk%5D%3D%5B%5D%3B%20%0D%0Athis.theadtds%5Bk%5D.setAttribute('clos'%2Ck)%20%0D%0AaddListener(this.theadtds%5Bk%5D%2C'mousedown'%2CBindAsEventListener(this%2Cthis.closdrag))%3B%20%0D%0A%7D%20%0D%0Afor(var%20i%3D0%2Cl%3Dtds1.length%3Bi%3Cl%3Bi%2B%2B)%7B%20%0D%0Avar%20p%20%3D%20i%3Cthis.theadtds.length-1%3Fi%3Ai%25this.theadtds.length%3B%20%0D%0Athis.clos%5Bp%5D%5Bthis.clos%5Bp%5D.length%5D%20%3D%20tds1%5Bi%5D%3B%20%0D%0Athis.edits%5Bp%5D%26%26tds1%5Bi%5D.setAttribute('edit'%2Cp)%3B%20%0D%0A%7D%20%0D%0Afor(var%20i%3D0%2Cl%3Ddivs.length%3Bi%3Cl%3Bi%2B%2B)%7B%20%0D%0AaddListener(divs%5Bi%5D%2C'mousedown'%2CBindAsEventListener(this%2Cthis.widthdrag))%3B%20%0D%0A%7D%20%0D%0A%2F*---------------------------------------------*%2F%20%0D%0A%2F*---------------------------------------------*%2F%20%0D%0AaddListener(this.thead%2C'mouseover'%2CBindAsEventListener(this%2Cthis.theadhover))%3B%20%0D%0AaddListener(tab.tBodies%5B0%5D%2C'dblclick'%2CBindAsEventListener(this%2Cthis.edit))%3B%20%0D%0AaddListener(this.input%2C'blur'%2CBind(this%2Cthis.save%2Cthis.input))%3B%20%0D%0A%7D%2C%20%0D%0Atheadhover%20%3A%20function(e)%7B%20%0D%0Ae%20%3D%20e%20%7C%7C%20window.event%3B%20%0D%0Avar%20obj%20%3D%20e.srcElement%20%7C%7Ce.target%3B%20%0D%0Aif(obj.nodeName.toLowerCase()%20%3D%3D'td')%20%0D%0Athis.closarg.totdnum%20%3D%20(obj).getAttribute('clos')%3B%20%0D%0Aelse%20if(obj.nodeName.toLowerCase()%20%3D%3D'div')%20%0D%0Aobj.style.cursor%3D%22sw-resize%22%3B%20%0D%0A%7D%2C%20%0D%0Awidthdrag%20%3A%20function(e)%7B%20%0D%0Aif(Sys.IE)%7Be.cancelBubble%3Dtrue%7Delse%7Be.stopPropagation()%7D%20%0D%0Athis.widtharg.x%20%3D%20e.clientX%3B%20%0D%0Athis.widtharg.td%20%3D%20(e.srcElement%20%7C%7Ce.target).parentNode%3B%20%0D%0Aif(Sys.IE)%7B%20%0D%0Athis.widtharg.nexttd%20%3D%20this.widtharg.td.nextSibling%3B%20%0D%0A%7Delse%7B%20%0D%0Athis.widtharg.nexttd%20%3D%20this.widtharg.td.nextSibling.nextSibling%3B%20%0D%0A%7D%20%0D%0Athis.widtharg.tdwidth%20%3D%20this.widtharg.td.offsetWidth%3B%20%0D%0Athis.widtharg.nexttdwidth%20%3D%20this.widtharg.nexttd.offsetWidth%3B%20%0D%0Athis.line.style.height%20%3D%20this.table.offsetHeight%20%2B%22px%22%3B%20%0D%0AaddListener(document%2C'mousemove'%2Cthis.widtharg.widthmove)%3B%20%0D%0AaddListener(document%2C'mouseup'%2Cthis.widtharg.widthup)%3B%20%0D%0A%7D%2C%20%0D%0Awidthmove%20%3A%20function(e)%7B%20%0D%0Awindow.getSelection%20%3F%20window.getSelection().removeAllRanges()%20%3A%20document.selection.empty()%3B%20%0D%0Avar%20x%20%3D%20e.clientX%20-%20this.widtharg.x%2Cleft%20%3D%20e.clientX%2Cclientx%3De.clientX%20%3B%20%0D%0Aif(clientx%3Cthis.widtharg.x)%7B%20%0D%0Aif(this.widtharg.x%20-%20clientx%3Ethis.widtharg.tdwidth-35)%20%0D%0Aleft%20%3D%20this.widtharg.x%20-%20this.widtharg.tdwidth%2B35%3B%20%0D%0A%7D%20%0D%0Aif(clientx%3Ethis.widtharg.x)%20%0D%0A%7B%20%0D%0Aif(clientx%20-%20this.widtharg.x%3Ethis.widtharg.nexttdwidth-35)%20%0D%0Aleft%20%3D%20this.widtharg.x%20%2B%20this.widtharg.nexttdwidth-35%3B%20%0D%0A%7D%20%0D%0ACss(this.line%2C%7Bdisplay%3A%22block%22%2Cleft%3Aleft%2B%22px%22%7D)%3B%20%0D%0A%7D%2C%20%0D%0Awidthup%20%3A%20function(e)%7B%20%0D%0Athis.line.style.display%20%3D%20%22none%22%3B%20%0D%0Avar%20x%3D%20parseInt(this.line.style.left)%20-%20this.widtharg.x%3B%20%0D%0Athis.widtharg.nexttd.style.width%20%3D%20this.widtharg.nexttdwidth%20-x%20%2B'px'%3B%20%0D%0Athis.widtharg.td.style.width%20%3D%20this.widtharg.tdwidth%20%2B%20x%20%2B'px'%3B%20%0D%0AremoveListener(document%2C'mousemove'%2Cthis.widtharg.widthmove)%3B%20%0D%0AremoveListener(document%2C'mouseup'%2Cthis.widtharg.widthup)%3B%20%0D%0A%7D%2C%20%0D%0Aclosdrag%20%3A%20function(e)%7B%20%0D%0Ae%20%3D%20e%20%7C%7C%20window.event%3B%20%0D%0Avar%20obj%20%3D%20e.srcElement%20%7C%7Ce.target%3B%20%0D%0Aif(obj.nodeName.toLowerCase()%3D%3D%22span%22)obj%20%3Dobj.parentNode%3B%20%0D%0Athis.closarg.tdnum%20%3D%20obj.getAttribute('clos')%3B%3B%20%0D%0AaddListener(document%2C'mousemove'%2Cthis.closarg.closmove)%3B%20%0D%0AaddListener(document%2C'mouseup'%2Cthis.closarg.closup)%3B%20%0D%0A%7D%2C%20%0D%0Aclosmove%20%3A%20function(e)%7B%20%0D%0Awindow.getSelection%20%3F%20window.getSelection().removeAllRanges()%20%3A%20document.selection.empty()%3B%20%0D%0ACss(this.img%2C%7Bdisplay%3A%22block%22%2Cleft%3Ae.clientX%2B9%2B%22px%22%2Ctop%3Ae.clientY%2B20%2B%22px%22%7D)%3B%20%0D%0A%7D%2C%20%0D%0Aclosup%20%3A%20function()%7B%20%0D%0Athis.img.style.display%20%3D%20%22none%22%3B%20%0D%0AremoveListener(document%2C'mousemove'%2Cthis.closarg.closmove)%3B%20%0D%0AremoveListener(document%2C'mouseup'%2Cthis.closarg.closup)%3B%20%0D%0Aif(this.closarg.totdnum%3D%3Dthis.closarg.tdnum)return%3B%20%0D%0Avar%20rows%20%3Dthis.table.getElementsByTagName('tr')%2Ctds%2Cn%2Co%3B%20%0D%0Aif((parseInt(this.closarg.tdnum)%2B1)%3D%3DparseInt(this.closarg.totdnum))%20%0D%0A%7B%20%0D%0Ao%20%3D%20this.closarg.tdnum%3B%20%0D%0An%20%3D%20this.closarg.totdnum%3B%20%0D%0A%7D%20%0D%0Aelse%20%0D%0A%7B%20%0D%0An%20%3D%20this.closarg.tdnum%3B%20%0D%0Ao%20%3D%20this.closarg.totdnum%3B%20%0D%0A%7D%20%0D%0Afor(var%20i%3D0%2Cl%3Drows.length%3Bi%3Cl%3Bi%2B%2B)%20%0D%0A%7B%20%0D%0Atds%20%3D%20rows%5Bi%5D.getElementsByTagName('td')%3B%20%0D%0Atry%7B%20%0D%0Arows%5Bi%5D.insertBefore(tds%5Bn%5D%2Ctds%5Bo%5D)%3B%20%0D%0A%7D%20%0D%0Acatch(err)%7B%20%0D%0Areturn%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0Afor(var%20i%3D0%2Cl%3Dthis.theadtds.length%3Bi%3Cl%3Bi%2B%2B)%20%0D%0Athis.theadtds%5Bi%5D.setAttribute('clos'%2Ci)%3B%20%0D%0A%7D%2C%20%0D%0Aedit%3A%20function(e)%7B%20%0D%0Avar%20o%20%3D%20e.srcElement%20%7C%7C%20e.target%3B%20%0D%0Aif(!o.getAttribute('edit'))return%3B%20%0D%0Athis.inputtd%20%3D%20o%3B%20%0D%0Avar%20v%20%3D%20o.innerHTML%3B%20%0D%0Ao.innerHTML%20%3D%20%22%22%3B%20%0D%0Ao.appendChild(this.input)%3B%20%0D%0Athis.input.value%3Dv%3B%20%0D%0Athis.input.focus()%3B%20%0D%0A%7D%2C%20%0D%0Asave%20%3A%20function(o)%7B%20%0D%0Avar%20edit%3Dthis.edits%5Bo.parentNode.getAttribute('edit')%5D%3B%20%0D%0Aif(edit.rule.test(this.input.value))%7B%20%0D%0Athis.inputtd.innerHTML%20%3D%20this.input.value%3B%20%0D%0Athis.inputtd%3Dnull%3B%20%0D%0A%7Delse%7B%20%0D%0Aalert(edit.message)%3B%20%0D%0A%7D%20%0D%0A%7D%2C%20%0D%0AsortTable%20%3Afunction(td%2Cn%2Ctype)%7B%20%0D%0Avar%20frag%3Ddocument.createDocumentFragment()%2Cstr%3D%20td.getElementsByTagName('span')%5B0%5D.innerHTML%2Cspan%3Dtd.getElementsByTagName('span')%5B0%5D%3B%20%0D%0Aif(this.row!%3Dnull%7C%7Ctd%3D%3Dthis.sortCol)%7B%20%0D%0Athis.rows.reverse()%3B%20%0D%0Aspan.innerHTML%20%3Dstr.replace(%2F.%24%2F%2Cstr.charAt(str.length-1)%3D%3D%22%E2%86%93%22%3F%22%E2%86%91%22%3A%22%E2%86%93%22)%20%3B%20%0D%0A%7Delse%7B%20%0D%0Athis.rows.sort(this.compare(n%2Ctype))%3B%20%0D%0Aspan.innerHTML%20%3D%20span.innerHTML%20%2B%20%22%E2%86%91%22%3B%20%0D%0Athis.sortCol!%3Dnull%26%26(this.sortCol.getElementsByTagName('span')%5B0%5D.innerHTML%20%3D%20this.sortCol.getElementsByTagName('span')%5B0%5D.innerHTML.replace(%2F.%24%2F%2C''))%3B%20%0D%0A%7D%3B%20%0D%0Afor(var%20i%3D0%2Cl%3Dthis.rows.length%3Bi%3Cl%3Bi%2B%2B)%20%0D%0Afrag.appendChild(this.rows%5Bi%5D)%3B%20%0D%0Athis.table.tBodies%5B0%5D.appendChild(frag)%3B%20%0D%0Aif(Sys.IE6)%7B%20%0D%0Afor(var%20s%20in%20this.checkbox)%20%0D%0Athis.checkbox%5Bs%5D.checked%20%3D%20true%3B%20%0D%0A%7D%20%0D%0Athis.sortCol%20%3D%20td%3B%20%0D%0A%7D%2C%20%0D%0Acompare%20%3Afunction(n%2Ctype)%7B%20%0D%0Areturn%20function%20(a1%2Ca2)%7B%20%0D%0Avar%20convert%20%3D%7B%20%0D%0Aint%20%3A%20function(v)%7Breturn%20parseInt(v)%7D%2C%20%0D%0Afloat%20%3A%20function(v)%7Breturn%20parseFloat(v)%7D%2C%20%0D%0Adate%20%3A%20function(v)%7Breturn%20v.toString()%7D%2C%20%0D%0Astring%20%3A%20function(v)%7Breturn%20v.toString()%7D%20%0D%0A%7D%3B%20%0D%0A!convert%5Btype%5D%26%26(convert%5Btype%5D%3Dfunction(v)%7Breturn%20v.toString()%7D)%3B%20%0D%0Aa1%20%3Dconvert%5Btype%5D(a1.cells%5Bn%5D.innerHTML)%3B%20%0D%0Aa2%20%3Dconvert%5Btype%5D(a2.cells%5Bn%5D.innerHTML)%3B%20%0D%0Aif(a1%3D%3Da2)return%200%3B%20%0D%0Areturn%20a1%3Ca2%3F-1%3A1%3B%20%0D%0A%7D%3B%20%0D%0A%7D%20%0D%0A%7D)%3B%20%0D%0Awindow.onload%20%3D%20function()%7B%20%0D%0Avar%20set%20%3D%20%5B%20%0D%0A%7Bid%3A0%2Ctype%3A%22int%22%7D%2C%20%0D%0A%7Bid%3A2%2Ctype%3A%22string%22%2Cedit%3A%7Brule%3A%2F%5E(%5Ba-z%5D%7C%5B%5Cu4e00-%5Cu9fa5%5D)%7B2%2C%7D%24%2Fi%2Cmessage%3A%22%E8%AF%B7%E8%BE%93%E5%85%A52%E4%BD%8D%E4%BB%A5%E4%B8%8A%E7%9A%84%E6%B1%89%E5%AD%97%2C%E6%88%96%E8%80%85%E6%98%AF%E5%AD%97%E6%AF%8D%22%7D%7D%2C%20%0D%0A%7Bid%3A3%2Ctype%3A%22date%22%2Cedit%3A%7Brule%3A%2F%5E%5Cd%7B4%7D%5C-%5Cd%7B2%7D%5C-%5Cd%7B2%7D%24%2F%2Cmessage%3A%22%E6%8C%89%E8%BF%99%E4%B8%AD%E6%A0%BC%E5%BC%8F%E8%BE%93%E5%85%A5%E6%97%A5%E6%9C%9F1985-02-30%22%7D%7D%2C%20%0D%0A%7Bid%3A4%2Ctype%3A%22string%22%2Cedit%3A%7Brule%3A%2F%5E.%7B4%2C10%7D%24%2F%2Cmessage%3A%22%E8%AF%B7%E8%BE%93%E5%85%A54%E5%88%B010%E4%B8%AA%E5%AD%97%E7%AC%A6%22%7D%7D%20%0D%0A%5D%3B%20%0D%0Anew%20Table(%24(%22tab%22)%2Cset)%3B%20%0D%0A%7D%20%0D%0A%3C%2Fscript%3E"> </body> </html>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
教程首页
更多教程