请教各位一个 js 动态生成生成行后上下移行的问题 O(∩_∩)O谢谢

JavaAlpha 2009-09-09 08:39:20
动态生成行的input里面有个鼠标单击事件，我想上移或下移后事件跟随移动的行一起改变到移动的位置。
昨天研究了很长时间，思路都没有通过。谁给个好的方法呢 ？？O(∩_∩)O谢谢。别人贴的代码怎么都带个规矩的代码格式呢？我的怎么没有呢？

这个是上移行的代码：
//上移行
function upTableRow(rowNum)
{
if(parseInt(rowNum,10)==1)
{
alert("已经是第一行，不能执行上移操作！");
return;
}
var rowUp;//上一行临时对象
var rowDn;//下一行临时对象（要移动行）
var temp="";//临时变量
var rows = table1.rows;
var cells = rows[rowNum].cells;
//更改移动的上下两行值（更改行内容）
//类型
rowUp=eval("div_"+(parseInt(rowNum,10)-1));
rowDn=eval("div_"+rowNum);
temp=rowUp.innerHTML;
rowUp.innerHTML=rowDn.innerHTML;
rowDn.innerHTML=temp;

rowUp=eval("document.form1.type"+(parseInt(rowNum,10)-1));
rowDn=eval("document.form1.type"+rowNum);
temp=rowUp.value;
rowUp.value=rowDn.value;
rowDn.value=temp;
//内容
rowUp=eval("document.form1.input"+(parseInt(rowNum,10)-1));
rowDn=eval("document.form1.input"+rowNum);
temp=rowUp.value;
rowUp.value=rowDn.value;
rowDn.value=temp;
rowUp=document.creareElement("<input type='text' name='input"+(parseInt(rowNum,10)-1)+"' size='30' onclick='insertTest(\""+(parseInt(rowNum,10)-1)+"\",this)' readonly>");
//table1.rows[rowNum].cells[1].outerHTML="<td height='20' bgcolor='#FFFFFF' class='STYLE19'><input type='text' name='input"+(parseInt(rowNum,10)-1)+"' size='30' onclick='insertTest(\""+(parseInt(rowNum,10)-1)+"\",this)' readonly></td>";

//时间
rowUp=eval("document.form1.time"+(parseInt(rowNum,10)-1));
rowDn=eval("document.form1.time"+rowNum);
temp=rowUp.value;
rowUp.value=rowDn.value;
rowDn.value=temp;

//大小
rowUp=eval("document.form1.size"+(parseInt(rowNum,10)-1));
rowDn=eval("document.form1.size"+rowNum);
temp=rowUp.value;
rowUp.value=rowDn.value;
rowDn.value=temp;
}
...全文
92 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
JavaAlpha 2009-09-12
  • 打赏
  • 举报
 回复
解决了 谢谢 各位
BeenZ 2009-09-09
  • 打赏
  • 举报
 回复
忘记加下移动了


<html>

    <head>

        <meta http-equiv="content-type" content="text/html; charset=utf-8">

        <META http-equiv="Content-Style-Type" content="text/css">

        <script language="javascript">

            var id=1;

            function addInput(){

                var div=document.getElementById("inputDiv")

                var input="<div id=div"+id+"><input type=text >"+id+"<input type=button onclick=addInput() value=\"+\"><input id=a_"+id+" type=button value=\"上移\" onclick=gotop(this.id)><input id=b_"+id+" type=button value=\"下移\" onclick=gobtom(this.id)></br></div>"

                id++;

                div.innerHTML+=input;

            }

            function gotop(rid){

                if(rid=="a_0") return

                var div=document.getElementById("inputDiv");

                var divid=rid.split("_")[1];

                var deldiv=document.getElementById("div"+divid);

                var nextrow=parseInt(divid)-1;

                deldiv.childNodes[3].id="a_"+nextrow;

                var innerhtml=deldiv.innerHTML;

                var firstdiv=document.createElement("div");

                firstdiv.innerHTML=innerhtml;

                firstdiv.id="div"+nextrow;

                var nextdiv=document.getElementById("div"+nextrow);

                nextdiv.childNodes[3].id="a_"+divid;

                div.removeChild(deldiv);

                div.childNodes[nextrow].id="div"+divid;

                div.insertBefore(firstdiv,div.childNodes[nextrow]);

            }

            function gobtom(rid){

                var div=document.getElementById("inputDiv");

                var divid=rid.split("_")[1];

                divid=parseInt(divid)+1

                if(divid==id) return;

                var deldiv=document.getElementById("div"+divid);

                var nextrow=parseInt(divid)-1;

                deldiv.childNodes[4].id="b_"+nextrow;

                var innerhtml=deldiv.innerHTML;

                var firstdiv=document.createElement("div");

                firstdiv.innerHTML=innerhtml;

                firstdiv.id="div"+nextrow;

                var nextdiv=document.getElementById("div"+nextrow);

                nextdiv.childNodes[4].id="b_"+divid;

                div.removeChild(deldiv);

                div.childNodes[nextrow].id="div"+divid;

                div.insertBefore(firstdiv,div.childNodes[nextrow]);

            }

          

            window.onload=function(){

                 

            }

            



        </script>

    </head>

    <body>

        <div id="inputDiv"><div id=div0><input type="text" ID="Text1" NAME="Text1"/>0<input type="button" onclick="addInput()" value="+" ID="Button1" NAME="Button1"><input id=a_0 type=button value="上移" onclick=gotop(this.id) NAME=a_0><input id=b_0 type=button value="下移" onclick=gobtom(this.id) NAME="b_0"></br></div></div>

        <div></div>

    </body>

