s3

by ITZ on March 3rd, 2012
No notes
Syntax: JavaScript
Show lines - Hide lines - Show in textbox - Download
<script>
            var target = document.getElementById("target");
 
            target.ondragenter = handleDrag;
            target.ondragover = handleDrag;
 
            function handleDrag(e) {
                e.preventDefault();
            }
 
            target.ondrop = function(e) {
                var files = e.dataTransfer.files;
                var tableElem = document.getElementById("data");
                tableElem.innerHTML = "<tr><th>Name</th><th>Type</th><th>Size</th></tr>";
                for (var i = 0; i < files.length; i++) {
                    var row = "<tr><td>" + files[i].name + "</td><td>" +
                        files[i].type+ "</td><td>" +
                        files[i].size + "</td></tr>";
                    tableElem.innerHTML += row;
                }
                e.preventDefault();
            }          
        </script>

Leave a Reply

Note: XHTML is allowed. Your email address will never be published.

Subscribe to this comment feed via RSS