Join Joseph Lowery for an in-depth discussion in this video Establishing drag-and-drop functionality, part of HTML5 Projects: Engaging Ecommerce.
- View Offline
For such a high-level effect like a drag-and-drop--what?…You mean I can actually drag pieces of a web page a round and they do something?…For such an effect, drag-and-drop is really pretty easy to implement.…And the first part on the HTML side is what my dad lovingly called dirt simple.…So, let's go on over to our code editor.…And I'm going to scroll down to where we have the elements that we want to drag,…the paintings that are in this article tag with an id of gallery.…And there are six paintings in all,…each of them within a div, with an id like painting1, painting2, and so forth.…
- Including range form elements
- Modifying the display interactively
- Dragging items to wish lists
- Storing wish list items locally
- Saving and retrieving list items