PHPXRef 0.7 : Drupal 6 (yi-drupal) : /sites/all/libraries/jquery.ui/tests/visual/slider/slider_in_container_with

[Summary view] [Print] [Text view]

   1  <!doctype html>
   2  <html lang="en">
   3  <head>
   4      <title>Slider Visual Test : Slider in container with scrollbars</title>
   5      <link rel="stylesheet" href="../visual.css" type="text/css" />
   6      <link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css">
   7      <script type="text/javascript" src="../../../jquery-1.3.2.js"></script>
   8      <script type="text/javascript" src="../../../ui/ui.core.js"></script>
   9      <script type="text/javascript" src="../../../ui/ui.slider.js"></script>
  10      <script type="text/javascript">
  11      $(function() {
  12          $("#slider").slider({ value: 50 });
  13      });
  14      </script>
  15  </head>
  16  <body>
  17  
  18  <h1>
  19  TEST: press UP, DOWN, LEFT, RIGHT, HOME, END on a slider which is inside a container with scrollbars.
  20  </h1>
  21  
  22  <div style="width: 200px; height: 150px; overflow:scroll;">
  23  
  24  <div style="width: 220px; height: 180px;">
  25  
  26  <div style="width: 100px; margin-left: 40px; margin-top: 60px;" id="slider"></div>
  27  
  28  </div>
  29  
  30  </div>
  31  
  32  <h2>
  33  ASSERT: the scrollbars do not move when the focus is on the slider handle and an arrow key or HOME or END are pressed.
  34  </h2>
  35  <h2>
  36  ASSERT: the scrollbars move when the focus is not on the slider handle and an arrow key or HOME or END are pressed.
  37  </h2>
  38  
  39  </body>
  40  </html>

PHP Cross Reference of Drupal 6 (yi-drupal)

/sites/all/libraries/jquery.ui/tests/visual/slider/ -> slider_in_container_with_scrollbars.html (source)