third_party/WebKit/LayoutTests/fast/events/resources/drag-in-frames-right.html

   1 <html>
   2 <head>
   3     <title>Right</title>
   4 </head>
   5
   6 <body style="margin:0; padding:0">
   7
   8 <script>
   9 function log(message) {
  10     console_doc = parent.frames[2].document;
  11     var item = console_doc.createElement("li");
  12     item.appendChild(console_doc.createTextNode(message));
  13     console_doc.getElementById('console_messages').appendChild(item);
  14 }
  15 </script>
  16
  17 <div style="height:75px"></div>
  18
  19 <div id="dragTarget2"
  20      style="width:150; height:150; background-color:lightblue; text-align:center;"
  21      ondrag="alert('ondrag right target')"
  22      ondragstart="alert('ondragstart right target')"
  23      ondragend="alert('ondragend right target')"
  24      ondragenter="log('ondragenter right target'); return false;"
  25      ondragover="log('ondragover right target'); event.dataTransfer.dropEffect = 'copy'; return false;"
  26      ondragleave="log('ondragleave right target')"
  27      ondrop="log('ondrop right target')">
  28   <span style="position: relative; top: 50">And here</span>
  29 </div>
  30 </body>
  31 </html>