上下移动的tr - 达人(缺缺)

2004/08/18 | 上下移动的tr
类别(JScript) | 评论(1) | 阅读(220) | 发表于 09:41: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title></title> <style> td{ font-size:12px; } </style> <script> var currobj,currindex=-1; function showindex(){ if(currobj != null && currobj.tagName == "TR") currobj.bgColor="#eeeeee"; currobj = event.srcElement.parentElement; if(currobj.tagName == "TR") { currobj.bgColor=="#eeeeee"?currobj.bgColor="#fefefe":currobj.bgColor="#eeeeee"; currindex = currobj.rowIndex; } } function movetr(){ if(currindex==-1) {alert("请先选择");return;} if(event.srcElement.name=="b1" && currindex>0){ mytable.moveRow(currindex,currindex-1); currindex-=1; } if(event.srcElement.name=="b2" && currindex<4){ mytable.moveRow(currindex,currindex+1); currindex+=1; } } </script> </head> <body style="overflow:auto"> <table width="80%" height="100%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="center"><table width="90%" border="0" cellpadding="4" cellspacing="1" bgcolor="#333333" onclick="showindex()" id="mytable"> <tr bgcolor="#eeeeee"> <td>1</td> <td> </td> <td> </td> </tr> <tr bgcolor="#eeeeee"> <td>2</td> <td> </td> <td> </td> </tr> <tr bgcolor="#eeeeee"> <td>3</td> <td> </td> <td> </td> </tr> <tr bgcolor="#eeeeee"> <td>4</td> <td> </td> <td> </td> </tr> <tr bgcolor="#eeeeee"> <td>5</td> <td> </td> <td> </td> </tr> </table></td> <td width="1"><input type="button" name="b1" value="↑" onClick="movetr()"><br><input type="button" name="b2" value="↓" onClick="movetr()"></td> </tr> </table> </body> </html>
[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]; 0

http://allinhands.5d.cn/

评论Comments