Buenas tardes a todos, actualmente estoy haciendo un drag and drop de un div con el fin de practicar un poco javascript y bueno logre hacer que el div se moviera pero al agregar otro div este se mueve cuando arrastro el div que si tiene el drag...
espero me entiendan aqui les dejo el codigo si lo quieren probar copian y pegan..
Código Javascript
:
Ver original<html>
<head>
<script>
var titulo=null;
function mover(a){
titulo=document.getElementById('titulo');
x=titulo.style.marginTop;
y=titulo.style.marginLeft;
document.addEventListener('mousemove',drag,false);
document.addEventListener('mouseup',detener,false);
}
function drag(event){
x=event.clientX;
y=event.clientY;
titulo.style.marginTop=parseInt(y)-30+'px';
titulo.style.marginLeft=parseInt(x)-30+'px';
}
function detener(event){
document.removeEventListener('mousemove',drag,false);
document.removeEventListener('mouseup',detener,false);
}
</script>
</head>
</body>
<div id='titulo' onmousedown='mover()' style=' position:absolute; width:60px; height:60px; background-color:blue; margin-top:5px;margin-left:5px; position:relative;'></div>
<div style='width:20px; height:20px; background-color:black;margin-top:50px; margin-left:250px;'></div>
</body>
</html>
De ante mano gracias..
