Solved

drag and drop sortable list with ability to add new elements

Posted on 2008-10-16
2
208 Views
Last Modified: 2013-11-19
Hi

I'm currently using a drag and drop element list from Yahoo! YUI tools ( http://developer.yahoo.com/yui/examples/dragdrop/dd-reorder.html ) to give users a list of elements in the left column for them to choose from, then they drag them to the right to select what they want.

I also need to add the ability to let the user add new elements to the right box as they need, such as a text box and add button, similar to ( http://demos.mootools.net/Dynamic.Sortables )

can someone advise what code is needed for this, and for the points provide a working example.

Kind regards
Neil
0
Comment
Question by:NeilT
2 Comments
 
LVL 7

Accepted Solution

by:
ASPSQLServerCOM earned 500 total points
Comment Utility
hi,
if you are good at javascript, then its DOM you have to work on
instead of using the some other script, you can use javascript on drag drop function
you can dynamically add text box using javascript

http://bytes.com/forum/thread163965.html

http://www.experts-exchange.com/Web/Web_Languages/JavaScript/Q_21617292.html
0
 
LVL 3

Author Closing Comment

by:NeilT
Comment Utility
Thanks
I had a look but in the end got one of my mates who writes the YUI code to write me a custom script.
Regards
Neil
0

Featured Post

How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

Join & Write a Comment

Suggested Solutions

Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
JavaScript has plenty of pieces of code people often just copy/paste from somewhere but never quite fully understand. Self-Executing functions are just one good example that I'll try to demystify here.
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

743 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

16 Experts available now in Live!

Get 1:1 Help Now