JavaScript Bs_Slider example 1

This is an example of the Slidebar Control.

All sliders below have an "onChange"-event attached that calls an user-defined function ('bsSliderChange()') that updates this form field:

Sliders Attributes
  • number range: from 0-10
  • default value: 2
  • step: 1 (so only full numbers allowed)
  • arrow-click: moves 2
  • input-field: always visible as such
  • number range: from 10-25
  • default value: 15
  • step: 0.5
  • arrow-click: no arrows displayed
  • input-field: visible as text, converts into input field onMouseOver
  • number range: from 0-1
  • default value: 0.56
  • step: 0.02
  • arrow-click: moves 0.1
  • input-field: visible as text, converts into input field onMouseOver
  • number range: from 0 - (+2)
  • default value: 0.25
  • step: 0.05
  • arrow-click: moves 0.1
  • input-field: visible as text, converts into input field onMouseOver
  • attached event: "attachOnSlideEnd()" that snaps to the next 0.25 step
  • color bar: fading color.