Drag and Drop

Tech Team Training Center Home Our Training Online Admission Online Tips Our marketing Service Education Result Contact Now HTML5 CODE USIGN AND SIMPLE WEBPAGE DESIGN Bolded text Text goes here Text goes here Italicized text Text goes here Text goes here Underlined text Text goes here Changing font color Text goes here Text goes here Changing font size Text goes here Text goes here Adding links Link goes here target=_blank indicates that the link will open in a new browser window; you may remove it if you’d like the link to open in the same window Adding images

This tutorial will explain how to create your first drag and drop example. HTML 5 comes with a Drag and Drop (DnD) API that brings native DnD support to the browser making it much easier to code up.

We are going to have a look at how to create a HTML 5 page that uses the new drag and drop feature. Note we are displaying this via an iframe so if your having any trouble viewing the demo please let us know, another reason it may not show will be due to your browser, this is working fine in FireFox 3.5 ^ Safari.

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. Mozilla, Apple and Microsoft all have pages describing how to use it, but their examples seem to work only in their particular browser