<html> <head> <title>System Drag And Drop between two text boxes</title> <script type="text/javascript"> function handleDragDropEvent(oEvent) { var oTextbox = document.getElementById("txt1"); oTextbox.value += oEvent.type + "n"; } </script> </head> <body> <P>Try dragging the text from the left textbox to the right one.</p> <P> <input type="text" value="drag this text" ondragstart="handleDragDropEvent(event)" ondrag="handleDragDropEvent(event)" ondragend="handleDragDropEvent(event)" /> <input type="text" ondragenter="handleDragDropEvent(event)" ondragover="handleDragDropEvent(event)" ondragleave="handleDragDropEvent(event)" ondrop="handleDragDropEvent(event)" /> </p> <P><textarea rows="10" cols="25" readonly="readonly" id="txt1"></textarea></p> </body> </html>
