LayoutTests/fast/events/updateLayoutForHitTest.html

   1 <HEAD>
   2
   3 <STYLE type="text/css">
   4
   5 .wholeSearch
   6 {
   7     float: left;
   8     background-color: lightblue;
   9     padding: 5px;
  10     margin: 5px;
  11 }
  12
  13 .triangle
  14 {
  15     cursor: hand;
  16 }
  17
  18 .searchField
  19 {
  20     display: none;
  21 }
  22
  23 </STYLE>
  24
  25 </HEAD>
  26
  27 <BODY>
  28
  29 <SCRIPT language="JavaScript">
  30 function toggleStatsSearch(triangleSpan)
  31 {
  32     var arrow = triangleSpan.innerHTML;
  33     if (arrow == "\u25B8") {
  34         triangleSpan.innerHTML = "\u25BE";
  35         triangleSpan.nextSibling.nextSibling.style.display = 'block';
  36         triangleSpan.nextSibling.nextSibling.nextSibling.nextSibling.style.display = 'block';
  37     } else {
  38         triangleSpan.innerHTML = "\u25B8";
  39         triangleSpan.nextSibling.nextSibling.style.display = 'none';
  40         triangleSpan.nextSibling.nextSibling.nextSibling.nextSibling.style.display = 'none';
  41     }
  42 }
  43
  44 </SCRIPT>
  45
  46 <DIV class="wholeSearch">
  47     <SPAN class="triangle" id="tri" onclick="toggleStatsSearch(this)">&#x25b8;</SPAN> Project
  48     <DIV class="searchField" name="divProject"><P></P>Call me Ishmael.</DIV>
  49 </DIV>
  50     <style>
  51         @font-face {
  52             font-family: 'times';
  53             src: local('Lucida Grande');
  54             unicode-range: U+25B8, U+25BE;
  55         }
  56     </style>
  57     <script>
  58         if (window.eventSender) {
  59             eventSender.mouseMoveTo(23,26);
  60             eventSender.mouseDown();
  61             eventSender.mouseUp();
  62             eventSender.mouseDown();
  63             eventSender.mouseUp();
  64             eventSender.mouseDown();
  65             eventSender.mouseUp();
  66             eventSender.mouseDown();
  67             eventSender.mouseUp();
  68        }
  69     </script>
  70
  71 </BODY>