

- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
IE supports the HTML5 File API
<p>IE9 does not support File API</p><p>IF10 started supported File API</p><p style="">An example of that would be drag and drop. Now HTML 5 came up with a Drag and Drop (DnD) API that brings native DnD support to the browser making it much easier to code up.</p><pre class="prettyprint notranslate"><!DOCTYPE HTML> <html> <head> <style> #boxA, #boxB { float:left;padding:10px;margin:10px; -moz-user-select:none; } #boxA { background-color: #6633FF; width:75px; height:75px; } #boxB { background-color: #FF6699; width:150px; height:150px; } </style> <script> function dragStart(ev) { ev.dataTransfer.effectAllowed='move'; ev.dataTransfer.setData("Text", ev.target.getAttribute('id')); ev.dataTransfer.setDragImage(ev.target,0,0); return true; } </script> </head> <body> <center> <h2>Drag and drop HTML5 demo</h2> <div>Try to drag the purple box around.</div> <div id = "boxA" draggable = "true" ondragstart = "return dragStart(ev)"> <p>Drag Me</p> </div> <div id = "boxB">Dustbin</div> </center> </body> </html></pre>
- Related Questions & Answers
- Uniquely identify files before uploading with the HTML5 file API
- Microdata API in HTML5
- How can I use the HTML5 canvas element in IE?
- Which browsers support the HTML5 History API?
- HTML5 File API readAsBinaryString reads files as much larger and different than files on disk
- How to use HTML5 Geolocation Latitude/Longitude API?
- How to store data in the browser with the HTML5 localStorage API?
- HTML5 Canvas to PNG File
- JavaScript File Drop with HTML5
- Validate the size of input=file in HTML5?
- How to use HTML5 GeoLocation API with Google Maps?
- Client Checking file size using HTML5
- What is HTML5 file Blob.slice() method
- Remember and Repopulate File Input in HTML5
- HTML5 file uploading with multiple progress bars
Advertisements