Results 1 to 3 of 3

Thread: jQuery - Drag a object to a droppable object after the object hover a sortable object

  1. #1
    Join Date
    Dec 2012
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default jQuery - Drag a object to a droppable object after the object hover a sortable object

    Hi,
    I am using 2 sortable objects and 1 droppable object.
    The 2 sortable are connected using "connectWith" property.
    The idea is that i will drag objects from the bottom sortable to the upper sortable or to the droppable object.

    The problem is that when i am dragging a object from the bottom sortable to the draggable object, the second sortable get it instead of the draggable object.
    This is happen only if my mouse is hover the second sortable in the way to the draggable.

    As you can see in the attached image if I am dragging the object using the orange path and drop it in the droppable object it will land in the second sortable object and not in the droppable object.
    But, if I am dragging the object using the green path and drop it
    in the droppable object it will land in the droppable object as it needed to work.

    What that i already try to do is:
    The 2 sortable are connected using the "connectWith" property. I try to change the property
    on the air when the mouse is out from the second sortable but its not fixing it, the change apply only in the next time that i drag a object and not when a object is in dragging mode.

    Click image for larger version. 

Name:	example.jpg 
Views:	103 
Size:	60.9 KB 
ID:	4845

  2. #2
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    1,933
    Thanks
    16
    Thanked 303 Times in 302 Posts
    Blog Entries
    9

    Default

    What code do you have already?

    Its highly unlikely that somebody will want to recreate (and then troubleshoot) your code based on a description, so you need to provide what you have upfront for others to work with.

    Can you post a link to your page or set something up on jsFiddle?: http://jsfiddle.net/
    Focus on Function Web Design | Latest News RSS | Facebook | Twitter |
    Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps |
    The only limit to creativity is imagination: JemCon.org

  3. #3
    Join Date
    Dec 2012
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Hi,
    Here is the example on jsFiddle:
    http://jsfiddle.net/royshoa/2srUd/

    Thanks!

Similar Threads

  1. object doesn't support this object in javascript
    By ryoka012 in forum JavaScript
    Replies: 1
    Last Post: 06-24-2011, 01:23 PM
  2. Replies: 1
    Last Post: 05-20-2011, 05:05 PM
  3. Replies: 3
    Last Post: 03-13-2009, 08:24 AM
  4. Create object; load file in the object
    By molendijk in forum JavaScript
    Replies: 0
    Last Post: 03-09-2008, 07:30 PM
  5. Drag and Drop Script - Problem dragging an object over scrollbar
    By cristysy in forum Dynamic Drive scripts help
    Replies: 6
    Last Post: 02-03-2006, 08:02 AM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •