021-1.xhtml (772B)
1 <?xml version="1.0" encoding="utf-8"?> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <title>Cross page drag and drop: helper file</title> 5 <style type="text/css"> 6 p 7 {border:solid medium navy; 8 height:200px; 9 padding:1em; 10 margin:0;} 11 div 12 {margin:100px; 13 padding:50px;} 14 </style> 15 <script type="application/ecmascript"> 16 function checkLink(event) 17 {document.querySelector('p').firstChild.nodeValue = (event.dataTransfer.getData('text/uri-list').replace(/\r\n$/,'') == 'data:text/plain,1')?'PASS':'FAIL'} 18 </script> 19 </head> 20 <body> 21 <div ondragenter="window.location.reload()"> 22 <p ondragenter="event.stopPropagation()" dropzone="copy string:text/uri-list" ondrop="checkLink(event)">Drop link here, you should see word PASS once you drop it.</p> 23 </div> 24 </body> 25 </html>