Hi, I've been trying to do this same thing (move a draggable around by clicking on something else) but I can't figure out Richard's suggestion. He says to "bind document.mousemove and document.mouseup" but I can't figure out what to bind it to...what exactly do I need to put in the callback? Nothing seems to work...
Thanks, Nathan On Jul 9, 1:49 pm, "Richard D. Worth" <[EMAIL PROTECTED]> wrote: > I would recommend the following: > > 1. On element.mousedown, bind document.mousemove and document.mouseup. > 2. On document.mouseup, unbind mousemove and mouseup. > 3. Don't worry about sending the drag events (mousemove) to the element > that's actually going to be moving, just handle the events at the document > level and move the element accordingly. > > This is known as event delegation. Especially because your original element > isn't going to move, your safest element is document, to which all others > will bubble up. > > You might want to take a look at the mouse plugin inside jQuery UI's core > (ui.core.js). This is how it's designed. For examples of use, see any of > jQuery UI's draggable, slider, selectable, sortable. After mousedown (on the > target element), everything else is on the document. > > - Richard > > Richard D. Worthhttp://rdworth.org/ > > On Tue, Jul 8, 2008 at 4:52 PM, JohnC <[EMAIL PROTECTED]> wrote: > > > Can I (and if so, how) drag an element without actually mouse-downing > > and -moving on the element I want to move? > > > For reasons I will happily explain, the user can't actually click on > > the object I want them to drag. > > > So can I get them to click on something else and then have that pass > > the dragging info to the real draggable element? > > > (Just to be clear, the proxy mustn't move - I just want the events of > > mousedown/drag to be forwarded to the real draggable element). > > > Many thanks. > > > Regards > > > John