javascript 实现DIV上移下移

<html><metahttp-equiv="content-type"content="text/html;charset=gb2312"/><head><script... <html>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<head>
<script language="JavaScript" type="text/javascript">
function get(obj) {
var obj = document.getElementById("qx").value;
var obj = obj.split('\n');
var i = 0;
var arr_all = new Array();
var exists = document.getElementById('a').childNodes;
for (var j=0; j< exists.length; j++) {
if (exists[j].nodeName == 'DIV') {
var exist_url = exists[j].firstChild.nextSibling.value;
var exist_name = exists[j].lastChild.previousSibling.innerHTML;
var exist = exist_url + '|' + exist_name;
arr_all.push(exist, arr_all);
}
}
for (i = 0;i < obj.length; i++) {
obj[i] = trim(obj[i]);
if (obj[i] == '') {
continue;
}
if (in_array(obj[i], arr_all)) {
continue;
}
arr_all.push(obj[i]);
var name = obj[i].split("|")[1]
var url = obj[i].split("|")[0]
var iht = '';
iht += '<div><span>上移</span><span>下移</span><input size=80 value='+url+' /><span>'+name+'</span>';
iht +='<input type="button" value=" 删除 " class="inputbtn" onclick="deleteNum(this)" /></div><br>';
document.getElementById("a").innerHTML+=iht;
}
document.getElementById("qx").value="";
}
function deleteNum(obj) {
obj.parentNode.parentNode.removeChild(obj.parentNode.nextSibling);
obj.parentNode.parentNode.removeChild(obj.parentNode);

}
function trim(string) {
return string.replace(/(^\s*)|(\s*$)/g, "");
}
function in_array(stringToSearch, arrayToSearch) {
for (s = 0; s < arrayToSearch.length; s++) {
thisEntry = arrayToSearch[s].toString();
if (thisEntry == stringToSearch) {
return true;
}
}
return false;
}
</script>
</head>
<body>
<div id = "a" ></div>
<textarea name="fbaddress" cols="100" rows="5" id="qx">19880101|名字1
19880102|名字2

19880103|名字3
19880104|名字3</textarea>
<input type="button" name="Submit1" value=" 编号 " onclick="get()" class="inputbtn" /><br>
在保证别的功能不变的情况下实现上移下移
</body>
</html> 展开

 我来答

2个回答

#热议# 不吃早饭真的会得胆结石吗？

乌微月2S
2010-12-20 · TA获得超过5037个赞

知道大有可为答主

回答量：5361

采纳率：42%

帮助的人：2899万

我也去答题访问个人页

关注

展开全部

<html>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<head>
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script language="JavaScript" type="text/javascript">
function get(obj) {
    var obj = document.getElementById("qx").value;
    var obj = obj.split('\n');
    var i = 0;
    var arr_all = new Array();
 var exists = document.getElementById('a').childNodes;
    for (var j=0; j< exists.length; j++) {
        if (exists[j].nodeName == 'DIV') {
            var exist_url = exists[j].firstChild.nextSibling.value;
            var exist_name = exists[j].lastChild.previousSibling.innerHTML;
            var exist = exist_url + '|' + exist_name;
            arr_all.push(exist, arr_all);
        }
    }
    for (i = 0;i < obj.length; i++) {
        obj[i] = trim(obj[i]);
        if (obj[i] == '') {
            continue;
        }
        if (in_array(obj[i], arr_all)) {
            continue;
        }
        arr_all.push(obj[i]);
        var name  = obj[i].split("|")[1]
        var url  = obj[i].split("|")[0]
        var iht = '';
        iht += '<div><span>上移</span><span>下移</span><input  size=80 value='+url+' /><span>'+name+'</span>';
        iht +='<input type="button"  value=" 删除 " class="inputbtn" onclick="deleteNum(this)" /></div><br>';
        document.getElementById("a").innerHTML+=iht;
    }
    document.getElementById("qx").value="";
}
function deleteNum(obj) {
obj.parentNode.parentNode.removeChild(obj.parentNode.nextSibling);
   obj.parentNode.parentNode.removeChild(obj.parentNode);

}
function trim(string) {
    return string.replace(/(^\s*)|(\s*$)/g, "");
}
function in_array(stringToSearch, arrayToSearch) {
    for (s = 0; s < arrayToSearch.length; s++) {
        thisEntry = arrayToSearch[s].toString();
        if (thisEntry == stringToSearch) {
            return true;
        }
    }
    return false;
}
$(document).ready(function() {
    //$("div[name=spanFor]").draggable();
     $("#a").draggable({axis:'y',grid:[0,20],containment:'parent'});
  });
</script>
</head>
<body>
<div id = "a" ></div>
<textarea name="fbaddress" cols="100" rows="5" id="qx">19880101|名字1
19880102|名字2

19880103|名字3
19880104|名字3</textarea>
<input type="button" name="Submit1" value=" 编号 " onclick="get()"  class="inputbtn" /><br>
在保证别的功能不变的情况下  实现上移下移
</body>
</html>


本回答被提问者和网友采纳






已赞过已踩过<

你对这个回答的评价是？
评论收起

xiehou_aj
2010-12-23 · 超过37用户采纳过TA的回答

知道小有建树答主

回答量：95

采纳率：100%

帮助的人：39.9万

我也去答题访问个人页

关注

展开全部

直接用JQUERY吧，里面有个函数能很简单的就实现你要的效果：$("#a").after($("input"))或者用before也行

已赞过 已踩过<

评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

javascript 实现DIV上移下移

其他类似问题

为你推荐：