</html>
chinabh 2009-09-09
  • 打赏
  • 举报
 回复
JS控制表格行的移动：http://js.bhcode.net/javascript/20090909/121.html
BeenZ 2009-09-09
  • 打赏
  • 举报
 回复 


<html>

    <head>

        <meta http-equiv="content-type" content="text/html; charset=utf-8">

        <META http-equiv="Content-Style-Type" content="text/css">

        <script language="javascript">

            var id=1;

            function addInput(){

                var div=document.getElementById("inputDiv")

                var input="<div id=div"+id+"><input type=text >"+id+"<input type=button onclick=addInput() value=\"+\"><input id=a_"+id+" type=button value=\"上移\" onclick=gotop(this.id)><input id=b_"+id+" type=button value=\"下移\" onclick=gobtom(this.id)></br></div>"

                id++;

                div.innerHTML+=input;

            }

            function gotop(rid){

                if(rid=="a_0") return

                var div=document.getElementById("inputDiv");

                var divid=rid.split("_")[1];

                var deldiv=document.getElementById("div"+divid);

                var nextrow=parseInt(divid)-1;

                deldiv.childNodes[3].id="a_"+nextrow;

                var innerhtml=deldiv.innerHTML;

                var firstdiv=document.createElement("div");

                firstdiv.innerHTML=innerhtml;

                firstdiv.id="div"+nextrow;

                var nextdiv=document.getElementById("div"+nextrow);

                nextdiv.childNodes[3].id="a_"+divid;

                div.removeChild(deldiv);

                div.childNodes[nextrow].id="div"+divid;

                div.insertBefore(firstdiv,div.childNodes[nextrow]);

            }



            window.onload=function(){

                 

            }

            



        </script>

    </head>

    <body>

        <div id="inputDiv"><div id=div0><input type="text" ID="Text1" NAME="Text1"/>0<input type="button" onclick="addInput()" value="+" ID="Button1" NAME="Button1"><input id=a_0 type=button value="上移" onclick=gotop(this.id) NAME=a_0><input id=b_0 type=button value="下移" onclick=gobtom(this.id) NAME="b_0"></br></div></div>

        <div></div>

    </body>

</html>
sd5816690 2009-09-09
  • 打赏
  • 举报
 回复 
<table>

<tr>

	<td><input value="1" /></td>

	<td>

		<input type="button" style="width:30px;" value="∧" onclick="move(this, -1)" />

		<input type="button" style="width:30px;" value="∨" onclick="move(this, 2)" />

	</td>

</tr>

<tr>

	<td><input value="2" /></td>

	<td>

		<input type="button" style="width:30px;" value="∧" onclick="move(this, -1)" />

		<input type="button" style="width:30px;" value="∨" onclick="move(this, 2)" />

	</td>

</tr>

<tr>

	<td><input value="3" /></td>

	<td>

		<input type="button" style="width:30px;" value="∧" onclick="move(this, -1)" />

		<input type="button" style="width:30px;" value="∨" onclick="move(this, 2)" />

	</td>

</tr>

</table>



<script>

function move(input, step){

	var tr = input.parentNode.parentNode;

	var tbody = tr.parentNode;

	var table = tbody.parentNode;

	var index = tr.rowIndex + step;



	if(index < 0 || index > table.rows.length){

		alert("越界");

		return false;

	}else if(index == table.rows.length){

		tbody.appendChild(tr);

	}else{

		tbody.insertBefore(tr, table.rows[index]);

	}

}

</script>
在javascript中随机数 math random如何生成指定范围数值的随机数
今天有朋友向我请教：JavaScript 怎么生成指定范围数值随机数。Math.random() 这个方法相信大家都知道，是用来生成随机数的。不过一般的参考手册时却没有说明如何用这个方法来生成指定范围内的随机数。这次我就来...
asp.net知识库
ADO.NET 2.0 大批量数据操作和多个动态的结果集 ADO.NET 2.0 异步处理 在ASP.NET中使用WINDOWS验证方式连接SQL SERVER数据库 改进ADO.Net数据库访问方式 ASP.NET 2.0 绑定高级技巧 简单实用的DataSet更新数据库的类+...
一个牛人提供的GIS源码(很好)
压缩包中为源代码和生成的程序，同时还赠送了一个基于SF6的MAPX打包文件以及整个校园的地图文件，提供了开放环境中需要的插件支持文件(System目录下)，同时由于文件大小原因，删除了许多Img目录下的图片并且在数据库...
Nslove速递交友系统 v5.0
比较可以的程序 想请教大家一起研究 ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓ ┃ News Speed Love / 速递交友　┃ ┃ 程序版本：Nslove Version 5.0.0 ┃ ┃ 版权所有: 速递交友...
js 自动生成代码html,动态生成部分html代码：js生成 VS jstl标签生成
很多情况下，我们的项目都需要动态地生成部分的html代码，之前一直用jq生成，不断的append进去，但有一次被项目主管批评过，说用jq生成大量的html代码不好。而且，我个人感觉，这样做也是不好维护，毕竟维护html代码...
JavaScript

87,910

社区成员

224,616

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章