1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 2 "http://www.w3.org/TR/html4/loose.dtd"> 3 <html> 4 <head> 5 <script> 6 function debug(str) { 7 var c = document.getElementById('console') 8 c.appendChild(document.createTextNode(str + '\n')); 9 } 10 11 var i = new Image() 12 i.src ="resources/webkit-background.png"; 13 14 function dragStartHandler() { 15 event.dataTransfer.setDragImage(i, 10, 10); 16 } 17 18 </script> 19 </head> 20 <body onload="runTests();"> 21 <p>This tests that setting the drag image works. If this is successful, the drag icon when dragging the text below around should look like the image below.</p> 22 <img src="resources/webkit-background.png"> 23 <div ondragstart="dragStartHandler()" style="-khtml-user-select:none; -khtml-user-drag:element;">Try dragging me around!</div> 24 <pre id="console"> 25 </pre> 26 </body> 27 </html> 28