怎样用拖动方法实现交换TABLE中CELL的内容。

killerdanny 2004-11-02 12:30:45

请不要举POWERTABLE的例子。那个例子太复杂了！
我想看看最简单的代码！

...全文

154 5 打赏收藏举报

写回复

5 条回复

切换为时间正序

当前发帖距今超过3年，不再开放新的回复

发表回复

yjgx007 2004-11-03

打赏
举报

IE5.5+以上测试通过:
<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<TITLE></TITLE>
</HEAD>
<BODY>

<table border=1 width=500>
<tr>
<td>11</td>
<td>12</td>
<td>13</td>
</tr>
<td>21</td>
<td>22</td>
<td>23</td>
<tr>
</tr>
<td>31</td>
<td>32</td>
<td>33</td>
<tr>
</tr>
</table>

</BODY>
</HTML>
<script>
function swap(a,b){
var s=b.innerHTML;
b.innerHTML=a.innerHTML;
a.innerHTML=s;
}

function getCell() {
var oCell = event.srcElement;
if (oCell.tagName && oCell.tagName.toUpperCase() == "TD")
return oCell;

return null;
}

var bToggle = false;
var oCellCur = null;
var oCellNew = null;
document.onmousedown = function () {
oCellCur = getCell();
if (!oCellCur)
return;

bToggle = true;
oCellCur.setCapture();
}

document.onmousemove = function () {
if (bToggle)
{

}
}

document.onmouseup = function () {
bToggle = false;
if (oCellCur)
oCellCur.releaseCapture();

oCellNew = getCell();
if (!oCellNew || !oCellCur || oCellNew == oCellCur)
return;

swap(oCellCur, oCellNew);
}
</script>

killerdanny 2004-11-03