拖放

2013-10-26 110 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示例幫助您。 –

回答