可不可以让表格的行进行排序。
一个表格有五行,第一行是让用户选择什么排在第一位,
下面是默认的四行,
1 2 3 4 5
行1
行2
行3
行4
行5
我点上面的1,2,3,4,5中的任一个
下面对应的第几行就排在第一位。
问题点数:10、回复次数:5Top
1 楼duoduobaba(避雷针)回复于 2006-03-16 01:23:12 得分 4
行1到行5的数据是数据库的还是就只是页面内的排序?
Top
2 楼duoduobaba(避雷针)回复于 2006-03-16 03:00:46 得分 2
<table border="1" id="myTab">
<tr style="cursor:default">
<td onClick = "orderIt(this.cellIndex)">编号</td>
<td onClick = "orderIt(this.cellIndex)">姓名</td>
<td onClick = "orderIt(this.cellIndex)">年龄</td>
<td onClick = "orderIt(this.cellIndex)">单位</td>
</tr>
<tr>
<td>01220</td>
<td>张三</td>
<td>36</td>
<td>网络部</td>
</tr>
<tr>
<td>02551</td>
<td>李四</td>
<td>27</td>
<td>技术部</td>
</tr>
<tr>
<td>00020</td>
<td>王五</td>
<td>12</td>
<td>编辑部</td>
</tr>
<tr>
<td>32250</td>
<td>赵六</td>
<td>80</td>
<td>新闻部</td>
</tr>
</table>
<script language="javascript">
function orderIt(idx){
var AOrder = new Array
var obj=document.getElementById("myTab");
var allTableRows = obj.rows.length;
for(var i=1;i<allTableRows;i++){
AOrder.push(obj.rows[i].cells[idx].innerText);
AOrder.sort();
}
for(var i=1;i<allTableRows;i++){
for(var j=1;j<allTableRows;j++){
if (obj.rows[j].cells[idx].innerText==AOrder[i-1]){
obj.moveRow(j,i);
break;
}
}
}
}
</script>
Top
3 楼duoduobaba(避雷针)回复于 2006-03-16 03:01:29 得分 4
瞌睡了,可能代码效率不高,你看着优化吧Top
4 楼wang33771()回复于 2006-03-16 07:39:09 得分 0
出售“爱情公寓”整站程序
演示地址:http://www.591i.net (我就要爱)
布置套房,喂养宠物,爱情小花园,写日记,聊天室,好友群组,小圈子,卡拉 OK ,通讯簿
联系QQ : 35763281Top
5 楼chunfeng007(61秒)回复于 2006-03-16 09:44:33 得分 0
上面各位的方法我都试过了,也都没问题,先谢了,
我还有个问题想请教一个,就是,最上面一行是几张图片形式的链接,这一行和下面要排序的TABLE没关系,就像上面城市刀客用的INPUT TYPE=RADIO 一样,只不过我想用的是图片形式的链接.
请教如何实现.Top




