javascript能实现如下功能吗？

一个很笨的方法var objRows = 表格.rows;
for (i = 0; i < objRows.length; i++) {
    var tmp = objRows[i].cols[c1].innerText;
    objRows[i].cols[c1].innerText = objRows[i].cols[c2].innerText;
    objRows[i].cols[c2].innerText = tmp;
}

<html>
<head>
<title>常用链接管理</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<link rel="stylesheet" href="../putong_1t.css">
<script ID="clientEventHandlersVBS" LANGUAGE="vbscript">

</script>
<script language="javascript">
var titleRows=1;
var lnkArr=new Array();

lnkArr[0]=new lnksrt(1,0);
lnkArr[1]=new lnksrt(8,1);
lnkArr[2]=new lnksrt(7,2);
lnkArr[3]=new lnksrt(2,3);
lnkArr[4]=new lnksrt(3,4);
lnkArr[5]=new lnksrt(10,5);
lnkArr[6]=new lnksrt(6,6);
lnkArr[7]=new lnksrt(11,7);
lnkArr[8]=new lnksrt(4,8);
lnkArr[9]=new lnksrt(9,9);
lnkArr[10]=new lnksrt(5,10);

function lnksrt(lnkID,sortID)
{
this.lnkID=lnkID;
this.sortID=sortID;
return this;
}
function showmeinfo(who)
{
for( o in who)
{
if(!window.confirm(o + "=" + who[o] ))
break;
}
}
function Point(left,top,width,height)
{
this.left=left;
this.top=top;
this.width=width;
this.height=height;
return this;
}

function getAbsPos(obj)
{
var top,left,width,height,e=obj;
width=obj.clientWidth;
height=obj.clientHeight;
top=obj.offsetTop;
left=obj.offsetLeft;
while(e=e.offsetParent)
{
top+=e.offsetTop;
left+=e.offsetLeft;
}

var pt=new Point(left,top,width,height);
return pt;
}

function OnDropBegin()
{
event.cancelBubble=true;
if(event.button==1)
{
var otr=getTrObj();
with(otr)
{
var odiv=getdropshowobj();
if(tagName.toLowerCase()=="tr")
{
var otb=otr;
while(otb.tagName.toLowerCase()!="tbody")
{
if(!(otb=otb.parentElement))
break;
}

odiv.tbody=otb;
odiv.bgnTr=otr;
odiv.srcIndex=rowIndex;
odiv.desIndex="";
setdropshowHTML();
//alert(odiv.srcIndex);
}
}
}
}

function OnDroping()
{
var odiv=getdropshowobj();
if(event.button==1)
{
// alert(odiv.bgnTr);
if("null"==odiv.bgnTr)
return;
// alert("error");

if(odiv.srcIndex!="")
{
var otr=getTrObj();
if(otr.tagName.toLowerCase()=="tr")
{
var mouseY=event.screenY;
var pos=getAbsPos(otr);
setdropshowpos(pos);
odiv.desIndex=otr.rowIndex;
odiv.endTr=otr;
}
}
}
else if("null"!=odiv.bgnTr)
{
odiv.bgnTr="null";
}
} function getTrObj()
{
var otr=event.srcElement;
while(otr.tagName.toLowerCase()!="tr")
{
if(!(otr=otr.parentElement))
return null;

}
return otr;
}

function OnDropEnd()
{
//alert("ondropend");
event.cancelBubble=true;
if(event.button!=1)
return;
odiv=getdropshowobj();
setdropshowpos(null);
if(odiv.bgnTr=="null")
return;
var otr=odiv.endTr;
if(otr!="null")
{
with(otr)
{
if(tagName.toLowerCase()=="tr")
{
var objTable=odiv.tbody;
var srcIndex=parseInt(odiv.srcIndex);
var desIndex=parseInt(odiv.desIndex);
//这里不能让它直接移动最后一行
if(desIndex==objTable.rows.length)
{
desIndex--;
}
if(desIndex!=srcIndex)
{
var i;
var oldLnk=lnkArr[srcIndex-titleRows];
if(srcIndex>desIndex)
{

for(i=srcIndex;i>desIndex;i--)
{
//alert("moveRow("+i.toString()+","+(i+1)+")");
objTable.moveRow(i-titleRows,i-1-titleRows);
lnkArr[i-titleRows]=lnkArr[i-1-titleRows];
}
}
else //srcIndex<desIndex
{
for(i=srcIndex;i<desIndex;i++)
{
//alert("moveRow("+i.toString()+","+(i+1)+")");
objTable.moveRow(i-titleRows,i+1-titleRows);
lnkArr[i-titleRows]=lnkArr[i+1-titleRows];
}
}

lnkArr[desIndex-titleRows]=oldLnk;
//激活按钮
document.all["XX_SAVE"].style.display="";
/* 建明,这里这想用 insertRow 和 deleteRow 来实现,就可以在 IE4 下运行了!
if(srcIndex>desIndex)
{ //这里可以先添加一个,再删除
var newRow=objTable.insertRow(desIndex);
newRow.innerHTML=
}
alert("do delete RowIndex:"+srcIndex.toString());
objTable.deleteRow(srcIndex);
alert("do addbefore RowIndex:"+desIndex.toString());
*/
}
}
odiv.srcIndex="";
odiv.desIndex="";
odiv.tbody="null";
odiv.bgnTr="null";
odiv.endTr="null";
}
}

}

