Take the 2-minute tour ×
Programmers Stack Exchange is a question and answer site for professional programmers interested in conceptual questions about software development. It's 100% free, no registration required.

I have to design a website which will have drag and drop features for creating an e-card. So you select items from a tool box and drag and drop this item on the card area. Once you have completed the design you can publish the e-card on the web by clicking "Save and publish" button.

What are the possible technologies for implementing this feature? The requirement is that the application should not degrade the performance of the website, and should not take much time in publishing once the user click "Save and publish" button.

share|improve this question
add comment

2 Answers

up vote 7 down vote accepted

http://jqueryui.com/demos/draggable/

  1. Implement drag and drop
  2. Serialize into a hidden field (or an object if you're using ajax)
  3. Post information.

Also, Google works for these kinds of questions. There's a million and one plugins.

share|improve this answer
add comment

Here are a few links you may find useful as a starting point:

Javascript drag and drop tutorial

http://www.webreference.com/programming/javascript/mk/column2/index.html

http://www.w3schools.com/html5/html5_draganddrop.asp

Hope the above links help. There are a lot of tutorials and articles on the net that provide examples.

share|improve this answer
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.