社区
JavaScript
帖子详情
怎样用拖动方法实现交换TABLE中CELL的内容。
killerdanny
2004-11-02 12:30:45
请不要举POWERTABLE的例子。那个例子太复杂了!
我想看看最简单的代码!
...全文
171
5
打赏
收藏
怎样用拖动方法实现交换TABLE中CELL的内容。
请不要举POWERTABLE的例子。那个例子太复杂了! 我想看看最简单的代码!
复制链接
扫一扫
分享
转发到动态
举报
AI
作业
写回复
配置赞助广告
用AI写文章
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就是最简单的
table
的td整列
拖动
交换
以及重新排列位置
本文将详细讲解如何
实现
“
table
的td整列
拖动
交换
以及重新排列位置”的JavaScript技术,帮助你为用户提供更加直观、便捷的操作体验。 首先,我们需要了解HTML
中
的`<
table
>`元素,它由`<tr>`(行)和`<td>`(单元格)...
利用长按手势移动
Table
View
Cell
s
本教程将深入讲解如何利用长按手势(UILongPressGestureRecognizer)来
实现
Table
View
Cell
s的移动功能,使用户可以通过长按并
拖动
来调整
Cell
的顺序。 首先,我们需要引入相关的框架,如UIKit,特别是UI
Table
View和...
table
View move
例如,确保单元格上的子视图在
拖动
过程
中
正确显示,可能需要调整约束或者在
cell
的`layoutSubviews()`
中
做相应的更新。 4. **手势处理**:虽然
Table
View默认提供了行的
拖动
功能,但如果自定义单元格
中
有其他手势(如...
js 表格拖拽效果实例代码 (IE only)
在JavaScript
中
实现
表格拖拽效果,特别是在IE浏览器
中
,是一种增强用户交互体验的
方法
。这个实例代码专注于在Internet Explorer
中
实现
拖动
表格列并
交换
它们的功能。以下是对代码的详细解释和扩展: 首先,我们需要...
yeap-time
table
`和`display:
table
-
cell
;`将非表格元素模拟成表格布局,或者用CSS Grid或Flexbox创建更复杂的时间表布局。 4. **JavaScript交互**:静态的时间表可能只满足基本需求,但为了增加用户互动,如拖放事件、滚动加载、...
JavaScript
87,996
社区成员
224,708
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章