2006-08-03

Dom  Javascript 在本机浏览器中对的表格数据进行排序

来源: CSDN 作者:lzid2008 评论 0 条
 
var endRows = objRows.length;

if (endRows < 2) //only one line,don't sort
return ;

// column number of table
var cols = objRows[1].getElementsByTagName("td").length;


sortTableInRange(tableId,sortCol,compareType,2,endRows,1,cols);

}catch(e){
alert(e);
}
}

==========javascript 代码结束============

例子HTML页面代码

<html>
<head content="text/html; charset=gb2312" >
<script type="text/javascript" src="sorttable.js">
</script>
</head>
<body>
常规排序例子<br>
<table id="t1" border="1">
<tr>
<td width="20%"><a href="#" onclick="sortTable('t1',1,'s')" >城市</a></td>
<td width="30%"><a href="#" onclick="sortTable('t1',2,'s')" >品牌</a></td>
<td width="30%"><a href="#" onclick="sortTable('t1',3,'n')" >销量</a></td>
</tr>
<tr>

<td><a href="#" >北京</a></td>
<td>GOOGLE</td>
<td>64</td>
</tr>
<tr>
<td>上海</td>
<td>CISCO</td>
<td>54</td>
</tr>
<tr>
<td>广州</td>
<td>MS</td>
<td>9</td>
</tr>
<tr>

<td>南京</td>
<td>INTEL</td>
<td>120</td>
</tr>
</table>

<br>对部分数据排序例子(对第2-5行,第2-4列区域排序)<br>
<table id="t2" border="1">
<tr>
<td>序号</td>
<td width="20%"><a href="#" onclick="sortTableInRange('t2',2,'s',2,5,2,4)" >城市</a></td>
<td width="30%"><a href="#" onclick="sortTableInRange('t2',3,'s',2,5,2,4)" >品牌</a></td>
<td width="30%"><a href="#" onclick="sortTableInRange('t2',4,'n',2,5,2,4)" >销量</a></td>
</tr>
<tr>
<td>1</td>
<td><a href="#" >北京</a></td>
<td>GOOGLE</td>
<td>64</td>
</tr>
<tr>
<td>2</td>
<td>上海</td>
<td>CISCO</td>
<td>54</td>
</tr>
<tr>
<td>3</td>
<td>广州</td>
<td>MS</td>
共6页: 上一页 [1] [2] [3] [4] 5 [6] 下一页

(本文仅表明作者个人观点,不代表本站及其管理员立场.) 推荐 收藏 投稿 打印 返回 关闭
上一篇:取消网页各种禁止功能的解决方案  
下一篇:Lightbox JS v2.0
    评论加载中…

网站首页  -  网站地图 -   站长论坛  -  网站投稿  -    -  网站管理
Copyright © 2008 芜湖站长站 All Rights Reserved 皖ICP备07500611号