JQuery Resizable Draggable Position Absolute

jquery position draggable absolute resizable
Bob picture Bob · Apr 3, 2011 · Viewed 9k times · Source

Take a look at this -> http://jsfiddle.net/Zj23S/1/

I am using resizable and draggable. The problem I am facing is with draggable. I cannot seem to drag outside of the div, probably because I set div.position = absolute. If I take this away my resizing moves the other elements, which I do not want. How can I drag the element anywhere on the screen while maintaining position absolute?

Thanks!

Answer

Pece picture Pece · Apr 5, 2011

Try this I think it will help you.

http://dev.iceburg.net/jquery/jqDnR/

or if you want jQuery UI: http://viralpatel.net/blogs/2010/01/jquery-resizable-draggable-resize-drag-tutorial-example.html

Related questions

Slide right to left?

How can I have a div go from collapsed to expanded (and vice versa), but do so from right to left? Most everything I see out there is always left to right.

Read More
How to get mouse position in jQuery without mouse-events?

I would like to get current mouse position but I don't want to use: $(document).bind('mousemove',function(e){ $("#log").text("e.pageX: " + e.pageX + ", e.pageY: " + e.pageY); }); because I just need to get the position and process the …

Read More
jQuery UI dialog box not positioned center screen

I have a jQuery dialog box that is meant to position in the middle of the screen. However, it seems slightly off-center vertically. Here is the code: $('#add_box').dialog({ autoOpen: true, width: 300, modal: true, resizable: false, bgiframe:true }); …

Read More