Prototype and Scriptaculous in Action

Chapter 7. Scriptaculous Drag and Drop

This chapter covers

• Understanding drag-and-drop operations
• Creating draggable page elements
• Reacting to dropped draggable elements
• Using drag and drop to sort elements

In the previous two chapters, we’ve seen ways that Scriptaculous effects and extended controls can extend the capabilities of our web applications beyond the capabilities provided by native HTML form elements. In this chapter we’ll explore yet another capability that Scriptaculous gives us to create spectacular user interfaces.

Few usability experts would argue that among the most ubiquitous and useful user interface interactions is the technique of drag and drop. Sometimes also termed click and drag, drag and drop is an easily adopted ...