ManualTests/drag-image.html

   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>