无标题文档 .menu td{ font-size:12px; color:white; font-weight:bold; background-color:#336699; border:1px solid #336699; border:1px solid #336699; filter:blendtrans(duration=1); text-align:center;} function showfilter(obj){ var tds=obj.getElementsByTagName("td"); for(var i=0;i 1111111111111 2222222222222 3333333333333 4444444444444 5555555555555 6666666666666 77777777777777 888888888...
table1 table2 table3 table4 table5 table6 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]无标题文档 document.body.onclick=function(e){ e=e|| window.event; var obj=e.target || e.srcElement; if(obj.tagName=="TD"){ obj=obj.parentNode; } alert(obj.rowIndex); } [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
(一) ie 、firefox以及其它浏览器对于 table 标签的操作都各不相同,在ie中不允许对table和tr的innerHTML赋值,使用js增加一个tr时,使用appendChile方法也不管用。下面是我就三种浏览器测试的结果: insertRow IE6 :支持,而且默认参数为-1,默认添加到最后 FireFox :支持,但部支持默认参数 Opera :支持,支持默认参数,默认添加到最前AppendChild IE6 :不支持 FireFox :支持,但增加TR后不影响ROWS Opera :支持,效果同insertRow(-1...
动态增删表格行 //author: Robin //email: griefforyou@gmail.com var rowIndex=0; function addLine(obj){ var objSourceRow=obj.parentNode.parentNode; var objTable=obj.parentNode.parentNode.parentNode.parentNode; if(obj.value=='增加'){ rowIndex++; var objRow=objTable.insertRow(rowIndex); var objCell; objCell=objRow.insertCell(0); objCell.innerHTML=" "; objCell=objRow.insertCell(1); objCell.innerHTML=o...
本着自由共享的精神,把代码帖出来,同时大家也可以一起来测试以及添加新功能,请大家根据网友提出的问题,把自己修改好的版本都帖出来跟在下面,最后作为一款比较全面的表格软件。 Chgrid的简单功能介绍: 1:支持自定义排序 2:支持列宽度的拖放 3:支持自定义函数 4:支持分页 5:支持自动编号 6:多浏览器支持,支持ie6,ie7,ff,opera 7:div布局 已知问题: 1:由于使用的div布局,如果使用margin或者padding会改变定义的列宽度...
锁定表格栏位范例网页 BODY { FONT: 12px 细明体; CURSOR: default } TD { FONT: 12px 细明体; CURSOR: default } .title { BORDER-RIGHT: #555 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 4px; BACKGROUND: #ccc; PADDING-BOTTOM: 4px; OVERFLOW: hidden; BORDER-LEFT: #fff 1px solid; CURSOR: hand; PADDING-TOP: 4px; BORDER-BOTTOM: #555 1px solid; WHITE-SPACE: now...
一般事件事件 浏览器支持 描述onClick HTML: 2|3|3.2|4Browser: IE3|N2|O3 鼠标点击事件,多用在某个对象控制的范围内的鼠标点击onDblClick HTML: 2|3|3.2|4Browser:IE4|N4|O 鼠标双击事件onMouseDown HTML: 2|3|3.2|4Browser:IE4|N4|O 鼠标上的按钮被按下了onMouseUp HTML: 2|3|3.2|4Browser:IE4|N4|O 鼠标按下后,松开时激发的事件onMouseOver HTML: 2|3|3.2|4Browser:IE3|N2|O3 当鼠标移动到某对象范围的上方时触发的事件onMous...
无标题文档 function $(obj) { return document.getElementById(obj); } function close_open() { if($("myTr").currentStyle.display == "none") { $("myTr").style.display = ""; } else { $("myTr").style.display = "none"; } } 1 2 3 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
表格翻页 body, td{ font-size: 9pt; } a:link { color: #FF0000; } a:visited { color: #FF0000; } a:hover { color: #006600; } 2) days = arguments[2]; if(arguments.length > 3) path = arguments[3]; with(new Date()){ setDate(getDate()+days); days=toUTCString(); } document.cookie = "{0}={1};expires={2};path={3}".format(name, value, days, path); }, Get : function (){ var returnValue=document.cookie....
晚上突然看到以前做asp时写的一个根据数据库数据自动生成表格的程序。 要求是: 1,对于空内容,应该写为" ",否则在ie会显示的很变态(ie当作该单元格不存在)。 2,当输出数据条数不等于表格的“长X宽”时,用" "自动填补最后一行空余的地方。 其实也很简单,当时做asp时用了一个较复杂的算法(下面代码中MakeTable2),今天又想到一个更容易理解的算法(MakeTable1),今天用js实现了下,不过郁闷的是感觉效率上都一样,这样还是用...
Auntion-TableSort最新版 修复了一个数字排序的问题.放出下载 07年5月5日Auntion TableSort 测试交流第一版 (下一版将会存在部分表格相关特效) ----------------------------------------------------------------------------- 作者:Auntion blog:Auntion.blogbus.com e-mail:Auntion@Gmail.com QQ:82874972 ----------------------------------------------------------------------------- 注: 转载请将此说明全部发出,因为可能...
对于经常需要表格头部不东,而列表可以滚动,多用于数据比较多的情况,方便查看表格头固定而列可滚动的效果-脚本之家body { font-family: "arial", "helvetica", "sans-serif", ""; font-size: 9pt; margin: 0px; scrollbar-face-color:#efefe7; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#a5a5a5; scrollbar-darkshadow-color:#a5a5a5; scrollbar-shadow-color:#d6d6ce; scrollbar-arrow-color:#003184; sc...
第一列 第二列 第3列 第一列 第二列 第3列 var obj=document.getElementById("tab").getElementsByTagName("TD") var n=3;//列数 for (var i=0;i [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
优点: 1.代码干净,无冗余标签. 2.样式,结构分离(为了方便,样式用内联的形式,实现应用时可以用外联方式引用.) 3.用JS控制表格的逐行变色 4.支持选中项高亮 5.支持checkbox的全选/取消功能 6.分页标签已经做好,没有做后台代码(以后有时间更新) 7.兼容性测试:已测试过ie5.01 ie5.5 ie6 ie7 ff2 opera浏览器友好度良好的表格 *{font-family:Tahoma, Arial, Helvetica, Sans-serif,"宋体";} table{ width:700px; margin:0px auto; font...
Untitled Document var $ = function(pId){ return document.getElementById(pId); } var oCols =document.getElementsByTagName("COL"); var oTab = $("tab1"); oTab.onmouseover = function(evt){ evt = evt || window.event; var o = evt.target || evt.srcElement; if(o.tagName == "TD"){ oCols[o.cellIndex].className = "color1"; o.parentNode.className = "color1"; } } oTab.onmouseout = function(evt){...