System Drag And Drop Example : Table Sorter « GUI Components « JavaScript Tutorial

<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.java2s.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.java2s.com</div> </p>
    </body>
</html>

28.3.Table Sorter
	28.3.1.	Table Sort Example
	28.3.2.	Table Sort Example 2
	28.3.3.	Table Sort Example 3
	28.3.4.	Table Sort Example 4
	28.3.5.	Table Sort Example 5
	28.3.6.	System Drag And Drop Example
	28.3.7.	Assign mouse move event coordinate to element style