![]() Every step will describe a set of related concepts, and will show examples, most of which are built on code from previous steps. ![]() In order to save other developers from the headaches I got deciphering cross browser drag and drop, I present the following guide that shows how to do in five easy steps. The Basics of Drag and Drop, Step by Step Integration With Non-Web Applications: the HTML5 specification also allows users to drag and drop data to and from non-web applications.Integration With Other Web Applications: the HTML5 specification will allow developers to produce drag and drop scripts that work across frames, and across browser windows.Because it is part of HTML5, I assume Opera support should be inevitable. ![]() Built-in Browser Support: HTML5 Drag and Drop is supported in Firefox 3.5+, Chrome 3.0+, Safari 3.0+ and Internet Explorer 5.0 ( Note: that is not a typo - HTML5 Drag and Drop is based on work done by Microsoft in 1999).JavaScript Framework Independent: Most other (but not all) drag and drop implementations are tied into 3rd party frameworks like Dojo, Prototype or jQuery.I would argue that developers should use HTML5 drag and drop for the following reasons: They should use old-school scripts instead”. Koch mentioned in his blog post that “Web developers MUST NOT (in the sense of RFC 2119) use HTML 5 drag and drop. Advantages Over Existing Drag and Drop Implementations See an example of HTML5 Drag and Drop in action. By the time you are done, you will be able to write useful drag and drop scripts of your own like in this example: This article will explain how to do this step by step with many examples along the way. Despite the implementation flaws, Future-proof HTML5 Drag and Drop is not too hard for developers to use in their own applications. However, after doing a lot of research, I found a common denominator that works well, with the help of a small bit of JavaScript that smooths out the edges. Almost immediately, I understood Koch’s reaction – the browser vendors have not implemented all the same features, and there are even a few quirks in how the features that are implemented work. So, I decided to find out for myself how bad HTML5 Drag and Drop really is. With a name like Zoltan, how could I possibly be normal? (and yes, it is my real name). When normal people see the author of the Compatibility Master Tables respond negatively to a web technology, they would probably assume it would be a good sign to stay away from it. I also thoroughly enjoyed JavaScript guru Peter-Paul Koch’s humorous and lengthy rant about cross-browser drag and drop headaches where he uses creative and colourful language to describe what he thought of the standard, the browser manufacturers, and the WHAT-WG. Remy Sharp’s great article Native Drag and Drop was a good place for me to start - however, the examples didn’t work in Internet Explorer. 11, 2009: Although I have not been able to get this example working on Safari 2.0.4 and 3.1.2 for OS X and 4.0.4 for Windows, I have received word that it works on Safari 4.0.4 on OS X). Mozilla, Apple and Microsoft all have pages describing how to use it, but their examples seem to work only in their particular browser ( Apple’s example doesn’t even work in their own! Updated, Jan. HTML5 Drag and Drop has been talked about a lot lately, but it’s hard to find really useful information about implementing it across multiple browsers.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |