helper-drag-me-green-box.xhtml (668B)
1 <?xml version="1.0" encoding="utf-8"?> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <title>Canvas drag and drop: helper file</title> 5 <style type="text/css"> 6 div 7 {width:20px; 8 height:20px; 9 background-color:green;} 10 body 11 /* Center the div in this iframe since we know the iframe size (it's fixed 12 * in the parent page to 'width:300px; height:200px;') */ 13 {margin-top:90px; 14 margin-left:140px;} 15 </style> 16 <script type="application/ecmascript"> 17 function start(event) 18 {event.dataTransfer.effectAllowed = 'copy'; 19 event.dataTransfer.setData('text/plain', 'green');} 20 </script> 21 </head> 22 <body> 23 <div draggable="true" ondragstart="start(event)"/></body> 24 </html>