Saturday, 17 August 2013

JQuery Slider

Drag a handle to select a numeric value.
The basic slider is horizontal and has a single handle that can be moved with the mouse or by using the arrow keys

<html lang="en">
  <meta charset="utf-8" />
  <link rel="stylesheet" href="" />
   <script src=""></script>
   <script src=""></script>
 $(function() {
 $( "#slider-range-max" ).slider({
 range: "max",
 min: 1,
 max: 100,
 value: 1,
 slide: function( event, ui ) {
 $( "#amount" ).val( ui.value );
 $( "#amount" ).val( $( "#slider-range-max" ).slider( "value" ) );
    <form name="qnty" action="" method="post">
 <label for="amount">Quantity:</label>
 <input type="text" id="amount" readonly style="border: 0; color: #38761d; font-weight: bold;" name="qnty"/>
 <div id="slider-range-max" style="cursor:pointer"></div>
 <input type="submit" value="submit">

No comments:

Post a Comment