Help to add increase and decrease button to slider

1 posts, 0 answers
  1. Rahul
    Rahul avatar
    1 posts
    Member since:
    Mar 2012

    Posted 15 Mar 2012 Link to this post

    Hello Friends,

    I need help to add increase and decrease button to slider for example check here http://demos.kendoui.com/beta/web/slider/index.html .

     I need that increase and decrease arrow to my slider. i have written code for slider you can check below it works fine. But i have given step 100 for slider when user slide slider value does not get slide by 100. So i decided to use increase and decrease button to my slider same as like here http://demos.kendoui.com/beta/web/slider/index.html. Looking for someone help. Thanks in advance.
      
    /// My slider code................

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
    <script>


    $(document).ready(function() {


     //slider example 1

     $("#slider2").slider({
         min: 0, //minimum value
         max: 999999, //maximum value
         value: 0, //default value
    step: 100,
         slide: function(event, ui) {
             $("#value2").val(ui.value);
             }
         });
     $("#value2").val($("#slider2").slider("value"));
     
    });
    </script>
    </head>




    <body>


    <form action="" method="get">


    <br/>


    <input type="text"  name="rahul"id="value2" maxlength="7"/>


    <div id="slider2"></div>


    </form>


    </body>


    </html>



    Thank you,
    Rahul



Back to Top