I have recently attended a couple of analysts meetings where the subject of HTML5 was a recurring theme. With my curiosity peeked, I decided to explore what HTML5 has to offer today. Of particular interest is the drag and drop (d&d) API… as this has always been the holy grail of early HTML practitioners. What I discovered was very cool… as d&d is now a simple matter of implementing a few effortless method calls.
For my example of d&d, I created a simple network configuration demo that illustrates an administrator UI to provision resources. You can drag the example resources between zones, add resources to a zone, or simply remove a resource that is no longer required. I kept my example basic for educational purposes, but as you can see, one could develop a full blown network administration tool using drag & drop as a central element of the user interface.
Here is my example, give it a test drive (requires Firefox 3.5 or greater):
The key methods to implement d&d are basic and easily implemented as follows: Leer más “HTML5 – code example of drag and drop on a web page”