diff options
Diffstat (limited to 'demos/slider/rangemin.html')
| -rw-r--r-- | demos/slider/rangemin.html | 28 |
1 files changed, 18 insertions, 10 deletions
diff --git a/demos/slider/rangemin.html b/demos/slider/rangemin.html index 96b7650a8..707f23ef7 100644 --- a/demos/slider/rangemin.html +++ b/demos/slider/rangemin.html @@ -12,8 +12,8 @@ $("#slider-range-min").slider({ range: "min", value: 37, - min:1, - max:700, + min: 1, + max: 700, slide: function(event, ui) { $("#amount").val('$' + ui.value); } @@ -26,23 +26,31 @@ <div class="demo"> -<p>Maximum price: <input type="text" id="amount" style="border:0; color:#f6931f; font-weight:bold;"/></p> +<p> +<label for="amount">Maximum price:</label> +<input type="text" id="amount" style="border:0; color:#f6931f; font-weight:bold;" /> +</p> + <div id="slider-range-min"></div> </div><!-- End demo --> +<div class="demo-description"> +<p> +An example of a range slider that has the filled bar hard-coded to the minimum value plus a single slider. +This makes it clear that selecting a value will also include all values below the selection. +This is a range option type: +</p> -<div class="demo-description"> +<pre><code>range: "min" +</code></pre> -<p>An example of a range slider that has the filled bar hard-coded to the minimum value plus a single slider. This makes it clear that selecting a value will also include all values below the selection. This is a range option type:</p> -<pre> -range: "min", -</pre> -<p>This demo also shows how the current slider value can be used to populate a standard form input that can also be used for user feedback.</p> +<p> +This demo also shows how the current slider value can be used to populate a standard form input that can also be used for user feedback. +</p> </div><!-- End demo-description --> - </body> </html> |