Moribundus: DIV-Element bei Drag and Drop klonen

Beitrag lesen

Hallo nochmal,

ich verzweifel gerade, ich fummel die ganze Zeit an den rubberband und php zeugs rum und dann fällt mir auf das ich ich in meine td´s plötzlich wieder mehr als ein div schieben kann, am Code selber habe ich aber nichts geändert, bzw. finde ich keinen Fehler

function drop(ev)  
{  
	ev.preventDefault();  
	ziel = ev.target.getElementsByClassName('planning');  
	if(ev.target.tagName == "TD" && ziel.length == 0) {  
		data=ev.dataTransfer.getData("Text");  
		quellElement = document.getElementById(data);  
		zieltd = quellElement.parentNode;  
		if(zieltd.classList[0] != "planning") {  
			newDiv = quellElement.cloneNode(true);  
			newId = newDiv.id.substring(4);  
			newId++;  
			newDiv.id = "drag"+newId;  
			zieltd.appendChild(newDiv);  
		}  
		ev.target.appendChild(quellElement);  
	}  
}
<table id="planningtable" class="planning">  
	<tr>  
		<td class="planning" ondrop="drop(event)" ondragover="allowDrop(event)"></td>  
		<td class="planning" ondrop="drop(event)" ondragover="allowDrop(event)"></td>  
		<td class="planning" ondrop="drop(event)" ondragover="allowDrop(event)"></td>  
		<td class="planning" ondrop="drop(event)" ondragover="allowDrop(event)"></td>  
		<td class="planning" ondrop="drop(event)" ondragover="allowDrop(event)"></td>  
		<td class="planning" ondrop="drop(event)" ondragover="allowDrop(event)"></td>  
		<td class="planning" ondrop="drop(event)" ondragover="allowDrop(event)"></td>  
		<td class="planning" ondrop="drop(event)" ondragover="allowDrop(event)"></td>  
	</tr>  
</table>  
  
<table class="legend">  
	<tr>  
		<td>  
			<div id="drag1" onkeydown="deldiv()" draggable="true" class="activity" ondragstart="drag(event)" onclick="$(this).toggleClass(&quot;selected&quot;)" >FO</div>  
		</td>  
	</tr>  
</table> 

eine Ahnung woran das liegen kann?