In Progress

Javascript/ jquery drag drop , reorder items from lists

Requirements Overview: I need a javascript / jquery implementation of a simple drag and drop items from multiple lists to a common list. Like shown below, there are multiple lists (Group A, Group B, and Group C.. I should be able to add more if I need later) from which the checkbox items can be dragged and dropped into the “Team” list. If multiple items are selected from the Group box, then all selected items should move to the Team Box. The items selected in the Team box can be reordered, deleted, and custom text can be added for each.

Please refer to the details in the attached document:

Details

1. There can be multiple Group lists with each having a numbers of items. Each group can have different number of items. For implementation purpose the list can be hardcoded, but there should be way where I can build this list from server side.

2. There will be on Team list which will act as the destination list for the Group items. Items can only be dragged from a Group list into the Team list.

3. Each item in the Team list can be deleted

4. Each item in the Team list can have a text field to store a custom text

5. The items in the Team list can be reorder by drag drop.

6. The same item from a group list can be added to the team list multiple times

7. The item once moved to team list will still stay in the group list too.

8. There should be some way for me to read the Team list items, the order, the custom text from server side with a save button or something.

Please refer to the details in the attached document:

Skills: AJAX, HTML, Javascript, jQuery / Prototype, Website Design

See more: order custom javascript, jquery team, drag and website design, drag and drop design website, javascript jquery, drag, drag a, jquery group, jquery item drag drop, javascript checkbox drag, javascript multiple, javascript items, jquery build, drag drop move, jquery order, multiple jquery, javascript add button, save drag, jquery button text, jquery list, need drag, build drag drop javascript, jquery move drop, jquery move, add checkbox website

About the Employer:
( 27 reviews ) HARTSVILLE, United States

Project ID: #4210608

Awarded to:

nagypite

I'd be glad to help you out with your js drag&drop project - already have been doing various interactive jQuery UI elements, this one could be solved in a few days too.

$180 USD in 5 days
(8 Reviews)
4.2

4 freelancers are bidding on average $214 for this job

maysam

Quality work, have done similar work before

$400 USD in 2 days
(32 Reviews)
5.9
SIDDHARTHKAJARIA

This looks like a straightforward ask to me . I have already made few UI elements involving such lists so can assure you a good quality of work . Looking forward to work with you. Thanks and Regards Siddharth

$100 USD in 3 days
(0 Reviews)
0.0
jonsaxton

It is my understanding that you would like a solution to create a drag-and-drop list where users may drag from multiple groups and drop into a team list and that this should be the only permitted interaction. I can do More

$175 USD in 10 days
(0 Reviews)
0.0