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

killerdanny 2004-11-02 12:30:45
请不要举POWERTABLE的例子。那个例子太复杂了!
我想看看最简单的代码!
...全文
156 5 打赏 收藏 举报
写回复
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
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
  • 打赏
  • 举报
回复
谢谢。拖动的问题没有解决?
fason 2004-11-03
  • 打赏
  • 举报
回复
function swap(a,b){
var s=b.innerHTML;
b.innerHTML=a.innerHTML;
a.innerHTML=s;
}
killerdanny 2004-11-03
  • 打赏
  • 举报
回复
upup
是是非非 2004-11-02
  • 打赏
  • 举报
回复
没有了
PwoerTable就是最简单的
相关推荐
发帖
JavaScript

8.7w+

社区成员

Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
帖子事件
创建了帖子
2004-11-02 12:30
社区公告
暂无公告