Drag and drop

oscard41 · #1 (**permalink**) 06/04/2013, 16:13

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..

emprear · #2 (**permalink**) 06/04/2013, 17:06

Se te escapó un relative al final del estilo inline

Código:

 style=' position:absolute; width:60px; height:60px; background-color:blue; margin-top:5px;margin-left:5px; position:relative;'

Saludos

oscard41 · #3 (**permalink**) 06/04/2013, 19:29

Cita:

Iniciado por emprear

Se te escapó un relative al final del estilo inline

Código:

 style=' position:absolute; width:60px; height:60px; background-color:blue; margin-top:5px;margin-left:5px; position:relative;'

Saludos

emprear nuevamente gracias eso era lo que tenia xD, ya lo corregí pero ahora cuando lo pruebo en chrome en la parte de arriba titilea azul cuando estoy moviendo el div en el navegador que podria ser eso? por lo menos yo no logro ver nada extraño en el codigo...