This week's giveaway is in the Android forum.
We're giving away four copies of Android Security Essentials Live Lessons and have Godfrey Nolan on-line!
See this thread for details.
The moose likes HTML, CSS and JavaScript and the fly likes jQueryUI, problem with containment after resizing Big Moose Saloon
  Search | Java FAQ | Recent Topics | Flagged Topics | Hot Topics | Zero Replies
Register / Login


Win a copy of Android Security Essentials Live Lessons this week in the Android forum!
JavaRanch » Java Forums » Engineering » HTML, CSS and JavaScript
Bookmark "jQueryUI, problem with containment after resizing" Watch "jQueryUI, problem with containment after resizing" New topic
Author

jQueryUI, problem with containment after resizing

Karim Kiswarday
Ranch Hand

Joined: Oct 01, 2010
Posts: 50

Hello all,
I'm making a javascript application using jQuery and jQueryUI with the draggable and resizable modules.
I have a problem with the draggable area in the browser after I resize elements.

In the body tag I have several windows (I will call chatWindow) and these chatWindow are both resizable and draggable and the containment used is window

This is a chatWindow

This is the code to set drag and resize

When I load the page the drag movement is restricted inside the visible area of the browser but after I resize these chatWindows, I can drag them also outside the visible area (in this case appear the horizontal and vertical scroll bar).

Now I think it depends because these chatWindows have a initial size (height and width) and after the resizing the browser has some problem to "understand" the new size of these elements but I'm not sure.
Is this the problem or there is something else?
What can I do to mantain these chatWindows inside the main browser area also after the resizing?

Thanks,
KK


No fun at the table, no fun in the sack.
 
I agree. Here's the link: http://aspose.com/file-tools
 
subject: jQueryUI, problem with containment after resizing
 
Similar Threads
white-space nowrap and DOCTYPE
JQuery Dialog Box Positioning and Replacing X with Close
Putting Applet in HTML
jQuery drag and drop of divs
Drag and drop dynamic elements