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