birdie.js

birdie.js

Data-list attribute implementation for input of type range
Demo

Getting Started

You may install birdie.js using package managers, or download project archive.
Installing via bower will bring in the dependencies as well.

bower install birdie.js
npm install birdie.js

# birdie.min.js           minified version of birdie.js

Usage

var birds = new Birdie(document.querySelector('form'), {
    selector: "",
    enumerate: false
});

Example

Add data-list attribute to input elements of type text. A range type element will be inserted before each match.

<input type="text" class="foobar" name="birds" readonly data-list="…"; />
<!-- readonly attribute is recommended -->

JS The first argument should be the form, or a parent element.

var birds = new Birdie(document.querySelector('form'), {
    selector: '.foobar', // one or more CSS selectors separated by commas
    enumerate: true
});

License

This software is free to use under the MIT license.