BBRRGG
asked on
Seeking "drag and drop" code that works well for 'select' listboxes
I have "select" listboxes on my webpage and I'm seeking code that will enable 'drag and drop' functionality. Can this be done with 'select' listboxes? References to sample code please?
Thanks!
Thanks!
I am not sure what you asking. You want your end users to be able to drag the list box to somewhere else on their screen? Is this correct?
ASKER
Not the listbox itself... just strings from within 1 'select' listbox to another 'select' listbox.
I am sorry I am still not sure I am following. Is this what you are asking?
Assume these are my two lists....
List 1
- buttons
-threads
-processes
list 2
- servers
- work stations
- routers
You want your end user to be able to select buttons from the list 1 and drag it and dop it into list 2 so that list 2 now reads
list 2
- servers
- work stations
- routers
- buttons
and list one would now read
List 1
- threads
-processes
?
If so may I ask why?
Assume these are my two lists....
List 1
- buttons
-threads
-processes
list 2
- servers
- work stations
- routers
You want your end user to be able to select buttons from the list 1 and drag it and dop it into list 2 so that list 2 now reads
list 2
- servers
- work stations
- routers
- buttons
and list one would now read
List 1
- threads
-processes
?
If so may I ask why?
I would say you could customise this code, it uses jQuery:
http://thechriswalker.net/select-drag/
it's probably just changing <DIV> to <OPTION> fundamentally.
http://thechriswalker.net/select-drag/
it's probably just changing <DIV> to <OPTION> fundamentally.
ASKER
lharrispv: "...You want your end user to be able to select 'buttons' from the list 1 and drag it and dop it into list 2..."
Correct, except the records in List1 do not necessarily have to disappear from List1 when they are dragged to List2. The reason is to allow this webpage user to build his/her customized list from a larger list.
Correct, except the records in List1 do not necessarily have to disappear from List1 when they are dragged to List2. The reason is to allow this webpage user to build his/her customized list from a larger list.
ASKER
lharrispv: these sites appear to be for Windows forms, not web forms
tobzzz:
http://thechriswalker.net/select-drag/
this would work, but it uses <ul> (unordered lists) and not listboxes.
Any further suggestions would be greatly appreciated on how to move records between listboxes on web forms.
tobzzz:
http://thechriswalker.net/select-drag/
this would work, but it uses <ul> (unordered lists) and not listboxes.
Any further suggestions would be greatly appreciated on how to move records between listboxes on web forms.
I have no specific sample code, but I did not see anyone mention ExtJS. Here is a Javascript framework we use, and it does have drag-and-drop capability.
Try this sample, it includes draggable components.
http://www.extjs.com/deploy/dev/examples/desktop/desktop.html
Try this sample, it includes draggable components.
http://www.extjs.com/deploy/dev/examples/desktop/desktop.html
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Great, thanks!