Completed

Simple JQuery drag and drop quiz

This project was successfully completed by rajawi9999 for $34 USD in a day.

Get free quotes for a project like this
Employer working
Completed by:
Skills Required
Project Budget
$30 - $250 USD
Completed In
1 day
Total Bids
3
Project Description

I am trying to create a very simple JQuery drag and drop quiz.

I have written most of the code, but I'm having some issues with dragged items being stacked on top of each other, rather than in a nice list. SO that is what I need from you, to correct the code so it works as expected.

Basically, for the purpose of this project, I will want a column on the left with a list of div's that can be dragged into 1 of 3 droppable columns. Each draggable item can only be dropped into the correct droppable column.

Once this is built, i will make it look nice and integrate it to the various pages of a training course that I am creating.

The demo app is located here [url removed, login to view]

As you can see from the demo app, we have 8 items on the left that are all draggable. The top 3 can only be dragged into the top right column, the next 3 into the middle right column and the last 2 into the bottom right column. But as you can see, they are stacking on top of each other, I need them to line up underneath each other in a nice list.

So, the requirements of this project are:

Make the dragged divs line up in a nice list in their respective dropped areas, rather than laying on top of the previous ones.

Let me know if you have any questions.

Thanks
Alan

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