062-manual.html (884B)
1 <!doctype html> 2 <html> 3 <head> 4 <title>Selection spanning hidden elements</title> 5 <script type="text/javascript"> 6 window.onload = function () { 7 var range = document.createRange(), p = document.getElementsByTagName('p')[0]; 8 range.selectNodeContents(p); 9 range.setStart(p.firstChild.firstChild,4); 10 range.setEnd(p.lastChild.firstChild,5); 11 window.getSelection().addRange(range); 12 }; 13 </script> 14 </head> 15 <body> 16 17 <p><span style="display:none">FAILPASS_</span>drag<span style="display:none">_THIS_</span>text<span style="display:none">_PASSFAIL</span></p> 18 <p><textarea rows="3" cols="50"></textarea></p> 19 <p>Drag the selected text into the input box. The drag placeholder should match the visible text that is being dragged. When dropped, either "dragtext" or "PASS_drag_THIS_text_PASS" should appear in the input.</p> 20 21 </body> 22 </html>