try something like this:<script language="javascript">
var dragElement;
function document.ondragstart()
{
if (event.srcElement.tagName == "TD")
{
dragElement = event.srcElement.parentElement;
}
}function document.ondragend()
{
dragElement = null;
}function ProcessDrop()
{
if ( dragElement != null && event.srcElement.tagName == "TD" )
{
var objRow = event.srcElement.parentElement;
var newRow = objRow.parentElement.insertRow(objRow.rowIndex);
for (var i=0; i < dragElement.cells.length; i++)
{
var cell = newRow.insertCell();
cell.innerHTML = dragElement.cells[i].innerHTML;
} dragElement.parentElement.deleteRow(dragElement.rowIndex);
dragElement = null;
}
}
</script>
table 1:
<table border="1" cellspacing="0" cellpadding="0">
<tr><td>hello world1</td><td>beijing china</td></tr>
<tr><td>hello world2</td><td>beijing china</td></tr>
</table>table 2:
<table border="1" cellspacing="0" cellpadding="0" ondrop="ProcessDrop();" ondragenter="window.event.returnValue = false" ondragover="window.event.returnValue = false">
<tr><td>11111111111</td><td>b2222222</td></tr>
<tr><td>3333333333333</td><td>b2222222</td></tr>
<tr><td>44444444444</td><td>b2222222</td></tr>
<tr><td>555555555555</td><td>b2222222</td></tr>
</table>
var dragElement;
function document.ondragstart()
{
if (event.srcElement.tagName == "TD")
{
dragElement = event.srcElement.parentElement;
}
}function document.ondragend()
{
dragElement = null;
}function ProcessDrop()
{
if ( dragElement != null && event.srcElement.tagName == "TD" )
{
var objRow = event.srcElement.parentElement;
var newRow = objRow.parentElement.insertRow(objRow.rowIndex);
for (var i=0; i < dragElement.cells.length; i++)
{
var cell = newRow.insertCell();
cell.innerHTML = dragElement.cells[i].innerHTML;
} dragElement.parentElement.deleteRow(dragElement.rowIndex);
dragElement = null;
}
}
</script>
table 1:
<table border="1" cellspacing="0" cellpadding="0">
<tr><td>hello world1</td><td>beijing china</td></tr>
<tr><td>hello world2</td><td>beijing china</td></tr>
</table>table 2:
<table border="1" cellspacing="0" cellpadding="0" ondrop="ProcessDrop();" ondragenter="window.event.returnValue = false" ondragover="window.event.returnValue = false">
<tr><td>11111111111</td><td>b2222222</td></tr>
<tr><td>3333333333333</td><td>b2222222</td></tr>
<tr><td>44444444444</td><td>b2222222</td></tr>
<tr><td>555555555555</td><td>b2222222</td></tr>
</table>
解决方案 »
- js能不能实现这种效果:点击超级链接(链接内容是文本文件),不在浏览器中打开,而是弹出保存对话框
- 求高手帮我解密下呀,解了几天都不行,第一个帮我解100块,小弟一点心心意
- extjs自带的form的验证,可以自定义验证的函数吗?
- 求一个在线编辑器的小功能 原理!
- 有什么办法可以获取客户端的分辨率?
- 怎么实现通过选择radiobutton显示与隐藏相应内容
- javascript中调用函数的参数问题?
- 有没有什么好的工具可以检测JAVASCRIPT在不同的阅览器中的效果
- jquery 获取Web service的值疑问
- 关于ajaxFileUpload中dataType的问题
- 这是怎么回事?用过iframe的叶面中,"后退"不好使了!只能按"backspace"!
- 怎样得知用户下载某个文件到本地的保存路径?(通过IE下载)
终于使用了一个笨方法,就是每行都加一个小图来进行拖放,也不需要选择文本了