010-1.xhtml (596B)
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 </style> 11 <script type="application/ecmascript"> 12 function start(event) 13 {event.dataTransfer.effectAllowed = 'copy'; 14 event.dataTransfer.setData('text/plain', 'green');} 15 </script> 16 </head> 17 <body> 18 <div draggable="true" ondragstart="start(event)"/> 19 <p>Drag green box above to the gray canvas below. Canvas should turn green when you drop green box on it.</p> 20 </body> 21 </html>