File: slider.html

package info (click to toggle)
node-nouislider 15.8.1%2Bds-1
  • links: PTS, VCS
  • area: main
  • in suites: trixie
  • size: 1,928 kB
  • sloc: javascript: 5,234; php: 474; sh: 32; python: 28; makefile: 11
file content (28 lines) | stat: -rw-r--r-- 470 bytes parent folder | download | duplicates (3) 
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
 
<!DOCTYPE html>

<link href="../../dist/nouislider.min.css" rel="stylesheet">
<style>
#slider {
    width: 250px;
    margin: 100px auto;
}
</style>

<div id="slider"></div>

<script src="../../dist/nouislider.js"></script>
<script>
	var slider = document.getElementById('slider');
	noUiSlider.create(slider, {
		start: [5],
		step: 1,
		range: {
			min: [0],
			max: [10]
		}
	});

	slider.noUiSlider.on('hover', function( value ){
		console.log(value);
	});
</script>