Solved

Seeking "drag and drop" code that works well for 'select' listboxes

Posted on 2009-06-29
14
283 Views
Last Modified: 2012-05-07
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!
0
Comment
Question by:BBRRGG
  • 4
  • 4
  • 2
  • +1
14 Comments
 
LVL 8

Expert Comment

by:lharrispv
ID: 24737633
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?
0
 

Author Comment

by:BBRRGG
ID: 24737661
Not the listbox itself... just strings from within 1 'select' listbox to another 'select' listbox.
0
 
LVL 8

Expert Comment

by:lharrispv
ID: 24737823
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?
0
 
LVL 11

Expert Comment

by:tobzzz
ID: 24738562
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.
0
 

Author Comment

by:BBRRGG
ID: 24738765
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.
0
What is SQL Server and how does it work?

The purpose of this paper is to provide you background on SQL Server. It’s your self-study guide for learning fundamentals. It includes both the history of SQL and its technical basics. Concepts and definitions will form the solid foundation of your future DBA expertise.

 
LVL 8

Expert Comment

by:lharrispv
ID: 24739063
0
 

Author Comment

by:BBRRGG
ID: 24741669
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.
0
 
LVL 40

Expert Comment

by:mrjoltcola
ID: 24775455
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
0
 
LVL 40

Accepted Solution

by:
mrjoltcola earned 200 total points
ID: 24775460
Actually here is a sample using a grid.

http://extjs.com/deploy/dev/examples/dd/dnd_grid_to_grid.html
0
 
LVL 8

Assisted Solution

by:lharrispv
lharrispv earned 200 total points
ID: 24803437
0
 

Author Closing Comment

by:BBRRGG
ID: 31597977
Great, thanks!
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

In this article we will get to know that how can we recover deleted data if it happens accidently. We really can recover deleted rows if we know the time when data is deleted by using the transaction log.
International Data Corporation (IDC) prognosticates that before the current the year gets over disbursing on IT framework products to be sent in cloud environs will be $37.1B.
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…
Viewers will learn how to use the SELECT statement in SQL and will be exposed to the many uses the SELECT statement has.

910 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

19 Experts available now in Live!

Get 1:1 Help Now