Drag & Drop
From BC$ MobileTV Wiki
Drag & Drop is a highly desirable page effect, especially in making the Browser function more like the OS, and Web Applications look more like Desktop Applications.
HTML5
- Drag-and-Drop with jQuery: Your Essential Guide: http://www.elated.com/articles/drag-and-drop-with-jquery-your-essential-guide/[1]
- Recreating the MLB.com Content Switcher with jQuery and CSS3: http://www.impressivewebs.com/mlb-switcher/
- Kitchen Table - Adding a Lightbox: http://www.elated.com/articles/kitchen-table-lightbox/
- Drag and drop demo in a HTML document, using the HTML5 drag and drop API: http://ljouanneau.com/lab/html5/demodragdrop.html
- HTML5 drag and drop in Firefox 3.5: http://hacks.mozilla.org/2009/07/html5-drag-and-drop DEMOS: http://decafbad.com/2009/07/drag-and-drop/api-demos.html
- Cross Browser HTML5 Drag and Drop: http://www.useragentman.com/blog/2010/01/10/cross-browser-html5-drag-and-drop/
- Simple HTML5 Drag Drop: http://html5doctor.com/native-drag-and-drop/ [2]
- Accessible drag and drop using WAI-ARIA: http://dev.opera.com/articles/view/accessible-drag-and-drop/
External Links
- WalterZorn's DHTML http://wiki.bcmoney-mobiletv.com/skins/common/images/button_link.pngDrag & Drop: http://www.walterzorn.com/dragdrop/dragdrop_e.htm
- Dpopup: http://dpopup.com
- X Arrow Demo from Cross-Browser (using arrows to move content): http://www.cross-browser.com/x/examples/arrowkeys.php
- Zapatec Drag & Drop Demo: http://www.zapatec.com/website/main/products/dnd/demo.jsp
- Using Mozilla XUL to handle Drag & Drop in Firefox: http://www.xulplanet.com/tutorials/mozsdk/dragex.php
- Amazing Draggable Layer (Use instead of popup windows): http://codelifter.com/main/javascript/dragablelayer.html
- Drag & Drop Layers: http://www.downloadjavascripts.com/Drag_And_Drop.aspx
- Inline layer drag and drop: http://www.java2s.com/Code/JavaScript/Ajax-Layer/Inlinelayerdraganddrop.htm
- Dragging with JavaScript: http://tool-man.org/examples/dragging.html
- Using JQuery to Add Drag and Drop Support: http://geekswithblogs.net/AzamSharp/archive/2008/02/21/119882.aspx
- CSS Drag n Drog: http://www.webdeveloper.com/forum/showthread.php?t=90899
- Make Draggable Items Dockable: http://mcarthurgfx.com/blog/article/make-draggable-items-dockable
- HTML5 Drag'n Drop & Firefox 3.6+: http://demos.hacks.mozilla.org/openweb/DnD/
- Simple Drag and Drop: http://html5demos.com/drag-anything
