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

This commit is contained in:
Richard Worth 2008-12-30 20:49:57 +00:00
parent 0e11d30a6c
commit 7aeb32c1ee

View File

@ -10,16 +10,21 @@
<script type="text/javascript"> <script type="text/javascript">
$(function() { $(function() {
$("#slider").slider({ $("#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> </script>
</head> </head>
<body> <body>
<div class="demo"> <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 id="slider"></div>
</div><!-- End demo --> </div><!-- End demo -->