github/jquery-ui
1
1
Fork 0
mirror of https://github.com/jquery/jquery-ui.git synced 2026-01-29 14:27:56 -05:00
Code Issues Packages Projects Releases Wiki Activity

demos/slider/range.html: added feedback input

Browse Source
This commit is contained in:
Richard Worth
2008-12-31 06:49:37 +00:00
parent c067e99bb9
commit 7dd66fa029
1 changed files with 15 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
demos/slider/range.html
View File

@@ -13,8 +13,12 @@
range: true,
min: 0,
max: 500,
values: [75, 300]
values: [75, 300],
slide: function(event, ui) {
$("#amount").val('$' + ui.values[0] + ' - $' + ui.values[1]);
}
});
$("#amount").val('$' + $("#slider-range").slider("values", 0) + ' - $' + $("#slider-range").slider("values", 1));
});
</script>
</head>
@@ -22,14 +26,22 @@
<div class="demo">
<p>Price range:</p>
<p>
<label for="amount">Price range:</label>
<input type="text" id="amount" style="border:0; color:#f6931f; font-weight:bold;" />
</p>
<div id="slider-range"></div>
</div><!-- End demo -->
<div class="demo-description">
<p>Example of a range slider that had two drag handles and a filled bar that connects the two handles to indicate that the values between them are selected. This is created by setting the range option:</p>
<p>
Example of a range slider that had two drag handles and a filled bar that connects the two handles to indicate that the values between them are selected.
This is created by setting the range option:
</p>
<pre><code>range: true
</code></pre>