拖放

2013-10-26 114 views
-3

“你好。 我想创建拖放在表中删除。 我提出下面的代码。拖放

<html> 
<head> 
<style type="text/css"> 
#div1 {width:350px;height:70px;padding:10px;border:1px solid #aaaaaa;} 
</style> 
<script> 
function allowDrop(ev) { 
    ev.preventDefault(); 
} 

function drag(ev) { 
    ev.dataTransfer.setData("Text", ev.target.id); 
} 

function drop(ev) { 
    ev.preventDefault(); 
    var data = ev.dataTransfer.getData("Text"); 
    ev.target.appendChild(document.getElementById(data)); 
} 
</script> 
</head> 
<body> 

<table border="1" width="200px"> 
<tr> 
<td id="td0" ondrop="drop(event)" ondragover="allowDrop(event)">&nbsp;</td> 
<td id="Td1" ondrop="drop(event)" ondragover="allowDrop(event)">&nbsp;</td> 

</tr> 
< tr> 
<td id="Td2" ondrop="drop(event)" ondragover="allowDrop(event)">&nbsp;</td> 
<td id="Td3" ondrop="drop(event)" ondragover="allowDrop(event)">&nbsp;</td> 

</tr> 
<tr> 
<td id="Td4" ondrop="drop(event)" ondragover="allowDrop(event)">&nbsp;</td> 
<td id="Td5" ondrop="drop(event)" ondragover="allowDrop(event)">&nbsp;</td> 

</tr> 
</table> 

<br> 

<table border="1"> 
<tr> 
<td id="drag1" draggable="true" ondragstart="drag(event)">Hello</td> 
<td id="drag2" draggable="true" ondragstart="drag(event)">Hello</td><td>Hello</td></tr> 

<tr> 
<td id="drag3" draggable="true" ondragstart="drag(event)">Hello</td> 
<td id="drag4" draggable="true" ondragstart="drag(event)">Hello</td><td>Hello</td> 
</tr> 

</table> 

</body> 

它的工作原理。但是,当我拖在上述表中删除它,我以前的数据丢失的细胞增加的大小如何停止增加细胞的大小,我想留在第二个表我以前的数据

请建议我.. 感谢:“

+1

请'google.com'请! 'google'搜索中的'jqueryui'或html5示例帮助您。 –

回答