IE8以上的版本代码,只需要CSS即可 tr{ background-color:expression('#F8F8F8,#EFEFEF'.split(',')[rowIndex%2]); } IE8以下的版本代码,是需要CSS与JS共同完成的: 首先定义好两个CSS,代码如下: 代码如下: .tr1{background-color:#fff;} .tr2{background-color:#00ff;} 其实写JS代码,代码如下: 代码如下: onload=function(){ var trs=document.getElementById("tbid").getElementsByTagName("tr");//获取tbid的table中...
效果截图: html 代码: 代码如下: 选择货架号 #table1 td { text-align:center; width:15%; } #table2 td { text-align:center; width:15%; background-color:#dcdcdc; cursor:pointer; } 货架 一层 二层 三层 四层 五层 A001 A002 A003 A004 A005 javascript 代码: 代码如下: var tdnum = 0; var trid = "td"; // 键盘事件 document.onkeydown = function(event){ // 兼容...
代码如下: var picarry = {}; var lnkarry = {}; var ttlarry = {}; function FixCode(str){ return str.replace("","="); } var t=document.getElementById("pictable"); var rl=t.rows.length; var baseu= document.URL.replace(/(http.*\/)(.*)/, "$1"); if(baseu.indexOf("/servlet/")>=0) baseu = baseu.replace("/servlet/","/"); var txt=""; for(var i=0;i<rl;i++){ try{ picarry[i]=t.rows[i].cells[0].childNodes[0].src...
我写了个JQUERY 的插件。来实现分组的效果。图2. 这是一个简单的分组效果,根据表的第一列“Department" 来分组图3, 也可以对多个列来分组,根据第一列”Department" 和第四列 ”Gender“ 来分组。分组前,先对要选择的列进行排序,这在提取数据的时候可以完成, 就没有在客户端再去实现。图4. 可以设置参数 collapse=1. 让表格先收缩起来。 它的默认值是0;通过写这个JQuery 控件,深刻体会到它的强大。整个代码不到100行。 在AS...
修正hashtableobj.set("length","0") bug 可以设置key忽略大小写 可以clone hashtable对象 可以 使用obj.valueOf("key","defalutvalue") 设置默认值等等 欢迎修正bug 代码如下: // Authors Birdshome, 麻袋@博客园 改版 phito,彭海涛 Object.prototype.Clone = function() { var objClone; if ( this.constructor == Object ) objClone = new this.constructor(); else objClone = new this.constructor(this.valueOf()); for ...
效果演示代码: 脚本之家 www.gxlcms.com 脚本之家 www.gxlcms.com 脚本之家 www.gxlcms.com 脚本之家 www.gxlcms.com function showtable(){ var color1 = "rgb(234,240,255)"; var color2 = "rgb(255,255,255)"; var bgColor = "rgb(255,255,193)"; var trs = document.getElementById("datatable").getElementsByTagName("tr"); for (var i=0;i [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]核心代码: 代码如下:function...
代码如下: var row_count = 0; function addNew() { var table1 = $('#table1'); var firstTr = table1.find('tbody>tr:first'); var row = $(""); var td = $(""); td.append($("CheckBox"+row_count+"") ); row.append(td); table1.append(row); row_count++; } function del() { var checked = $("input[type='checkbox'][name='count']"); $(checked).each(function(){ if($(this).attr("checked")==true) //注意:此处判...
这里,用的jquery来做的。关键代码如下: 代码如下: //添加數據行; function AddRow(){ var vTb=$("#TbData");//得到表格ID=TbData的jquery对象 //所有的数据行有一个.CaseRow的Class,得到数据行的大小 var vNum=$("#TbData tr").filter(".CaseRow").size()+1;//表格有多少个数据行 var vTr=$("#TbData #trDataRow1"); //得到表格中的第一行数据 var vTrClone=vTr.clone(true);//创建第一行的副本对象vTrClone vTrClone[0].id="t...
效果如下 原表格:col0 col1 col2 col3SuZhou 11111 22222 SuZhouCitySuZhou 33333 44444 SuZhouCitySuZhou 55555 66666 SuZhouCityShangHai 77777 88888 ShangHaiCityShangHai uuuuu hhhhh ShangHaiCityShangHai ggggg ccccc ShangHaiCityGuangZhou ttttt eeeee GuangZhouCityGuangZhou ppppp qqqqq GuangZhouCity 处理之后的样子: col0 col1 col2 col3SuZhou 11111 22222 SuZhouCity33333 4444455555 66666ShangHai 77777 88888 ...
IE6/7/8/9中Table/Select的innerHTML赋值会报错,如下 IE6/7/8/9中TABLE的innerHTML不能赋值 try{ var table = document.createElement('table'); table.innerHTML = 'Test table innerHTML' document.body.appendChild(table); }catch(e){ alert(e); } [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] IE6/7 :IE8 :IE9 : Firefox/Safari/Chrome/Opera中正常。Ext.DomHelper中使用div,把table添加到div中间接实现。 MSDN ...
首先要获取Table表格的行数,我是通过后台添加表格的所以我在前台获取的时候length一下就获取到了总数赋值例如上图: 如果我要打印这个表格但不想要操作那列的内容咋办? 代码如下: for(var i=0;i<num+1;i++) { $("table tr").eq(i).find("td").eq(0).remove(); } 解释: num是从后台获取到的列表总和+1是为了表头那个也去掉。 第一个eq(i)是获取Table里的TR索引 第二个eq(0)是获取TR里的首个TD位置
效果如下 原表格:col0 col1 col2 col3SuZhou 11111 22222 SuZhouCitySuZhou 33333 44444 SuZhouCitySuZhou 55555 66666 SuZhouCityShangHai 77777 88888 ShangHaiCityShangHai uuuuu hhhhh ShangHaiCityShangHai ggggg ccccc ShangHaiCityGuangZhou ttttt eeeee GuangZhouCityGuangZhou ppppp qqqqq GuangZhouCity 处理之后的样子: col0 col1 col2 col3SuZhou 11111 22222 SuZhouCity33333 4444455555 66666ShangHai 77777 88888 ...
效果图如下:http://jialiren.sinaapp.com/jdt/ Html代码如下: 代码如下: 进度条列 序号进度条进度备注其他 1 20 20 进度太慢了工作一 2 30 30 加油任务二 3 80 80 加油!!任务三 4 80 80 加油!!任务三 我的目的是把第二列的数值替换成条状图,asp.net girdview 控件生成的也是table标签,因此后面的脚本对gridview的数据呈现也起作用。 我的思路很简单,枚举table中的行,找到第二列,取值,替换成对应长度的...
对了,注意那个innerText和innerHTML 代码如下: function sortCells(event) { var obj = event.target; var count = 0; count是记录点击次数的,根据奇偶进行升序或降序 if(!obj.getAttribute("clickCount")){ obj.setAttribute("clickCount", 0); } else { count = parseInt(obj.getAttribute("clickCount")); count++; obj.setAttribute("clickCount", count); } var table = event.target.parentNode.parentNode; if(table.nod...
我的思路是这样的: 1.对任何一个 table, tr 都可以添加编辑、删除功能——功能独立 2.可以自动的完成编辑、取消功能,如点击编辑, 表格内容自动变成编辑框、下拉框等, 点击取消结束编辑状态 3.添加删除、确定(即更新)事件——只需要添加自己服务端的删除、更新代码就可以 4.能够自定义设置可编辑列,不可编辑列——方便定制编辑功能下面是我实现的功能代码: editable.js 代码如下: /* code: editable.js version: v1.0 date: ...