IDC资讯中心
1.表格排序
表格排序是对表格而言的，与表格的生成无关。就是说，无论用何种方式产生的表格排序时都一样。这是排序函数，很简单。
分升序和降序，要求传入参数：obj 表格名或id; n 排序列，第一列为0
<script>
function table_sort_asc(obj,n) {
var i,j;
var tab = eval("document.all."+obj);
if(tab.tagname != "table") return;
for(i=0;i<tab.rows.length-1;i++)
for(j=i+1;j<tab.rows.length;j++)
if(tab.rows[i].cells[n].innerhtml > tab.rows[j].cells[n].innerhtml)
tab.rows[i].swapnode(tab.rows[j]);
}
function table_sort_desc(obj,n) {
var i,j;
var tab = eval("document.all."+obj);
if(tab.tagname != "table") return;
for(i=0;i<tab.rows.length-1;i++)
for(j=i+1;j<tab.rows.length;j++)
if(tab.rows[i].cells[n].innerhtml < tab.rows[j].cells[n].innerhtml)
tab.rows[i].swapnode(tab.rows[j]);
}
</script>
<html>
<head>
<script>
//方法1：
function sorttable(){
var arrend = [];
var arrnotbegin = [];
for (i=0; i < document.all.table1.rows.length; i++) {
var otr = new object();
for (j=0; j < document.all.table1.rows(i).cells.length; j++) {
var strnode = document.all.table1.rows(i).cells(j).innertext;
switch(j)
{
case 0:
otr.time = strnode;
break;
case 1:
otr.state = strnode;
break;
case 2:
otr.topic = strnode;
break;
default:
break;
}
}
if(otr.state == "未开始")
{
arrnotbegin[arrnotbegin.length] = otr;
}else{
arrend[arrend.length] = otr;
}
}
arrnotbegin.sort(function(){var a1=arguments[0];var a2=arguments[1];if(a1.time>a2.time){return 1}else if(a1.time<a2.time){return -1}else{return 0}});
arrend.sort(function(){var a1=arguments[0];var a2=arguments[1];if(a1.time>a2.time){return 1}else if(a1.time<a2.time){return -1}else{return 0}});
var strtable = "<table id=table1 border=1>";
for(var j=0; j<arrnotbegin.length; j++){
strtable += "<tr>";
strtable += "<td>" + arrnotbegin[j].time + "</td>";
strtable += "<td>" + arrnotbegin[j].state + "</td>";
strtable += "<td>" + arrnotbegin[j].topic + "</td>";
strtable += "</tr>";
}
for(var j=0; j<arrend.length; j++){
strtable += "<tr>";
strtable += "<td>" + arrend[j].time + "</td>";
strtable += "<td>" + arrend[j].state + "</td>";
strtable += "<td>" + arrend[j].topic + "</td>";
strtable += "</tr>";
}
strtable += "</table>"
document.all.table1.outerhtml = strtable;
}
//方法2：
//这里的td表示要排序的列
function sorttable(){
var xmldoc = new activexobject("microsoft.xmldom");
xmldoc.async = false;
xmldoc.loadxml(document.all.table1.innerhtml);
var xsldoc = new activexobject("microsoft.xmldom");
xsldoc.async = false;
var strxsl = +
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/xsl/transform" version="1.0"> +
<xsl:template match="/tbody"> +
<xsl:for-each select="tr" > +
<xsl:sort select="td[2]" order="descending"/> +
<xsl:sort select="td[1]" /> +
<xsl:copy> +
<xsl:apply-templates select="@*|node()" /> +
</xsl:copy> +
</xsl:for-each> +
</xsl:template> +
<xsl:template match="@*|node()"> +
<xsl:copy> +
<xsl:apply-templates select="@*|node()" /> +
</xsl:copy> +
</xsl:template> +
</xsl:stylesheet>
xsldoc.loadxml(strxsl);
var a = xmldoc.transformnode(xsldoc);
a = a.substring(39);
document.all.table1.outerhtml = <table id="table1"> + a + </table>;
}
</script>
</head>
<body>
<table id="table1" border="1">
<tr>
<td>22:30</td>
<td>未开始</td>
<td>倩女幽魂</td>
</tr>
<tr>
<td>21:30</td>
<td>未开始</td>
<td>ｔｖ三贱客</td>
</tr>
<tr>
<td>20:30</td>
<td>完</td>
<td>娱乐串串烧</td>
</tr>
<tr>
<td>23:30</td>
<td>未开始</td>
<td>篮球大本营</td>
</tr>
<tr>
<td>22:15</td>
<td>未开始</td>
<td>新闻时间</td>
</tr>
</table>
<input type="button" value="排序" onclick="sorttable();">
</body>
</html>
