代码如下:$(document).ready(function(){ $("p:odd").css("background-color", "#bbf"); $("p:even").css("background-color","#ffc"); $("p").click(function () { $("p").each(function(){ if($(this).hasClass("highlight")){ $(this).removeClass("highlight"); }}); $(this).addClass("highlight"); }); }); 源码参考gamil:test_jquery_table
解决方法:取得表对象,并取得他下面对应的行对象下的某个元素,这里如document.tableId.rows[i].cells[j]即取得表下第i行下的第j个元素,然后document.tableId.rows[i].cells[j].colspan=n即可。 eg: dempTHFirst为要增加行或列属性的元素。 demoThFirst.colSpan=3;
以前我在网上总会看类似这种的JS效果: 点击编辑时: (不好意思哈,图在文章最后面) 这种列表与编辑都在同一页的效果,确实很好,能够给用户带来意想不到的美好体验。可是它是怎么实现的呢? 其实实现这种效果有很多方法,当然如果你的JS不好,可以用JQuery的组件,但是我想要是自己能写出来总是好的。因此我抽了点时间来实现它。当我实现后,发现要实现这种效果是很简单的,几行JS代码就搞定了,关键就是一个思路问题,下面我会具体...
上次做table排序对table有了一些了解,这次更是深入了解了一番,发现table原来是这么不简单。 还不清楚这个效果叫什么,就叫行定位吧,本来想把列定位也做出来,但暂时还没这个需求,等以后有时间再弄吧。 程序原理 一开始的需求只是表头部分在滚动时能一直固定在头部,那关键要实现的就是让tr能定位。 首先想到的方法是给tr设置relative,用ie6/7测试以下代码: 1 2 3 4 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]给tr设置...
function moveIt(obj){ var tableId; if(obj.parentNode.parentNode.id == "t1"){ tableId = document.getElementById("t2"); }else{ tableId = document.getElementById("t1"); } var newRow = tableId.insertRow(0); newRow.insertCell(0).innerHTML = obj.cells(0).innerHTML; newRow.insertCell(1).innerHTML = obj.cells(1).innerHTML; obj.removeNode(true); } 1 2 3 4 [Ctrl+A 全选 注:如需引入外部Js需刷新才能...
近来还是那么忙,趁五一更新一下程序吧。 这个版本主要增加和改进了以下东西: 1,对字符串改用localeCompare来比较; 2,一次排序中能使用多个排序对象(用于值相等时再排序); 3,修正一些发现的问题; 4,改进程序结构,个人觉得是更灵活更方便了; 5,增加bool类型比较; 6,添加attribute/property的内容; 7,修正ie6/7的radio/checkbox状态恢复bug; 8,增加自定义取值函数。 Table 排序 .odTable { width:500px; border...
table.rows集合中是cell对象 cell.innerHTML = "<td>123</td>" 在table的innerHTML中是<td>123</td></td> cell.innerHTML = "123" 在table的innerHTML中是<td>123</td> 所以设置cell.innerHTML不用再加<td></td> 另外今天在厕所里看我以前买的书无意看到的 在<td></td>里面的内容是空的话会造成cell边框不显示 所以就经常使用<td> </td> 其实不用这样 在table的css中设置border-collapse: collapse;就可以<td></td>跟<td> </td>显示...
下面的代码解决了这个问题:当表格被载入的时候,TD的宽度是原定的长度,不会撑开TD,也不会影响其他TD,点击某行会按照本行所有单元格中行数最多的单元格的长度伸长行高。用户体验很好。【优点】 1、对开发人员指定的表格没有任何影响; 2、使用简单; 3、被定义的表格样式可以随意的定制你的样式,不对你的样式构成影响; 4、移植性好,扩展性好。 【缺点】 目前用IE7测试正常,但不支持FireFox,工作比较忙,没时间更正,希望网...
一、SortTable说明 SortTable version 2 7th April 2007 Stuart Langridge, http://www.kryogenix.org/code/browser/sorttable/ Instructions: Download this file Add <script src=”sorttable.js”></script> to your HTML Add class=”sortable” to any table you'd like to make sortable Click on the headers to sort Thanks to many, many people for contributions and suggestions. Licenced as X11: http://www.kryogen...
New Document [a] [b] [c] [d] [e] [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]上面的格式,比较奇怪,我用js稍微改了下,文本框分别是要转换的索引,不能随便输。New Document [a] [b] [c] [d] [e] [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
建议看 //www.gxlcms.com/article/11349.htm 这篇文章,后面是一些补充,实现代码重点:table class=sortable 2. test.htm 代码如下:<SCRIPT src="sort.js" type="text/javascript"></SCRIPT> <table class=sortable id=mc1 border="1" width="1350" cellspacing="0" bordercolordark="#FFFFFF" bordercolorlight="#000000" style="word-break:break-all;"> <tr align=center> <td width="250" align=left>一、计划工作项目(2009年...
Form Object example 1 2 3 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
var tableObj = document.getElementById("tableName"); var str = ""; for(var i=0;i<tableObj.rows.length;i++) { for(varj=0;j<tableObj.rows[i].cells.length;j++) { //str += tableObj.rows[i].cells[j].innerHTML+" "; for(var z=0;z<tableObj.rows[i].cells[j].children.length;z++) { var text = tableObj.rows[i].cells[j].children[z];//取得text object s...
javascript删除talbe中的一行 function Goto(){} function deleteCurrentRow(obj){ var tr=obj.parentNode.parentNode; var tbody=tr.parentNode; tbody.removeChild(tr); } 流程名称表单名称上传附件操作 请假单1 请假单 不允许 删除 请假单2 请假单 不允许 删除 请假单3 请假单 不允许 删除 请假单4 请假单 不允许 删除 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
orbitz-like behavior for hovering over table cells .cssguycomments {background:#eee;border:#ddd;padding:8px;margin-bottom:40px;} .cssguycomments p {font:normal 12px/18px verdana;} table {border-collapse:collapse;} thead th { font:bold 13px/18px georgia; text-align:left; background:#fff4c6; color:#333; padding:8px 16px 8px 8px; border-right:1px solid #fff; border-bottom:1px solid #fff; } the...