System Drag And Drop Example : Table Sorter : GUI Components JAVASCRIPT TUTORIALS

JAVASCRIPT TUTORIALS » GUI Components » Table Sorter »

System Drag And Drop Example



<html>
    <head>
        <title>System Drag And Drop Example</title>
        <script type="text/javascript">
        
            function handleMouseMove(oEvent) {
                oEvent.srcElement.dragDrop();
            }
            
            function handleDragDropEvent(oEvent) {
                oEvent.dataTransfer.setData("URL", "http://www.navioo.com/");
            }                        
        </script>
    </head>
    <body>
        <P>Try dragging the red square into another browser window.</p>
        <P><div style="background-color: red; height: 100px; width: 100px"
                onmousemove="handleMouseMove(event)" 
                ondragstart="handleDragDropEvent(event)">http://www.navioo.com</div> </p>
    </body>
</html>