Ver Mensaje Individual
  #2 (permalink)  
Antiguo 11/12/2015, 10:08
peperafa
 
Fecha de Ingreso: diciembre-2015
Mensajes: 45
Antigüedad: 8 años, 5 meses
Puntos: 3
Respuesta: Arrastar, ocultar y expandible div

Hola hermano,

Para la ventana es fácil en el div haces el diseño con css: con position absolute y z-index con los estilos que desees y en una función utiliza esto:

Dar posición en la pantalla
left y top

Dar tamaños
width y height

Ocultar
display:none

Mostrar
display:block

También se puede usar la propiedad visibility para mostrar u ocultar

Cambiando los estilos
$("#ventana").css({'display':'block', 'left':x, 'top':y, 'width':'150px', 'height': '50px'});

Y ya la función la llamas con el evento que quieras.

Para arrastrar los objetos checa este blog: http://www.html5rocks.com/es/tutorials/dnd/basics/ a ver
si te ayuda.

Saludos!!