- 浏览: 114516 次
- 性别:
- 来自: 广西
文章分类
最新评论
-
greemqqran:
这方法 源码,是怎么的哦?
可变参数,数组与集合之间的转换 -
greemqqran:
Arrays.asList
可变参数,数组与集合之间的转换 -
ricoyu:
引用? super E:接收的是E类型对象应该是: ? sup ...
泛型-
排序表格内容
- 博客分类:
- html+css
- DOM
- javascript
<!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=utf-8" /> <title>无标题文档</title> <link rel="stylesheet" href="tab.css" /> <script type="text/javascript" src="../Day26/doctool.js"></script> <script type="text/javascript"> /* 表格中按照年龄的顺序进行排序。 思路: 1,每一个人的信息是一行。 那么先将行都取出,临时存入到数组中, 2,并对数组中的行对象的其中一个单元格中的数据进行排序。 3,将排序后的行对象重新添加会表格对象中。 */ var b = true; function sorttab() { //1,获取表格中所有的行对象。 var tabNode = byTag("table")[0]; var arr = tabNode.rows; //2,定义临时容器,将表格中需要参与排序的行对象临时存储。 var arr = new Array();//临时容器中存入的都是表格行对象引用。 for(var x=1; x<trs.length; x++) { arr[x-1] = trs[x]; } sortt(arr); //alert(arr.length); var tbdNode = tabNode.childNodes[0]; //alert(tbdNode.nodeName); if(b) { for(var x=0; x<arr.length; x++) { //alert(arr[x].cells[0].innerText+"..."+arr[x].cells[1].innerText); tbdNode.appendChild(arr[x]); } b = false; } else { for(var x=arr.length-1; x>=0; x--) { //alert(arr[x].cells[0].innerText+"..."+arr[x].cells[1].innerText); tbdNode.appendChild(arr[x]); } b = true; } } function sortt(arr) { for(var x=0; x<arr.length; x++) { for(var y=x+1; y<arr.length; y++) { if(parseInt(arr[x].cells[1].innerText)>parseInt(arr[y].cells[1].innerText)) { var temp = arr[x]; arr[x] = arr[y]; arr[y] = temp; } } } } </script> </head> <body> <table> <tr> <th>姓名</th> <th><a href="javascript:void(0)" onclick="sorttab()">年龄</a></th> <th>地址</th> </tr> <tr> <td>张三</td> <td>30</td> <td>北京</td> </tr> <tr> <td>李四</td> <td>4</td> <td>上海</td> </tr> <tr> <td>王武</td> <td>23</td> <td>广州</td> </tr> <tr> <td>赵六</td> <td>27</td> <td>南京</td> </tr> <tr> <td>周七</td> <td>25</td> <td>大连</td> </tr> <tr> <td>孙八</td> <td>29</td> <td>铁岭</td> </tr> </table> </body> </html>
发表评论
-
javascript中的call和apply
2012-11-17 16:34 739javacript中有很多简写的方式,其实我们调用函数的 ... -
javascript中的this
2012-11-16 15:33 667javascript中的this到底是什么呢? 一般来 ... -
javaScript NameSpace
2011-08-22 01:53 775命名空间,一看就知道主要目的是为了避免冲突。下面就来说一下 ... -
注册表单
2011-08-11 23:55 831<!DOCTYPE html PUBLIC " ... -
表单检验
2011-08-11 23:27 820<!DOCTYPE html PUBLIC " ... -
类似于邮件管理,具有全选,反选功能的代码
2011-08-10 22:33 807<!DOCTYPE html PUBLIC " ... -
增加文件
2011-08-10 22:11 771<!DOCTYPE html PUBLIC " ... -
二级级联下拉菜单
2011-08-10 21:57 635<!DOCTYPE html PUBLIC " ... -
示例思路
2011-08-10 21:31 903<!-- DOM编程: 1, ... -
浮动的广告代码
2011-08-10 20:07 739<!DOCTYPE html PUBLIC " ... -
DHTML编程的一般过程
2011-08-10 19:08 752<!DOCTYPE html PUBLIC " ... -
下拉列表框onchange事件
2011-08-10 18:49 2059<!DOCTYPE html PUBLIC " ... -
checkBox全选实现
2011-08-10 18:41 687<!DOCTYPE html PUBLIC " ... -
每行间隔显示颜色
2011-08-10 18:33 879<!DOCTYPE html PUBLIC " ... -
列表收缩
2011-08-10 12:20 767<!DOCTYPE html PUBLIC &qu ... -
动态创建表格,删除行列
2011-08-10 12:18 823<!DOCTYPE html PUBLIC &qu ... -
DOM简介
2011-08-07 12:55 660DOM(document Object model)文档对象模 ... -
javascript简介
2011-08-06 23:15 724JavaScript 概述 JavaScript是 ... -
CSS简介
2011-08-05 23:57 864CSS介绍 CSS是层叠样式表(Cascading Styl ... -
HTML
2011-08-05 17:46 784html:超文本标记语言。 html语言中是由标签组成的。 ...
相关推荐
JQ JS javascript 拖拽 排序功能 列表排序 菜单排序 表格排序
套入表格,实现按列排序,含css样式,增强表格美观度。非常强大,非常好用,不容错过!
jquery表格排序jquery表格排序jquery表格排序jquery表格排序jquery表格排序jquery表格排序jquery表格排序jquery表格排序
网页中可拖动、排序的表格,JS代码实现。想赚积分下几个文件。
tablesort表格排序.rartablesort表格排序.rartablesort表格排序.rartablesort表格排序.rartablesort表格排序.rartablesort表格排序.rartablesort表格排序.rar
易语言高级表格排序示例,程序模仿易语言例程里面的高级列表框排序写成.
表格控制、内容排序,支持ASP,php,jsp等
javascript动态排序表格 javascript动态排序表格 javascript动态排序表格 javascript动态排序表格
jquery实现表格排序,绝对实用。jquery实现表格排序,绝对实用。
tablesorter实现HTML表格点击表头排序,同样适用于JSP、PHP等主流Web开发
绝对是好东西 如果你刚好找这方面的资料要实现点击表头就产生排序,绝对实用,物超所值 轻量级JavaScript表格内容排序代码 对生产的html进行排序,不需要与数据库交互,速度性能好
好东西,AJAX实现排序的表格 好东西,AJAX实现排序的表格
返回Excel排序前的表格.rar,当用户反复对表格进行各种排序以后,表格的原有次序将被打破,如果在排序后做了其他某些必要的操作,就不方便再使用Excel的撤销功能。那如何让表格返回到排序前的状态呢?
1. 实现表格的列排序功能(点击表头,切换该列升降序),也可以指定哪一列不排序; 2. 实现当前排序列高亮显示; 3. 实现表格奇偶行不同颜色,即换行变色; 4. 实现表格分页功能,可指定是否开启分页功能及每页行数...
QT实现可拖拽行排序的表格,研究了一天实现的自定义控件。 效果类似QQ好友分组的拖动排序功能,非常流畅,内含我对表格的常用初始化代码和样式设置。具体内容见博客分类“Qt实用技术”内文章。
利用javaScript技术实现表格排序
使用javascript在客户端对表格进行排序的例子
html表格排序资源,tablesorter,jquery-tablesort,可以非常方便表格排序,不用自己去写代码,或者借助其他工具来排序。
易语言编程高级表格排序功能,不支持单击高级表格表头,只适合按钮排序
js表格特效制作js表格排序表格内容可筛选排序有51个人转采,5个人赞,18个人评论。... js表格特效制作一个js表格排序筛选,点击表格标题,子内容按大小、字母先后顺序