new Draggable scriptaculous

[juan_14nob]

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:

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

[masterpuppet]

Que tal juan_14nob,

Has mirado la doc del draggable ?, deberías setear la opcion handle, con la clase css del elemento que va a manejar el dragg, algo así:

Código Javascript:

new Draggable('grupo1', 'arrastrar');
 

Saludos.

[juan_14nob]

Iniciado por masterpuppet

Que tal juan_14nob,

Has mirado la doc del draggable ?, deberías setear la opcion handle, con la clase css del elemento que va a manejar el dragg, algo así:

Código Javascript:

new Draggable('grupo1', 'arrastrar');
 

Saludos.

Muchas graciaas!!! estuve viendolo toda la tarde ese doc pero el ingles me mato :S probe con todas las propiedades menos esa :S
geniooo