PHPXRef 0.7 : Drupal 6 (gatewave) : /sites/all/modules/jquery_ui/jquery.ui/tests/visual/slider/slider.html source

[Summary view] [Print] [Text view]
   1  <!doctype html>
   2  <html lang="en">
   3  <head>
   4      <title>Slider Visual Test Page</title>
   5      <link rel="stylesheet" href="../all.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          $("#slider1").slider();
  13          $("#slider2").slider({
  14              step: 2,
  15              start: function(event, ui) {
  16                  //console.log('start');

  17              },
  18              slide: function(event, ui) {
  19                  //console.log('slide');

  20                  //return (ui.value < 50 || ui.value > 63);

  21              },
  22              stop: function(event, ui) {
  23                  //console.log('stop');

  24              },
  25              change: function(event, ui) {
  26                  //console.log('change');

  27              },
  28              values: [10, 50, 90]
  29          });
  30          $("#slider3").slider({
  31              max: 10,
  32              orientation: 'vertical',
  33              step: 2,
  34              value: 3
  35          });
  36          $("#h-range-true").slider({ orientation: "horizontal", range: true });
  37          $("#h-range-max").slider({ orientation: "horizontal", range: 'max' });
  38          $("#h-range-min").slider({ orientation: "horizontal", range: 'min' });
  39          $("#v-range-true").slider({ orientation: "vertical", range: true });
  40          $("#v-range-max").slider({ orientation: "vertical", range: 'max' });
  41          $("#v-range-min").slider({ orientation: "vertical", range: 'min' });
  42      });
  43      </script>
  44  </head>
  45  
  46  <body>
  47  
  48  <ul class="plugins">
  49  
  50  <li class="plugin" style="padding:1em;">
  51      Slider
  52      <div id="slider1"></div>
  53  </li>
  54  
  55  <li class="plugin" style="padding:1em;">
  56      Slider - values: [10, 50, 90]
  57      <div id="slider2">
  58          <a id="foo" href="#" class="ui-slider-handle"></a>
  59          <a id="bar" href="#" class="ui-slider-handle"></a>
  60      </div>
  61  </li>
  62  
  63  <li class="plugin" style="padding:1em;">
  64      Slider - orientation: vertical
  65      <div id="slider3" style="height:100%;"></div>
  66  </li>
  67  
  68  </ul>
  69  
  70  <ul class="plugins">
  71  
  72  <li class="plugin" style="padding:1em;">
  73      Slider - range: true
  74      <div id="h-range-true"></div>
  75  </li>
  76  
  77  <li class="plugin" style="padding:1em;">
  78      Slider - range: 'max'
  79      <div id="h-range-max"></div>
  80  </li>
  81  
  82  <li class="plugin" style="padding:1em;">
  83      Slider - range: 'min'
  84      <div id="h-range-min"></div>
  85  </li>
  86  
  87  </ul>
  88  
  89  <ul class="plugins">
  90  
  91  <li class="plugin" style="padding:1em;">
  92      Slider - range: true
  93      <div id="v-range-true"></div>
  94  </li>
  95  
  96  <li class="plugin" style="padding:1em;">
  97      Slider - range: 'max'
  98      <div id="v-range-max"></div>
  99  </li>
 100  
 101  <li class="plugin" style="padding:1em;">
 102      Slider - range: 'min'
 103      <div id="v-range-min"></div>
 104  </li>
 105  
 106  </ul>
 107  
 108  </body>
 109  </html>
PHP Cross Reference of Drupal 6 (gatewave)

/sites/all/modules/jquery_ui/jquery.ui/tests/visual/slider/ -> slider.html (source)
