JS 无刷新排序

 

None.gifJS 无刷新排序 比较实用的脚本。
None.gif
None.gif
<html>
None.gif
<head>
ExpandedBlockStart.gifContractedBlock.gif
<script>dot.gif
ExpandedSubBlockStart.gifContractedSubBlock.gif
function order()dot.gif{
InBlock.gif
var it=event.srcElement;
InBlock.gif
var table=it;
InBlock.gif
var i,j,k;
InBlock.gif
var t1,t2;
ExpandedSubBlockStart.gifContractedSubBlock.gif
if(it.tagName=="TH")dot.gif{
InBlock.gif    i
=it.cellIndex;
InBlock.gif    it.title
=it.title=="asc"?"desc":"asc";
InBlock.gif    
while(table.tagName!="TABLE")table=table.parentElement;
InBlock.gif    
if(table.rows.length<3)return true;
ExpandedSubBlockStart.gifContractedSubBlock.gif    
for(j=1;j<table.rows.length;j++)dot.gif{
ExpandedSubBlockStart.gifContractedSubBlock.gif        
for(k=j+1;k<table.rows.length;k++)dot.gif{
InBlock.gif            
if(it.title=="asc"?parseFloat(table.rows[k].cells[i].innerText)<parseFloat(table.rows[j].cells[i].innerText):parseFloat(table.rows[k].cells[i].innerText)>parseFloat(table.rows[j].cells[i].innerText))
InBlock.gif            table.rows[j].swapNode(table.rows[k]);
ExpandedSubBlockEnd.gif        }

ExpandedSubBlockEnd.gif    }

ExpandedSubBlockEnd.gif}

ExpandedBlockEnd.gif}

None.gif
script>
None.gif
head>
None.gif
<body>
None.gif
None.gif
<table border="1">
None.gif
<thead onclick="order()">
None.gif
<th>Item 1th><th>Item 2th><th>Item 3th><th>Item 4th>
None.gif
thead>
None.gif
<tr><td>12.3td><td>423td><td>86.83td><td>1.213td>tr>
None.gif
<tr><td>2td><td>434td><td>5.334td><td>.234td>tr>
None.gif
<tr><td>33td><td>43td><td>5.223td><td>8.73td>tr>
None.gif
<tr><td>21.3td><td>234td><td>52.34td><td>.666td>tr>
None.gif
<tr><td>33.4td><td>59td><td>67.2td><td>.426td>tr>
None.gif
table>
None.gif
None.gif
body>
None.gif
html>
None.gif
None.gif

转载于:https://www.cnblogs.com/coolylh/archive/2005/12/26/304640.html


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部