demos/slider/steps.html: addded a text input for feedback

rdworth · rdworth · commit 7aeb32c1ee70 · 2008-12-30T20:49:57.000Z
diff --git 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 -->
