-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathexample.html
36 lines (34 loc) · 1.12 KB
/
example.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<!DOCTYPE html>
<html>
<head>
<title>Double Range Example</title>
<link rel="stylesheet" type="text/css" href="doubleRange.css"/>
</head>
<body>
<form>
<div id="doubleRange" class="doubleRange">
<div class="barre">
<div class="barreMilieu" style="width:50%; left:25%;"></div>
<div class="t1 thumb" style="left:25%"></div>
<div class="t2 thumb" style="left:75%;"></div>
</div>
<div class="label">de <span class="labelMin"></span> à <span class="labelMax"></span></div>
<input type="hidden" name="pmin" value="" class="inputMin"/>
<input type="hidden" name="pmax" value="" class="inputMax"/>
</div>
</form>
<script type="text/javascript" src="doubleRange.js"></script>
<script type="text/javascript">
setDoubleRange({
element: '#doubleRange',
minValue: 0,
maxValue: 50000,
maxInfinite: true,
stepValue: 1000,
defaultMinValue: 500,
defaultMaxValue: 10000,
unite: '€'
});
</script>
</body>
</html>