Hola a todos quiero mover un div por mi pagina pero no logro hacerlo. En este ejemplo es la etiqueta '<h3 class="arrastrar">' el que quiero desplazar por la pagina, pero quiero hacerle click en el div que se encuentra adentro 'grupo1' para desplazar.
Código HTML:
<div id="nuevo1" style="display:none;overflow:visible;margin:20px 30px 0;">
<div id="grupo1" class="seccion" style="float:left;width:250px;">
<h3 id="arr" class="arrastrar" style="color:white;">Arrastrar</h3>
<div id='cerrar' style='float:right;color:white;' onclick="cerrar();"><img src='cerrar.jpg' width='20' height='20' title='Cerrar..' /></div>
<form name="registro" id="registro">
<table style='margin-top:40px;' border="1">
<tr>
<td class="fila">Nombre:</td><td><input type="text" value="" id="nombre"></td>
</tr>
<tr>
<td class="fila">Email:</td><td><input type="text" id="email"></td>
</tr>
<tr>
<td class="fila">Telefono:</td><td><input type="text" id="telefono"></td>
</tr>
<tr>
<td><div id="botones"></div></td>
</tr>
</table>
</form>
</div>
</div>
lo muevo con este objeto del framework Scriptaculous..
Código Javascript
:
Ver original<script type="text/javascript">
new Draggable('grupo1');
</script>
evidentemente lo que hago aqui es mover todo el div, pero se puede seleccionar el y mover desde cualquier sitio del div.. y yo solamente quiero moverla desde la parte superior, como cualquier carpeta de windows,vendria a cumplir la misma funcion que la barra superior de los navegadores.. bueno espero que me puedan hechar una mano ya que estuve todo el dia de ayer y hoy para lograr ese efecto de arrastrar con scriptaculous
Saludos y gracias a aquel/lla que me pueda ayudar!!