Varias funcionalidades para hacer con jquery

[Carxl]

Hola gente, cómo vamos?

A raíz de un proyecto que pretendo empezar, quisiera saber si es posible con jQuery tener las siguientes funcionalidades:

1. Han vista este icono

Suele usarse para arrastrar el entorno en el que uno esté trabajando con click sostenido. Creen que exista algo como esto en jQuery?


2. Quisiera poder "transformar" (de horizontal a vertical) cuando muevan una barra de herramientas (como las que suelen tener los editores de texto). Normalmente está de manera horizontal:



Y cuando la mueven a un costado se transforma a vertical:




Se podría con jQuery?


Espero sus comentarios, gracias!

[masterpuppet]

Que tal Carxl,

Yo no veo impedimento para lo que quieres hacer, para el primero tienes draggable(entiendo que lo que quieres arrastrar es un layer). y con respecto al segundo es lo mismo mas algo de css, talves esta referencia te sirva http://devheart.org/articles/jquery-...drag-and-drop/

Saludos.

[Carxl]

Hola masterpuppet, gracias por tu respuesta.

En cuánto a lo primero, realmente no es arrastar un div (conozco draggable de jQuery UI), el efecto sería más allá de eso, sería poder mover el entorno de trabajo con click sostenido, como el video (se ve un poco raro porque lo subí apurado):



Si te fijas, picando en la manito y con click sostenido puedo mover todo el entorno que quiera.

Para lo segundo entiendo que debe ser un drag and drop, pero no entiendo como hacer apra que el div detecte que llegó a una parte "vertical izquierda" o "vertical derecha", me explico? Y además, que respete la ubicación de los iconos que tenga dentro del div "barra de herramientas".

Saludos y gracias!