PHPXRef 0.7 : Drupal 6 (yi-drupal) : /sites/all/libraries/jquery.ui/demos/slider/rangemax.html source

[Summary view] [Print] [Text view]

   1  <!doctype html>
   2  <html lang="en">
   3  <head>
   4      <title>jQuery UI Slider - Range with fixed maximum</title>
   5      <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
   6      <script type="text/javascript" src="../../jquery-1.3.2.js"></script>
   7      <script type="text/javascript" src="../../ui/ui.core.js"></script>
   8      <script type="text/javascript" src="../../ui/ui.slider.js"></script>
   9      <link type="text/css" href="../demos.css" rel="stylesheet" />
  10      <style type="text/css">
  11          #demo-frame > div.demo { padding: 10px !important; };

  12      </style>
  13      <script type="text/javascript">
  14      $(function() {
  15          $("#slider-range-max").slider({
  16              range: "max",
  17              min: 1,
  18              max: 10,
  19              value: 2,
  20              slide: function(event, ui) {
  21                  $("#amount").val(ui.value);
  22              }
  23          });
  24          $("#amount").val($("#slider-range-max").slider("value"));
  25      });
  26      </script>
  27  </head>
  28  <body>
  29  
  30  <div class="demo">
  31  
  32  <p>
  33  <labe for="amount">Minimum number of bedrooms:</label>
  34  <input type="text" id="amount" style="border:0; color:#f6931f; font-weight:bold;" />
  35  </p>
  36  <div id="slider-range-max"></div>
  37  
  38  </div><!-- End demo -->
  39  
  40  <div class="demo-description">
  41  
  42  <p>Fix the maximum value of the range slider so that the user can only select a minimum.  Set the <code>range</code> option to "max."</p>
  43  
  44  </div><!-- End demo-description -->
  45  
  46  </body>
  47  </html>

PHP Cross Reference of Drupal 6 (yi-drupal)

/sites/all/libraries/jquery.ui/demos/slider/ -> rangemax.html (source)