HTML中利用堆栈方式对Table进行行排序
代码如下：
<!-- <br />
all rights by Lonsan on 2005 <br />
email:Lonsan21@163.com <br />
--> <br />
<html> <br />
<head> <br />
<meta http-equiv="Content-type" content="text/html; charset=gb2312"> <br />
<title>HTML中利用堆栈方式对Table进行行排序</title> <br />
<style> <br />
body,table <br />
{}{}{}{ <br />
font-size:9pt; <br />
} <br />
.grid <br />
{}{}{}{ <br />
border:1 solid #6666FF; <br />
width:460; <br />
} <br />
.grid tr <br />
{}{}{}{ <br />
cursor:hand; <br />
} <br />
.grid td <br />
{}{}{}{ <br />
border:1 solid #6666FF; <br />
} <br />
</style> <br />
<script language="<a href="http://www.chinaitpower.com/Dev/Programme/Java/index.html" target="_blank">java</a>script"> <br />
<!-- <br />
function select(tr) <br />
{ <br />
if(grid.selectedTr!=null) <br />
{ <br />
grid.selectedTr.style.backgroundColor=""; <br />
} <br />
<br />
grid.selectedTr=tr; <br />
tr.style.backgroundColor="#FFCC00"; <br />
} <br />
function isselected() <br />
{ <br />
if(grid.selectedTr==null) <br />
return false; <br />
<br />
return true; <br />
} <br />
function push(s) <br />
{ <br />
if(grid.stack==null) <br />
grid.stack=[]; <br />
<br />
grid.stack.push(s); <br />
} <br />
function pop() <br />
{ <br />
if(grid.stack==null) <br />
return null; <br />
<br />
return grid.stack.pop(); <br />
} <br />
function movetop() <br />
{ <br />
if(!isselected()) return; <br />
<br />
var s=[]; <br />
s.push(grid.selectedTr.rowIndex); <br />
s.push(0); <br />
push(s); <br />
<br />
grid.moveRow(grid.selectedTr.rowIndex, 0); <br />
} <br />
function moveup() <br />
{ <br />
if(!isselected()) return; <br />
<br />
var s=[]; <br />
s.push(grid.selectedTr.rowIndex); <br />
s.push(Math.max(grid.selectedTr.rowIndex-1,0)); <br />
push(s); <br />
<br />
grid.moveRow(grid.selectedTr.rowIndex, Math.max(grid.selectedTr.rowIndex-1,0)); <br />
} <br />
function movedown() <br />
{ <br />
if(!isselected()) return; <br />
<br />
var s=[]; <br />
s.push(grid.selectedTr.rowIndex); <br />
s.push(Math.min(grid.selectedTr.rowIndex+1,grid.rows.length-1)); <br />
push(s); <br />
<br />
grid.moveRow(grid.selectedTr.rowIndex, Math.min(grid.selectedTr.rowIndex+1,grid.rows.length-1)); <br />
} <br />
function movebottom() <br />
{ <br />
if(!isselected()) return; <br />
<br />
var s=[]; <br />
s.push(grid.selectedTr.rowIndex); <br />
s.push(grid.rows.length-1); <br />
push(s); <br />
<br />
grid.moveRow(grid.selectedTr.rowIndex, grid.rows.length-1); <br />
} <br />
function cancelmove() <br />
{ <br />
if(grid.stack==null || grid.stack.length==0) <br />
return; <br />
<br />
var s=pop(); <br />
if(s!=null) <br />
{ <br />
select(grid.rows[s[1]]); <br />
grid.moveRow(s[1],s[0]); <br />
} <br />
} <br />
function cancelall() <br />
{ <br />
if(grid.stack!=null && grid.stack.length>0) <br />
{ <br />
cancelmove(); <br />
window.setTimeout(cancelall, 2000); <br />
} <br />
else if(grid.stack!=null) <br />
{ <br />
alert("over!!!"); <br />
} <br />
} <br />
//--> <br />
</script> <br />
</head> <br />
<br />
<body> <br />
<table id="grid" class="grid"> <br />
<tr onclick="select(this);"> <br />
<td>1</td> <br />
<td>Lonsan21@163.com</td> <br />
<td>蓝山</td> <br />
<td>Asp.Net</td> <br />
<td>JS</td> <br />
</tr> <br />
<tr onclick="select(this);"> <br />
<td>2</td> <br />
<td>Lonsan21@163.com</td> <br />
<td>蓝山</td> <br />
<td>Asp.Net</td> <br />
<td>JS</td> <br />
</tr> <br />
<tr onclick="select(this);"> <br />
<td>3</td> <br />
<td>Lonsan21@163.com</td> <br />
<td>蓝山</td> <br />
<td>Asp.Net</td> <br />
<td>JS</td> <br />
</tr> <br />
<tr onclick="select(this);"> <br />
<td>4</td> <br />
<td>Lonsan21@163.com</td> <br />
<td>蓝山</td> <br />
<td>Asp.Net</td> <br />
<td>JS</td> <br />
</tr> <br />
<tr onclick="select(this);"> <br />
<td>5</td> <br />
<td>Lonsan21@163.com</td> <br />
<td>蓝山</td> <br />
<td>Asp.Net</td> <br />
<td>JS</td> <br />
</tr> <br />
<tr onclick="select(this);"> <br />
<td>6</td> <br />
<td>Lonsan21@163.com</td> <br />
<td>蓝山</td> <br />
<td>Asp.Net</td> <br />
<td>JS</td> <br />
</tr> <br />
</table> <br />
<br> <br />
<a href="<a href="http://www.chinaitpower.com/Dev/Programme/Java/index.html" target="_blank">java</a>script:movetop();">Top</a> <br />
<a href="<a href="http://www.chinaitpower.com/Dev/Programme/Java/index.html" target="_blank">java</a>script:moveup();">Up</a> <br />
<a href="<a href="http://www.chinaitpower.com/Dev/Programme/Java/index.html" target="_blank">java</a>script:movedown();">Down</a> <br />
<a href="<a href="http://www.chinaitpower.com/Dev/Programme/Java/index.html" target="_blank">java</a>script:movebottom();">Bottom</a> <br />
<br />
<a href="<a href="http://www.chinaitpower.com/Dev/Programme/Java/index.html" target="_blank">java</a>script:cancelmove();">Cancel</a> <br />
<a href="<a href="http://www.chinaitpower.com/Dev/Programme/Java/index.html" target="_blank">java</a>script:cancelall();">CancelAll</a> <br />
</body> <br />
</html>
[Ctrl+A 全选 提示:你可先修改部分代码,再点运行代码]
转自: http://www.cnblogs.com/Lonsan/archive/2005/04/09/table.htmlaspx">