Drag & drop functionality in JavaScript

This project was successfully completed by eghlima for €450 EUR in 7 days.

Get free quotes for a project like this
Project Budget
€250 - €750 EUR
Completed In
7 days
Total Bids
Project Description

A capable HTML / JavaScript programmer is needed to implement drag & drop functionality into an existing HTML widget codebase (jQuery UI).

We have a basic 4-component UI framework which provides static widget functionality (label, input, radio, checkbox, groupbox, etc.).

What we need now is to add drag and drop support to this framework such that components can be dragged from one groupbox to another. A more detailed explanation / instructions are in the provided documentation, but the basic idea is this: The UI is composed of one or more group boxes. Each contains multiple entry fields or nested groupboxes. Each entry field is composed of a label and zero or more linked widgets. A user would then be able to drag such a label and all its widgets from one groupbox to another.

The required drag & drop is partially done through use of jQuery UI components in this framework so the actual work requires you to use this capability and implement drag & drop such that it is clear that the user is dragging the whole set of linked widgets together as well as where the entire group would »land« in originating or any other groupbox of user's choice.

In addition to that we also need some code cleanup on two of the components using coding example provided.

The end result should work on all major desktop and mobile browsers.

Completed by:

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