Scroll Component
Hi, this is my another dynamic component experiment, the horizontal scroll component.
The idea is to have a control that you can slide to choose different options from a list.
Works fine with a not so large range of numbers or dates. Better work when data is ordered.
How it works? Pure javascript as usual, no dependencies.
Pick an empty div to make it the scroll and create the AmnScroll like this:
// div id is theVScroll
var data = [1, 2, 3, 4, 5, 6];
var theScroll = new AmnScroll('theVScroll', data);
// It's done!
// Get the selected value with
var v = theScroll.GetValue();
// track the changes with the
indexjs.theScroll.AddEventListener("ValueChanged", handlerMethord);
// For more... wait the documentation get's done first.
// More to come...
- Allow CSS customizations
- Write documentation
- Write this page in portuguese
- Add support and compatibility to bootstrap CSS
- Make it vertical too
- Display data list somewhere
- Display some feedback where the bar will stop and wich value is over when dragging
- Add error treatment
- Add touch support
- Add the tutorial / help
- Publish something somehere? Make it public?