CSDN首页 空间 新闻 论坛 Blog 下载 读书 网摘 搜索 .NET Java 视频 接项目 求职 在线学习 买书 程序员 通知
IBM Rational 系统开发最佳实践工具包 WebSphere MQ 最佳实践 TOP 15
CSDN社区
搜索 收藏 打印 关闭
CSDN社区 >  Web 开发 >  JavaScript

改变表格排序的问题

楼主wlszl()2006-03-03 16:05:41 在 Web 开发 / JavaScript 提问

如下代码,当点击表格的某一行时该行则排到表格的第一行,现在我想点击某一个按纽让相应的行也排到第一该怎么修改代码?  
   
  //-------------------------------------------------------------------------------------------  
  <table   id="table"   border="1">  
  <tbody   name="table5">  
  <tr   id="rr1"><td   onclick="kkk('table')">No.1</td></tr>  
  <tr   id="rr2"><td   onclick="kkk('table')">No.2</td></tr>  
  <tr   id="rr3"><td   onclick="kkk('table')">No.3</td></tr>  
  <tr   id="rr4"><td   onclick="kkk('table')">No.4</td></tr>  
  </tbody>  
  </table>  
  <script   type="text/javascript">  
  function   kkk(tab)  
  {  
  var   obj=document.getElementById(tab).firstChild;  
  var   currentTR=event.srcElement.parentNode;  
  var   temp=currentTR.cloneNode(true);  
  currentTR.removeNode(true);  
  obj.insertBefore(temp,obj.firstChild);  
  }  
  </script>  
  <p><input   type="button"   value="NO.1"   name="B3"   onclick="kkk('table')"><input   type="button"   value="NO.2"   name="B4"   onclick="kkk('table')"><input   type="button"   value="NO.3"   name="B5"   onclick="kkk('table')"><input   type="button"   value="NO.4"   name="B6"   onclick="kkk('table')"></p>  
  //---------------------------------------------------------------------------------------------  
   
  注意:该页面是用<object></object>引用的,所以不要用下面的代码,因为下面的代码在<object></object>里会出错  
   
  //---------------------------------------------------------------------------------------------  
          function   kkk(tr)  
  {  
  taba.moveRow(tr.rowIndex,   0);  
                    }  
  //---------------------------------------------------------------------------------------------  
  问题点数:50、回复次数:8Top

1 楼slayerbb(名字被抢了)回复于 2006-03-03 16:14:01 得分 0

把tr的rowIndex传递到click事件的函数中去Top

2 楼hbhbhbhbhb1021(天外水火(我要多努力))回复于 2006-03-03 16:18:19 得分 50

<table   id="table"   border="1">  
  <tbody   name="table5">  
  <tr   id="rr1"><td   onclick="kkk('table')">No.1</td></tr>  
  <tr   id="rr2"><td   onclick="kkk('table')">No.2</td></tr>  
  <tr   id="rr3"><td   onclick="kkk('table')">No.3</td></tr>  
  <tr   id="rr4"><td   onclick="kkk('table')">No.4</td></tr>  
  </tbody>  
  </table>  
  <script   type="text/javascript">  
  function   kkk(tab)  
  {  
  var   obj=document.getElementById(tab).firstChild;  
  var   objButton=arguments[1];  
  var   currentTR=document.getElementById("rr"+objButton.value.substr(3));  
  var   temp=currentTR.cloneNode(true);  
  currentTR.removeNode(true);  
  obj.insertBefore(temp,obj.firstChild);  
  }  
  </script>  
  <p><input   type="button"   value="NO.1"   name="B3"   onclick="kkk('table',this)"><input   type="button"   value="NO.2"   name="B4"   onclick="kkk('table',this)"><input   type="button"   value="NO.3"   name="B5"   onclick="kkk('table',this)"><input   type="button"   value="NO.4"   name="B6"   onclick="kkk('table',this)"></p>Top

3 楼wlszl()回复于 2006-03-03 16:19:44 得分 0

不能用rowIndex,估计<object></object>不支持Top

4 楼wlszl()回复于 2006-03-03 16:31:28 得分 0

hbhbhbhbhb1021(天外水火(我要多努力))   的代码按纽可以用了,可是点击表格又出错了Top

5 楼hbhbhbhbhb1021(天外水火(我要多努力))回复于 2006-03-03 16:38:03 得分 0

<table   id="table"   border="1">  
  <tbody   name="table5">  
  <tr   id="rr1"><td   onclick="kkk('table')">No.1</td></tr>  
  <tr   id="rr2"><td   onclick="kkk('table')">No.2</td></tr>  
  <tr   id="rr3"><td   onclick="kkk('table')">No.3</td></tr>  
  <tr   id="rr4"><td   onclick="kkk('table')">No.4</td></tr>  
  </tbody>  
  </table>  
  <script   type="text/javascript">  
  function   kkk(tab)  
  {  
  var   obj=document.getElementById(tab).firstChild;  
  if(event.srcElement.tagName=="INPUT")  
  {  
  var   objButton=arguments[1];  
  var   currentTR=document.getElementById("rr"+objButton.value.substr(3));  
  }  
  else  
  {  
  var   currentTR=event.srcElement.parentNode;  
  }  
  var   temp=currentTR.cloneNode(true);  
  currentTR.removeNode(true);  
  obj.insertBefore(temp,obj.firstChild);  
  }  
  </script>  
  <p><input   type="button"   value="NO.1"   name="B3"   onclick="kkk('table',this)"><input   type="button"   value="NO.2"   name="B4"   onclick="kkk('table',this)"><input   type="button"   value="NO.3"   name="B5"   onclick="kkk('table',this)"><input   type="button"   value="NO.4"   name="B6"   onclick="kkk('table',this)"></p>Top

6 楼wlszl()回复于 2006-03-03 16:43:25 得分 0

我直接用下面的代码来调用该怎么改呢?     非常感谢hbhbhbhbhb1021(天外水火(我要多努力))   ,这是最后的问题了  
   
  <script>  
  kkk('table');  
  </script>Top

7 楼wlszl()回复于 2006-03-03 16:47:01 得分 0

比如把第三行升为第一行  
   
  <script>  
  kkk('table',rr3);  
  </script>  
   
  ???Top

8 楼wlszl()回复于 2006-03-03 16:49:58 得分 0

自己改好了,结帐!Top

相关问题

  • 怎样在Frontpage表格中排序
  • 求救:表格排序脚本
  • 关于JAVASCRIPT的表格排序问题!
  • 改变表格样式(CSS)
  • emu常用工具之一:表格排序脚本
  • 关于WEB表格排序的问题(求教高手)
  • 如何按照数字的升序对表格进行排序
  • 如何在excel表格中按照IP地址排序
  • 怎样在客户端将表格排序
  • 可不可以让表格的行进行排序。

关键词

  • 表格
  • 代码
  • rowindex
  • 点击
  • tr

得分解答快速导航

  • 帖主:wlszl
  • hbhbhbhbhb1021

相关链接

  • Web开发类图书

广告也精彩

反馈

请通过下述方式给我们反馈
反馈
提问
网站简介|广告服务|VIP资费标准|银行汇款帐号|网站地图|帮助|联系方式|诚聘英才|English|问题报告
北京创新乐知广告有限公司 版权所有, 京 ICP 证 070598 号
世纪乐知(北京)网络技术有限公司 提供技术支持
Copyright © 2000-2008, CSDN.NET, All Rights Reserved
GongshangLogo