jQuery: The Write Less, Do More JavaScript Library

Using Resizeable and Draggable on same Object

by stefanbraeu :: Rate this Message:

Reply to Author | View in Thread

Hello,

I'm trying to simulate window-behaviour with DIVs using the Resizeable and Draggable-Plugins. Unfortunatly i can't manage to apply these two plugins on the same object.

If i execute the following code, only the draggable-plugin works correctly - but i cant resize the DIV (although the handles and the resize-cursor appears correctly).

        $('.window').draggable({
                containment: $('.desktop'),
                handle: $("#winbar1")
        });
               
        $('.window').resizable({
                containment: $('.desktop'),
                handles: "all",
                transparent: true,
                minWidth: 100,
                minHeight: 100,
                maxWidth: 800,
                maxHeight: 600
        });

Has anyone experienced similar problems?

Or even better: Is there any jQuery-Plugin for Window-Simulation out there (didnt find any - although i searched a lot :-)

thanks

stefan

 « Return to Thread: Using Resizeable and Draggable on same Object

LightInTheBox - Buy quality products at wholesale price