Javascript/ jquery drag drop , reorder items from lists

This project was successfully completed by nagypite for $180 USD in 5 days.

Get free quotes for a project like this
Employer working
Completed by:
Project Budget
$30 - $250 USD
Completed In
5 days
Total Bids
Project Description

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:

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:

Looking to make some money?

  • Set your budget and the timeframe
  • Outline your proposal
  • Get paid for your work

Hire Freelancers who also bid on this project

    • Forbes
    • The New York Times
    • Time
    • Wall Street Journal
    • Times Online