Solved

drag and drop sortable list with ability to add new elements

Posted on 2008-10-16
2
221 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:Neil Thompson
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
2 Comments
 
LVL 7

Accepted Solution

by:
ASPSQLServerCOM earned 500 total points
ID: 22753103
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:Neil Thompson
ID: 31506779
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

Why Off-Site Backups Are The Only Way To Go

You are probably backing up your data—but how and where? Ransomware is on the rise and there are variants that specifically target backups. Read on to discover why off-site is the way to go.

Question has a verified solution.

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

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.
Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

707 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