Mega Code Archive

 
Categories / JavaScript Tutorial / Drag Drop
 

System Drag And Drop between two text boxes

< 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>