//建一个row行,col列的表格 var tbl, tbody, tr, td, text, i,j,row,col; row=10;col=15; var theDoc = document; var theBody = theDoc.body; tbl = theDoc.createElement("TABLE"); tbl.border = "1"; tbl.setAttribute("id","abc"); tbody = theDoc.createElement("TBODY"); tbl.insertBefore(tbody, null); theBody.insertBefore(tbl, null); for (i=0; i [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
function changeto(highlightcolor){ source=event.srcElement if (source.tagName=="TR"||source.tagName=="TABLE") return while(source.tagName!="TD") source=source.parentElement if (source.style.backgroundColor!=highlightcolor&&source.id!="ignore") source.style.backgroundColor=highlightcolor } function changeback(originalcolor){ if (event.fromElement.contains(event.toElement)||source.contains(event.toE...
function changeto(highlightcolor){ source=event.srcElement if (source.tagName=="TR"||source.tagName=="TABLE") return while(source.tagName!="TD") source=source.parentElement if (source.style.backgroundColor!=highlightcolor&&source.id!="ignore") source.style.backgroundColor=highlightcolor } function changeback(originalcolor){ if (event.fromElement.contains(event.toElement)||source.contains(event.toE...
看到有朋友喜欢,放出下载 点击下载此文件由于是为学习js而做的,所以代码写的自己都很不喜欢:(要继续写只能重写了,看时间吧。代码转移到prototype1.4增加保存打开功能http://onewww.net/code/table/1.1/*作品名称:彪哥版本:1.1作者:谷祖林网名:llinzzi网址:http://onewww.net代码特点整个程序基于Ajax技术制作代码基于prototype1.4.(时间关系并没完全移植完全)代码分离 js css html 代码分离,可以用以任何自定义表格;操作方法...
自己经常用的比较好用的效果 经常用在定单管理上 JS表格排序 不需要用ASP再计算一次
点击右键 function stop(){ return false; } document.getElementById("t1").oncontextmenu=stop; [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]2\ no[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
首先,更正一下,是只显示了28层,而非27. 下面用了递归,可以清楚的看到你所要创建的表格层数都创建了,只是到显示的时候,从第28层之后都不能显示出来而已.至于为什么显示不来,我也不得而知. Untitled Document var n = 40; function createTable(pI){ var oTable = document.createElement("TABLE"); oTable.border = 1; oTable.width = 1000 - pI; oTable.height = 1000 - pI; var oTBody = document.createElement("TBODY"); va...
查询窗口 function changeValue1(obj){ if(obj.value == 0){ document.getElementById("result").value = "f117"; }else { document.getElementById("result").value = "gaofei"; } } function changeValue(obj){ if(obj.value == 0){ obj.parentElement.parentElement.cells[1].children[0].value = "f117"; }else if(obj.value == 1){ obj.paren...
*{font-size:14px}button{margin:3px} var mytable=null,mytable2=null; window.onload=function(){ mytable=new CTable("tbl",10); mytable2=new CTable("tbl2",6); } Array.prototype.each=function(f){for(var i=0;i0 && self.getChkBox(arr[arr.length-1]).checked){ for(var i=arr.length-1;i>=0;i--){ if (self.getChkBox(arr[i]).checked){ arr.pop() }else{ break } } } arr.reverse().each(functi...
曾经在一个flash RIA站点上看到这种效果,视觉效果真不错。flash开发者大概也以此来表明,flash做的应用程序,在动态效果上要优于js(个人观点)。后来我在做bmail的时候,用gif动画作为背景,基本实现了这一功能,但总是感到不太完美。这次的做法是用滤镜,视觉上比较平滑,还省了图片下载的麻烦。 #tbList th{text-align:left;padding-left:20;border:1px solid white;border-right:1px solid #7994BF;border-bottom:1px solid #...
代码如下: 无标题文档 function loadXML(handler) { var url = "employees.xml"; if(document.implementation&&document.implementation.createDocument) { var xmldoc = document.implementation.createDocument("", "", null); xmldoc.onload = handler(xmldoc, url); xmldoc.load(url); } else if(window.ActiveXObject) { var xmldoc = new ActiveXObject("Microsoft.XML...
今天有人问我一个问题:如何通过js脚本复制网页上的一个表格?看起来似乎比较有难度,不过还是搞定了,顺便把解决这个问题的过程记录下来,希望能对写脚本的兄弟们有所帮助。 以前没有写过这种脚本,不过想起来前不久刚看到一个脚本可以实现全选HTML编辑器的内容,于是想到一个方案:使用脚本将该表格插入HTML编辑器中,然后全选HTML编辑器内容,执行HTML编辑器的复制命令,即可实现复制表格功能,很快搞定:输出到编辑器中" oncli...
曾经在一个flash RIA站点上看到这种效果,视觉效果真不错。flash开发者大概也以此来表明,flash做的应用程序,在动态效果上要优于js(个人观点)。后来我在做bmail的时候,用gif动画作为背景,基本实现了这一功能,但总是感到不太完美。这次的做法是用滤镜,视觉上比较平滑,还省了图片下载的麻烦。#tbList th{text-align:left;padding-left:20;border:1px solid white;border-right:1px solid #7994BF;border-bottom:1px solid #7...
作者 llinzzi 版本 0.9 说明: 当焦点不在表格内的input时,回车键复制最后一行,delete删除键最后一行 选择checkbox,可以进行复制,删除 双击表格会出现菜单,自动收集该列已存在数据,选中自动填充 这里是亮点 数据发送采用ajax(自定义的一个ajax类,blog已发布过)一行一行的发送 兼容IE6和Firefox1.5 符合W3C 本表格一切功能都是为了减少输入录入工作,适合大项目开放使用 代码如下: 无标题文档 ///////////////////////////////...
作者:xmg (小马哥) 代码如下: body{font-size:12} table,input,button,select,textarea,b{font-size:12;font-family:宋体} body{background:#ECE9D8} td{border:1px solid #c0c0c0;display:inline} .GridBorder{background:#ece9d8;border:1px solid #000;border-top:1px solid #FFF;border-left:1px solid #FFF;text-align:center;WORD-BREAK:break-all} if(document.all){ Event.prototype.__defineGetter__("srcElem...