020.xhtml (653B)
1 <?xml version="1.0" encoding="utf-8"?> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <title>Selection drag and drop between textareas</title> 5 <style type="text/css"> 6 p:last-child > textarea 7 {width:300px; 8 height:100px; 9 margin-top:20px; 10 padding:10px;} 11 p:first-child + p > textarea 12 {height:1.5em; 13 width:7em;} 14 </style> 15 </head> 16 <body onload="var t = document.querySelector('textarea');t.select();t.setSelectionRange(0,7)"> 17 <p>Drag selected text to the textarea. Selected text should be moved to the textarea once you drop it there.</p> 18 <p><textarea>Drag me</textarea></p> 19 <p><textarea placeholder="Drop selection here"/></p> 20 </body> 21 </html>