Using Resizeable and Draggable on same Object

[stefanbraeu]

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

[Richard D. Worth-2]

This a known issue, a regression in the latest UI release (1.5b4). It's being worked on.

Did you try the UI Dialog plugin? Here's a demo from the last release where draggable and resizable worked on the same element:

http://dev.jquery.com/view/tags/ui/1.5b2/demos/ui.dialog.html

- Richard

Richard D. Worth
http://rdworth.org/

On Tue, May 13, 2008 at 9:44 AM, stefanbraeu <sb@...> wrote:

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
--
View this message in context: http://www.nabble.com/Using-Resizeable-and-Draggable-on-same-Object-tp17208839s27240p17208839.html
Sent from the jQuery UI Discussion mailing list archive at Nabble.com.

--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups "jQuery UI" group.
To post to this group, send email to jquery-ui@...
To unsubscribe from this group, send email to jquery-ui-unsubscribe@...
For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---