LayoutTests/fast/html/draggable.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <title>HTML5 Draggable</title>
   5 <style>
   6
   7 [draggable="true"] {
   8     outline: 1px solid lime;
   9 }
  10
  11 [draggable="false"] {
  12     outline: 1px solid pink;
  13 }
  14
  15 </style>
  16 <script>
  17
  18 function test()
  19 {
  20     var elements = document.querySelectorAll('body > :not(h2)');
  21
  22     for (var i = 16; i < 24; i++) {
  23         elements[i].draggable = i < 20;
  24     }
  25
  26     var s = 'dom - attr\n----------\n';
  27     for (var i = 0; i < elements.length; i++) {
  28         s += elements[i].draggable + ' - ' + elements[i].getAttribute('draggable') + '\n';
  29     }
  30
  31     var pre = document.createElement('pre');
  32     pre.textContent = s;
  33     document.body.appendChild(pre);
  34
  35     if (window.layoutTestController)
  36         layoutTestController.dumpAsText();
  37 };
  38
  39 document.ondragstart = function(e)
  40 {
  41     e.dataTransfer.setData('Text', e.target.textContent || e.target.src || e.target.href);
  42 };
  43
  44 </script>
  45 </head>
  46 <body onload="test()">
  47
  48 <h2>Intrinsic</h2>
  49
  50 <img src="resources/images/lime.png">
  51 <a href="http://webgkit.org">webkit.org</a>
  52 <a>&lt;a no href&gt;</a>
  53 <span>&lt;span&gt;</span>
  54
  55 <h2>draggable attr set to true</h2>
  56
  57 <img src="resources/images/lime.png" draggable="true">
  58 <a href="http://webgkit.org" draggable="true">webkit.org</a>
  59 <a draggable="true">&lt;a no href&gt;</a>
  60 <span draggable="true">&lt;span&gt;</span>
  61
  62 <h2>draggable attr set to false</h2>
  63
  64 <img src="resources/images/lime.png" draggable="false">
  65 <a href="http://webgkit.org" draggable="false">webkit.org</a>
  66 <a draggable="false">&lt;a no href&gt;</a>
  67 <span draggable="false">&lt;span&gt;</span>
  68
  69 <h2>draggable attr set to maybe</h2>
  70
  71 <img src="resources/images/lime.png" draggable="maybe">
  72 <a href="http://webgkit.org" draggable="maybe">webkit.org</a>
  73 <a draggable="maybe">&lt;a no href&gt;</a>
  74 <span draggable="maybe">&lt;span&gt;</span>
  75
  76 <h2>draggable dom prop set to true</h2>
  77
  78 <img src="resources/images/lime.png">
  79 <a href="http://webgkit.org">webkit.org</a>
  80 <a>&lt;a no href&gt;</a>
  81 <span>&lt;span&gt;</span>
  82
  83 <h2>draggable dom prop set to false</h2>
  84
  85 <img src="resources/images/lime.png">
  86 <a href="http://webgkit.org">webkit.org</a>
  87 <a>&lt;a no href&gt;</a>
  88 <span>&lt;span&gt;</span>
  89
  90 </body>
  91 </html>