aboutsummaryrefslogtreecommitdiffstats
path: root/demos
diff options
context:
space:
mode:
authorRichard Worth <rdworth@gmail.com>2008-12-30 20:49:57 +0000
committerRichard Worth <rdworth@gmail.com>2008-12-30 20:49:57 +0000
commit7aeb32c1ee705960e66221dbf84cf8e0af9580eb (patch)
tree67c4569a25be74c69a8e6aaad49bfc66dc9222b2 /demos
parent0e11d30a6c1c496c2c946bb62d88197a17e3bd5e (diff)
downloadjquery-ui-7aeb32c1ee705960e66221dbf84cf8e0af9580eb.tar.gz
jquery-ui-7aeb32c1ee705960e66221dbf84cf8e0af9580eb.zip
demos/slider/steps.html: addded a text input for feedback
Diffstat (limited to 'demos')
-rw-r--r--demos/slider/steps.html11
1 files changed, 8 insertions, 3 deletions
diff --git a/demos/slider/steps.html b/demos/slider/steps.html
index fe516a892..bc284556a 100644
--- a/demos/slider/steps.html
+++ b/demos/slider/steps.html
@@ -10,16 +10,21 @@
<script type="text/javascript">
$(function() {
$("#slider").slider({
- min: 0, max: 500, step: 50
+ min: 0,
+ max: 500,
+ step: 50,
+ slide: function(event, ui) {
+ $("#amount").val('$' + ui.value);
+ }
});
- });
+ $("#amount").val('$' + $("#slider").slider("value")); });
</script>
</head>
<body>
<div class="demo">
-<p>Donation amount ($50 increments):</p>
+<p>Donation amount ($50 increments): <input type="text" id="amount" /></p>
<div id="slider"></div>
</div><!-- End demo -->