Doug Boude
unread,Aug 6, 2009, 1:32:34 PM8/6/09Sign in to reply to author
Sign in to forward
You do not have permission to delete messages in this group
Either email addresses are anonymous for this group or you need the view member email addresses permission to view the original message
to Kansas City Javascript User Group
Hi all! My name is Doug Boude, and I just joined the group today. I'm
actually not IN KC, but do make it back there frequently as I have
friends and family in that neck of the woods. So anyway, my good
friend Dee Sadler recommended your group as a place where I could
likely find some good input to an issue I'm having.
The Scenario:
I have a single page that has three sortables on it (arranged
horizontally relative to one another), all connected via the
"connectWith" option. Between the three of them, I can sort, drag and
drop...no problems. I added a droppable on the bottom left of the page
so that the user can drop an item from any of the three lists onto it,
some action is performed (in this case, a search based on the dropped
item), and the dropped item should then revert back to its place of
origin.
LIST A LIST B LIST C
[droppable here]
The Issue:
If I drag an item from list C to the droppable, and I have crossed
over any of the other div containers for list A or B, the item reverts
back to the last list that was crossed over instead of its list of
origin! My list divs are of a fixed height and scrollable, so although
the scrollable area ends above the droppable, the actual height
extends down to it.
Any ideas??? Somehow I need to make it so that an item does not become
part of a list until the user actually lets it go on top of the target
list. it is currently behaving such that an item becomes part of the
list as soon as it crosses over the list's border.
Thanks so much in advance for any input/assistance you can give me.
I've run out of things to try, and that's never a good feeling.
Sincerely,
Doug Boude