This is a migrated thread and some comments may be shown as answers.

Help to add increase and decrease button to slider

0 Answers 232 Views
Slider
This is a migrated thread and some comments may be shown as answers.
Rahul
Top achievements
Rank 1
Rahul asked on 15 Mar 2012, 01:16 PM
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



No answers yet. Maybe you can help?

Tags
Slider
Asked by
Rahul
Top achievements
Rank 1
Share this question
or