function getdropshowobj()
{
return document.all["dropshow"];
}

function setdropshowpos(pos)
{
if(pos)
{
var odiv=getdropshowobj();
with(odiv.style)
{
position="absolute";
top=pos.top;
left=pos.left;
width=pos.width;
height=pos.height;
backgroundColor="#dddddd";
display="";
}
}
else
{
var odiv=getdropshowobj();
odiv.style.display="none";
}
}

function setdropshowHTML(strHTML)
{
var odiv=getdropshowobj();
if(odiv.bgnTr!="null")
{ //height=100%
odiv.innerHTML="<table class=tableframe width='99%' align='center'>" + odiv.bgnTr.outerHTML + "</table>"
}
}

function DoSaveLinkSort()
{
var paramstring="";
for(olnk in lnkArr)
{
paramstring+=lnkArr[olnk].lnkID.toString() + ",";
}

document.all["srtID"].value=paramstring;

//alert(paramstring);
//alert(SeqForm.action);
SeqForm.submit();
} </script>
</head>
<body>
<div desIndex=0 srcIndex=0 bgnTr="null" tbody="null" endTr="null" id="dropshow" STYLE="position:absolute;top:0px;display:none" onmouseup="OnDropEnd()" onselectstart="self.event.returnValue=false"></div>

