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...

Selected value: 1
Controls and features
Fixed sized bar
Fluid bar
Display data in bar
Select a style
TODO list
  • 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?
Know issues:
TODO: