Drag'n'Drop only within defined area (script.aculo.us/Prototype)

[G.Schuster]

Hello everyone,

I am looking for a solution for an unelegant "problem".
I want do drag and drop some elements (span, div, input etc.) within a defined "frame" - let's say a parent div that is 300px in width and 300px in height.
If the dragged element hits the border the dragging should stop.

Has anybody found a solution for this?
If not I will have to go the ugly way and check the element when it is dropped and send it to the right place.

Thanks in advance for any replies.

[MikeFoster]

Hi G.Schuster, Welcome to SPF!

These demos don't use script.aculo.us/Prototype, but perhaps it will be useful to look at the code because they do implement dragStart/drag/dragEnd events, a "bounding rectangle" feature and a drag-n-drop feature:

X Drag Demos

[G.Schuster]

Hi MikeFoster,

Thank your very much, the demos will help me very much.
They also brought up a new idea for scaling objects

Problem solved - thanks everyone!

[MikeFoster]