用鼠标拖动表格进行排序.
来源:互联网 发布:阿里云开发框架 编辑:程序博客网 时间:2024/05/01 07:34
用鼠标拖动表格进行排序.
<script language="javascript">
var beginMoving=false;
function MouseDownToMove(obj){
obj.style.zIndex=1;
obj.mouseDownY=event.clientY;
obj.mouseDownX=event.clientX;
beginMoving=true;
obj.setCapture();
}
function MouseMoveToMove(obj){
if(!beginMoving) return false;
obj.style.top = (event.clientY-obj.mouseDownY);
obj.style.left = (event.clientX-obj.mouseDownX);
}
function MouseUpToMove(obj){
if(!beginMoving) return false;
obj.releaseCapture();
obj.style.top=0;
obj.style.left=0;
obj.style.zIndex=0;
beginMoving=false;
var tempTop=event.clientY-obj.mouseDownY;
var tempRowIndex=(tempTop-tempTop%25)/25;
if(tempRowIndex+obj.rowIndex <0 )tempRowIndex=-1;
else tempRowIndex=tempRowIndex+obj.rowIndex;
if(tempRowIndex >= obj.parentElement.rows.length-1) tempRowIndex = obj.parentElement.rows.length-1;
obj.parentElement.moveRow(obj.rowIndex,tempRowIndex);
}
</script>
用鼠标拖动表格进行排序<br>
用鼠标移动TR<br>
<TABLE WIDTH="300" BORDER="1" >
<TR bgcolor=#ffffff style='height:25;position:relative;' onmousedown='MouseDownToMove(this)' onmousemove='MouseMoveToMove(this)' onmouseup='MouseUpToMove(this);'><TD bgcolor=blue>0</TD><TD>0</TD><TD>0</TD></TR>
<TR bgcolor=#ffffff style='height:25;position:relative;' onmousedown='MouseDownToMove(this)' onmousemove='MouseMoveToMove(this)' onmouseup='MouseUpToMove(this);'><TD bgcolor=black>1</TD><TD>1</TD><TD>1</TD></TR>
<TR bgcolor=#ffffff style='height:25;position:relative;' onmousedown='MouseDownToMove(this)' onmousemove='MouseMoveToMove(this)' onmouseup='MouseUpToMove(this);'><TD bgcolor=red>2</TD><TD>2</TD><TD>2</TD></TR>
<TR bgcolor=#ffffff style='height:25;position:relative;' onmousedown='MouseDownToMove(this)' onmousemove='MouseMoveToMove(this)' onmouseup='MouseUpToMove(this);'><TD>3</TD><TD>3</TD><TD>3</TD></TR>
<TR bgcolor=#ffffff style='height:25;position:relative;' onmousedown='MouseDownToMove(this)' onmousemove='MouseMoveToMove(this)' onmouseup='MouseUpToMove(this);'><TD>4</TD><TD>4</TD><TD>4</TD></TR>
<TR bgcolor=#ffffff style='height:25;position:relative;' onmousedown='MouseDownToMove(this)' onmousemove='MouseMoveToMove(this)' onmouseup='MouseUpToMove(this);'><TD>5</TD><TD>5</TD><TD>5</TD></TR>
<TR bgcolor=#ffffff style='height:25;position:relative;' onmousedown='MouseDownToMove(this)' onmousemove='MouseMoveToMove(this)' onmouseup='MouseUpToMove(this);'><TD>6</TD><TD>6</TD><TD>6</TD></TR>
<TR bgcolor=#ffffff style='height:25;position:relative;' onmousedown='MouseDownToMove(this)' onmousemove='MouseMoveToMove(this)' onmouseup='MouseUpToMove(this);'><TD>7</TD><TD>7</TD><TD>7</TD></TR>
</script>
</TABLE>
- 用鼠标拖动表格进行排序.
- 用鼠标拖动表格进行排序
- 鼠标拖动表格进行排序
- 用鼠标拖动表格的行进行数据排序
- 可以用鼠标拖动的表格
- 表格列宽鼠标拖动
- 鼠标拖动改变表格宽度
- 表格列宽鼠标拖动
- 鼠标拖动改变表格大小
- js表格拖动排序
- 表格拖动排序jquery-ui
- 表格列拖动及排序
- React可拖动排序表格
- 用鼠标拖动图片
- 用sorttable.js对表格进行排序
- 原创鼠标拖动实现DIV排序
- table鼠标移动拖动点击排序
- jquery 鼠标拖动排序Li或Table
- 学Socket笔记
- 定义接口和抽象类
- Struts + Velocity的集成
- JS写的cookie类
- 有空研究一下,^_^
- 用鼠标拖动表格进行排序.
- POI读写Excel文件
- 有害食物的“解药”
- vbs(asp)的栈类
- 线性表
- 母校情怀--福建煤炭工业学校
- 在ASP中判断SQL语句是否执行成功
- 一分钟学会使用修复的stl库摆脱MSVCP60.dll
- linux安装配置jdk1.5、tomcat5.5、eclipse3.2详解