Skip to content
Branch: master
Go to file
Code

Latest commit

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 

README.md

ranger

js script for dynamically bind input range elements to a range array.

The given input range element gets min, max, step, list and value attributes from the range array. Datalist element is automatically generated. The user can only select a value from the range array.

How to range:

Just include the js file and call Ranger.bind(inputSelector, rangeArray, outputSelector);

Selectors are css selectors. outputSelector is optional if you want to show the value somewhere.

<script type="text/javascript" src="ranger.js"></script>

<input type="range" id="demo" />
<div id="output">Here goes the value</div>

<script type="text/javascript">
	Ranger.bind("#demo", [0, 10, 50, 100], "#output");
</script>

About

js script for dynamically bind input range elements to a range array

Resources

License

Releases

No releases published
You can’t perform that action at this time.