Source code
Revision control
Copy as Markdown
Other Tools
<!doctype html>
<html>
<head>
<title>Selection spanning hidden elements</title>
<script type="text/javascript">
window.onload = function () {
var range = document.createRange(), p = document.getElementsByTagName('p')[0];
range.selectNodeContents(p);
range.setStart(p.firstChild.firstChild,4);
range.setEnd(p.lastChild.firstChild,5);
window.getSelection().addRange(range);
};
</script>
</head>
<body>
<p><span style="display:none">FAILPASS_</span>drag<span style="display:none">_THIS_</span>text<span style="display:none">_PASSFAIL</span></p>
<p><textarea rows="3" cols="50"></textarea></p>
<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>
</body>
</html>