<form id="SeqForm" name="SeqForm" action="SaveLnkSrt.asp" target="_self" method="POST">
<input type="hidden" vlaue="" name="srcEle" id="srcEle">
<input type="hidden" vlaue="" name="desEle" id="desEle">
<input type="hidden" vlaue="" name="reurl" id="reurl">
<input type="hidden" vlaue="" name="srtID" id="srtID">
</form>
<div class="TitleBar">常用链接管理</div><table width=98% class=tabletoolbar border=0 cellspacing="1" cellpadding="0" align=center>
<form NAME="formdel" METHOD="post" ACTION="xsdzzzlb_wh.asp">
<input TYPE="hidden" NAME="delinfo">
</form>
<tr valign=center><td align=left>
<div class="TableTitleText">常用链接列表 (上下拖拽某列可以实现排序)</div>
</td>
<form NAME="formXW">
<td align=right valign=bottom>
<input type="button" style="display:none" class="button" onclick="javascript:DoSaveLinkSort()" value="保存排序" id="XX_SAVE" name="XX_SAVE">
<input type="button" class="button" onclick="javascript:location.href='bjdzzz.asp?xh='" value="增加" id="XX_ADD" name="XX_ADD">
<input type="button" class="button" onclick="VBscript:DoDelete()" value="删除" id="XX_DEL" name="XX_DEL">
</td></tr>
</table><table class="tableframe" width="98%" align=center>
<tr class=listtitle>
<td class="listcelltitle" nowrap width="5%"><p>序号</p></td>
<td class="listcelltitle" nowrap width="45%"><p>链接名称</p></td>
<td class="listcelltitle" nowrap width="50%"><p>链接路径</p></td>
</tr>
<tBody id="databody" onmousedown="OnDropBegin()" onmouseup="OnDropEnd()"  onselectstart="self.event.returnValue=false" onmousemove="OnDroping()">
<TR class=listrow1><TD class='listcellrow' nowrap width='5%'>
<input TYPE='checkbox' NAME='chbox' VALUE=1>1
</td>
<TD align=left class='listcellrow' nowrap width='45%'>
<A href='bjdzzz.asp?xh=1'>
<p> 中国电信内部网站</p></A>
</TD>
<TD nowrap class='listcellrow' width='50%'>
<p> <a href='http://xxxxxxx.cn' target=_blank>http://xxxxxxx.cn<A></p>
</TD><TR class=listrow1><TD class='listcellrow' nowrap width='5%'>
<input TYPE='checkbox' NAME='chbox' VALUE=8>2
</td>
<TD align=left class='listcellrow' nowrap width='45%'>
<A href='bjdzzz.asp?xh=8'>
<p> 河北电信经营报表系统</p></A>
</TD>
<TD nowrap class='listcellrow' width='50%'>
<p> <a href='http://rpt.hb.ctnt.com' target=_blank>http://rpt.hb.ctnt.com<A></p>
</TD><TR class=listrow1><TD class='listcellrow' nowrap width='5%'>
<input TYPE='checkbox' NAME='chbox' VALUE=7>3
</td>
<TD align=left class='listcellrow' nowrap width='45%'>
<A href='bjdzzz.asp?xh=7'>
<p> 河北电信ｏａ</p></A>
</TD>
<TD nowrap class='listcellrow' width='50%'>
<p> <a href='http://oa.hb.ctnt.com' target=_blank>http://oa.hb.ctnt.com<A></p>
</TD><TR class=listrow1><TD class='listcellrow' nowrap width='5%'>
<input TYPE='checkbox' NAME='chbox' VALUE=2>4
</td>
<TD align=left class='listcellrow' nowrap width='45%'>
<A href='bjdzzz.asp?xh=2'>
<p> 河北电信网站</p></A>
</TD>
<TD nowrap class='listcellrow' width='50%'>
<p> <a href='http://xxxxxxx' target=_blank>http://xxxxxxx<A></p>
</TD><TR class=listrow1><TD class='listcellrow' nowrap width='5%'>
<input TYPE='checkbox' NAME='chbox' VALUE=3>5
</td>
<TD align=left class='listcellrow' nowrap width='45%'>
<A href='bjdzzz.asp?xh=3'>
<p> 互联星空……河北站</p></A>
</TD>
<TD nowrap class='listcellrow' width='50%'>
<p> <a href='http://www.hevnet.cn' target=_blank>http://www.hevnet.cn<A></p>
</TD><TR class=listrow1><TD class='listcellrow' nowrap width='5%'>
<input TYPE='checkbox' NAME='chbox' VALUE=10>6
</td>
<TD align=left class='listcellrow' nowrap width='45%'>
<A href='bjdzzz.asp?xh=10'>
<p> 综合客服系统</p></A>
</TD>
<TD nowrap class='listcellrow' width='50%'>
<p> <a href='http://xxx.xxx.xxx.xxx' target=_blank>http://xxx.xxx.xxx.xxx<A></p>
</TD><TR class=listrow1><TD class='listcellrow' nowrap width='5%'>
<input TYPE='checkbox' NAME='chbox' VALUE=6>7
</td>
<TD align=left class='listcellrow' nowrap width='45%'>
<A href='bjdzzz.asp?xh=6'>
<p> 河北铁通</p></A>
</TD>
<TD nowrap class='listcellrow' width='50%'>
<p> <a href='http://xxxxxxx' target=_blank>http://xxxxxxx<A></p>
</TD><TR class=listrow1><TD class='listcellrow' nowrap width='5%'>
<input TYPE='checkbox' NAME='chbox' VALUE=11>8
</td>
<TD align=left class='listcellrow' nowrap width='45%'>
<A href='bjdzzz.asp?xh=11'>
<p> 河北XX管理系统</p></A>
</TD>
<TD nowrap class='listcellrow' width='50%'>
<p> <a href='http://xxx.xxx.xxx.xxx:2060' target=_blank>http://xxx.xxx.xxx.xxx:2060<A></p>
</TD><TR class=listrow1><TD class='listcellrow' nowrap width='5%'>
<input TYPE='checkbox' NAME='chbox' VALUE=4>9
</td>
<TD align=left class='listcellrow' nowrap width='45%'>
<A href='bjdzzz.asp?xh=4'>
<p> XXXX</p></A>
</TD>
<TD nowrap class='listcellrow' width='50%'>
<p> <a href='http://xxxxxxx' target=_blank>http://xxxxxxx<A></p>
</TD><TR class=listrow1><TD class='listcellrow' nowrap width='5%'>
<input TYPE='checkbox' NAME='chbox' VALUE=9>10
</td>
<TD align=left class='listcellrow' nowrap width='45%'>
<A href='bjdzzz.asp?xh=9'>
<p> XXXX网上营业厅</p></A>
</TD>
<TD nowrap class='listcellrow' width='50%'>
<p> <a href='http://xxxxxxx.cn' target=_blank>http://xxxxxxx.cn<A></p>
</TD><TR class=listrow1><TD class='listcellrow' nowrap width='5%'>
<input TYPE='checkbox' NAME='chbox' VALUE=5>11
</td>
<TD align=left class='listcellrow' nowrap width='45%'>
<A href='bjdzzz.asp?xh=5'>
<p> XX联通</p></A>
</TD>
<TD nowrap class='listcellrow' width='50%'>
<p> <a href='http://www.hesj.cnuninet.com' target=_blank>http://www.net.com<A></p>
</TD>
</tBody>
<tr><td class=listtail colspan=3 height=10></td></tr>
</table>
</form>
</body>
</html>

还得分两贴,大家给看看,如果有建议 :[email protected]

http://community.csdn.net/Expert/topic/3189/3189459.xml?temp=.4264185

http://dotnet.aspx.cc/Exam/UltraGrid/UltraGrid.aspx

TO:孟子E章
这个地址中的内容是用javascript做的吗？我感觉像是用.net做的

调试易

javascript能实现如下功能吗？

解决方案 »