diff options
| author | Todd Parker <fg.todd@gmail.com> | 2008-12-30 21:33:00 +0000 |
|---|---|---|
| committer | Todd Parker <fg.todd@gmail.com> | 2008-12-30 21:33:00 +0000 |
| commit | ee99ec9b8a897cbafcb072f9cf4b50c43739fbad (patch) | |
| tree | 4ec3091a80bc8b9444ff7ceb223439aec169b36e /demos/slider/steps.html | |
| parent | 25210e9cfdfd9591299a814d93a8cff9cf776856 (diff) | |
| download | jquery-ui-ee99ec9b8a897cbafcb072f9cf4b50c43739fbad.tar.gz jquery-ui-ee99ec9b8a897cbafcb072f9cf4b50c43739fbad.zip | |
Added feedback of the current slider value next to label.
Diffstat (limited to 'demos/slider/steps.html')
| -rw-r--r-- | demos/slider/steps.html | 5 |
1 files changed, 3 insertions, 2 deletions
diff --git a/demos/slider/steps.html b/demos/slider/steps.html index bc284556a..efb3da303 100644 --- a/demos/slider/steps.html +++ b/demos/slider/steps.html @@ -10,6 +10,7 @@ <script type="text/javascript"> $(function() { $("#slider").slider({ + value:100, min: 0, max: 500, step: 50, @@ -24,7 +25,7 @@ <div class="demo"> -<p>Donation amount ($50 increments): <input type="text" id="amount" /></p> +<p>Donation amount ($50 increments): <input type="text" id="amount" style="border:0; color:#f6931f; font-weight:bold;"/></p> <div id="slider"></div> </div><!-- End demo --> @@ -37,7 +38,7 @@ <pre> min: 0, max: 500, step: 50 </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> </div><!-- End demo-description --> </body> |