E.G:

^ < – mouse poitner

[] <- div being dragged

I’ve tried all kinds of combinations of postion:relative/absolute in both outer container divs and my draggables, but no difference at all.

Any idea what the cause of this might be or how to fix it? Thanks.

E.G:

^

I would first look at the newer article on writing a custom draggable class.
http://www.rich-waters.com/blog/2006/04/rico-drag-ndrop-p2-ricodraggable.html

the key piece you want to look at in the code is the ‘getSingleObjectDragGUI’ method. This method is what Rico uses to get a handle on which object its dragging. I used this to actually create a completely new div which copied the old one and shade the old one out so you get a nice effect.

What I would do for your above example is give the div or whatever element is the ‘handle’ an id and register that id as the draggable element, then write a custom getSingleObjectDragGUI which returns either the parent element if that works or whichever specific element contains the whole piece you want to drag.

Hope that makes sense…

Im trying to use drag and drop to move items – but only when the ‘handle’ of the item is held and not the whole item.

So far when you click on the handle, a onMouseDown event uses the ‘new Draggable’ function and allows you to pick it up. However after dropping it I need to somehow de-register it.

Otherwise if people are using select boxes in the item they tend to drag it accidentally.

javascript file.Please let me know