-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·88 lines (80 loc) · 6.28 KB
/
index.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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
<html>
<head>
<meta charset="UTF8">
<title>Ranje Slider</title>
<meta name="description" content="Ranje Slider"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, height=device-height, minimum-scale=1.0 maximum-scale=1.0, user-scalable=no, minimal-ui"/>
<meta name="twitter:card" content="summary"/>
<meta name="twitter:image" content="http://static.dev/images/logo.png"/>
<meta property="og:image" content="http://static.dev/images/logo.png"/>
<meta property='og:locale' content='fa_IR'/>
<link rel="stylesheet" type="text/css" href="css/ermile.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<script src="js/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
<script src="js/script.js"></script>
</head>
<body class="rtl">
<h1>Horizontal</h1>
<div class="range-slider" id='a' data-fix-mount='on' data-show-title='[{"80": "afarin"}, {"100": "ah"}, {"1000": "basse"}, {"10000": "KOJAAAAAA"}]' data-max="1000000" data-step='[{"start": 0, "end": 100, "step": 10},{"start": 100, "end": 1000, "step": 100},{"start": 1000, "end": 10000, "step": 1000},{"start": 10000, "end": 100000, "step": 10000},{"start": 100000, "end": 1000000, "step": 100000}]'></div>
<div class="range-slider" id='b' data-min='-20' data-max='300' data-min-default='10' data-max-default='40' data-fix-mount='on' data-min-title='min title' data-max-title='max title' data-show-title='[{"min": "start"}, {"max": "end"}, {"150": "middle"}, {"290": "nro jelo"}]'></div>
<div class="range-slider" id='b2' data-min='50' data-max='200' data-min-default='10' data-max-default='40' data-fix-mount='on' data-min-title='min title' data-max-title='max title' data-max-limit='180'></div>
<div class="range-slider" data-min="10" id='x1' data-infinity='min' data-min-default='50' data-fix-mount='on' data-min-title='min title' data-max-title='max title' data-step='[{"start": 0, "end": 10, "step": 1},{"start": 10, "end": 100, "step": 10},{"start": 100, "end": 1000, "step": 100},{"start": 1000, "end": 10000, "step": 1000}]'></div>
<input type="number" data-range-bind='x1' data-range-value='min' data-min-title='min title' data-max-title='max title'>
<input type="number" data-range-bind='x1' data-range-value='max'>
<div class="range-slider" data-infinity='min' data-min="25" data-min-default='30' data-min-unit='50' id="x3" data-fix-value='on' data-max='300' data-max-default='100'></div>
<div class="range-slider" data-infinity='max' data-max-default='30' data-max='200' id="c5" data-fix-mount='on' data-min='35' data-min-default='55'></div>
<div class="range-slider" data-max='200' data-max-default='160'></div>
<div class="range-slider" data-min="-10" data-max='200'></div>
<div class="range-slider" data-type="horizontal" data-min="-10" data-max='200' data-step="5"></div>
<h2>default</h2>
<div class="range-slider" data-min="-10" data-max='200' data-step="5" data-min-default='70'></div>
<div class="range-slider" data-min="-10" data-max='200' data-step="5" data-max-default='180'></div>
<div class="range-slider" data-min="-10" data-max='200' data-step="8" data-min-default='30' data-max-default='180'></div>
<h2>limit</h2>
<div class="range-slider" id="x" data-min="-10" data-max='200' data-step="5" data-min-limit='20'></div>
<div class="range-slider" data-min="-10" data-max='200' data-step="5" data-max-limit='180'></div>
<div class="range-slider" data-min="-10" data-max='200' data-step="5" data-min-limit='20' data-max-limit='180' data-infinity='max' data-max-default='30'></div>
<h1>Vertical</h1>
<div class="range-slider" data-infinity='min' data-type='vertical' data-min-title='min title' data-max-title='max title' data-fix-mount='on'></div>
<div class="range-slider" data-infinity='max' data-type='vertical' data-min="10" data-min-title='min title' data-max-title='max title' data-fix-mount='on'></div>
<div class="range-slider" data-type='vertical' data-min="10" data-min-default='30' data-fix-mount='on'></div>
<div class="range-slider" data-type='vertical' data-max='200'></div>
<div class="range-slider" data-type='vertical' data-max='200' data-max-default='160' data-fix-mount='on'></div>
<div class="range-slider" data-type='vertical' data-min="-10" data-max='200' data-min-default='30'></div>
<div class="range-slider" data-type='vertical' data-min="-10" data-max='200' data-step="5"></div>
<h2>default</h2>
<div class="range-slider" data-type='vertical' data-min="-10" data-max='200' data-step="5" data-min-default='30' data-fix-mount='on'></div>
<div class="range-slider" data-type='vertical' data-min="-10" data-max='200' data-step="5" data-max-default='180'></div>
<div class="range-slider" data-type='vertical' data-min="-10" data-max='200' data-step="8" data-min-default='30' data-max-default='180'></div>
<h2>limit</h2>
<div class="range-slider" data-type='vertical' data-max-default=150 data-min="-60" data-max='200' data-step="5" data-max-limit='190'></div>
<div class="range-slider" data-type='vertical' data-max-default=150 data-min="-60" data-max='200' data-step="5" data-max-limit='180'></div>
<div class="range-slider" id="z" data-type='vertical' data-min="-20" data-max='200' data-min-limit='20' data-step='[{"start": 0, "end": 10, "step": 1},{"start": 10, "end": 100, "step": 10},{"start": 100, "end": 1000, "step": 100},{"start": 1000, "end": 10000, "step": 1000}]'></div>
<script type="text/javascript">
$(document).ready(function() {
$(this).on('rangeSlider:debug', function(event, _args, _step){
// console.log(this);
// console.log(_args);
if (Array.isArray(_step))
{
// console.log(_step);
}
});
$(".range-slider").rangeSlider();
});
</script>
<!--
<svg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 8 9' style='enable-background:new 0 0 8 9;' xml:space='preserve'><style type='text/css'>.st0{fill:#E96914;}</style><path class='st0' d='M3.2,0C6.7-0.1,5.4,3.5,8,4.5C5.4,5.5,6.7,9.1,3.2,9L2.7,9V7.1L0,4.5l2.7-2.6V0L3.2,0z'/></svg> -->
<!-- <script>
$(document).ready(function(){
$("button").click(function(){
$.getJSON("demo_ajax_json.js", function(result){
$.each(result, function(i, field){
$("div").append(field + " ");
});
});
});
});
</script> -->
</body>
</html>