016-1.xhtml (842B)
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 img 15 {display:block; 16 margin:1em;} 17 </style> 18 <script type="application/ecmascript"> 19 function addImage(event) 20 {var c = document.createElement('img'); 21 c.setAttribute('src',event.dataTransfer.getData('text/uri-list').replace(/\r\n$/,'')); 22 document.querySelector('p').appendChild(c);} 23 </script> 24 </head> 25 <body> 26 <div ondragenter="window.location.reload()"> 27 <p ondragenter="event.stopPropagation()" dropzone="copy string:text/uri-list" ondrop="addImage(event)">Drop canvas here, it should be copied to this page once you drop it here.</p> 28 </div> 29 </body> 30 </html>