como pudo mover un div con el maus

jor_0203 · #1 (**permalink**) 29/11/2011, 02:36

como pudo mover un div con el maus, es decir cuando le doy un click a un vinculo
hago que salga un div, pero como las dimensiones de las pantallas son diferentes
estoy tratando de mover ese div con el maus
mil gracias
encontré un link, pero se me hace muy denso el código
no tienen otro un poquito más fácil para un novato
http://www.disegnocentell.com.ar/notas2.php?id=236

Código Javascript:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin t&iacute;tulo</title>
<script type="text/javascript">
function mostrar(){
document.getElementById("d").style.display='block';
}
</script>
</head>
<body>
<a href="#" onclick="mostrar()">mostrar ventana</a>
<div id="d" style=" display: none; width:170px; height:90px; background-color:#FFFF00" >
llena tus datos
<form action="" method="get">
<input name="" type="text" />
<input name="" value="inserta"  type="button" />
</form>
</div>
</body>
</html>

Perr0 · #2 (**permalink**) 29/11/2011, 06:14

busca en google por drag and drop por supuesto contemplando la palabra javascript.

en resumen, tienes que trabajar con:
- las coordenadas x,y del raton
- el evento onmousedown (que se ejecutara cuando presiobes el boton mouse1)

y otras cosas mas

salu2