Drag and drop of HTML5

-draggable Tag file drag and drop

99 IE5 Start, 05 after all browser support (except Opera)

<li id=be draggable=true ondragstart= "StartDrag (event)" >Brussels</li>

The interface provided at this time

var dragstart = function(evt) {    evt.dataTransfer.setData (' text ', evt.target.id);  }; 

-File drag and drop example

<div ondragenter= "return false;" Ondragover= "return  false;"   ondrop= "Drop (event)" >& #x2397;</div>

var drop = function(evt) {     var file = evt.datatransfer.files[0];  };  var dataurlreader = new FileReader ();  Dataurlreader.onloadend =  function() {     imgelem.src = dataurlreader.result;     imginfo.innerhtml = File.name+ ' (' +_inkb (file.size) + ') ';} dataurlreader.read asdataurl (file); var BinaryReader = new FileReader (); binaryreader.onload = function() {var exif = Findexifinjpeg (binaryrea Der.result); for (Var key in Exif) {exifinfo.innerhtml + = _asrow (Key,exif[key]);}}; binaryreader.readasbinarystring (file) ;

-File API and drag-and-drop

http://www.w3.org/TR/FileAPI/
Http://www.w3.org/TR/html5/dnd.html

-Contenteditable and SpellCheck

Editable labels and automatic spell check labels

  <p contenteditable=true> Text to be     edited ...  </p>  <p contenteditable=true spellcheck=true> Text to be     edited ...  </p> 

Drag and drop of HTML5