023-1.xhtml (652B)
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 </head> 16 <body> 17 <div ondragenter="window.location.reload()"> 18 <p ondragenter="event.stopPropagation()" dropzone="copy string:text/uri-list" ondrop="event.preventDefault();document.querySelector('p').firstChild.nodeValue = event.dataTransfer.getData('text/uri-list').substr(16,4)">Drop box here, you should see word PASS once you drop it.</p> 19 </div> 20 </body> 21 </html>