demo 1/3: Simple Bislider
demo 2/3: The ultimate sliding widget
demo 3/3: Colors
bislider1:→

bislider0:↓
All modern browsers support 'Canvas' but not your. Please update your antique !
All modern browsers support 'Canvas' but not your. Please update your antique ! All modern browsers support 'Canvas' but not your. Please update your antique !
All modern browsers support 'Canvas' but not your. Please update your antique !
bislider4a&b:↑
bislider3:↓
All modern browsers support 'Canvas' but not your. Please update your antique !
BiSlider-Web uses Canvas element of HTML5.

Features :

  1. VERTICAL AND HORIZONTAL
  2. Multi-Segment / Multi-Selection
  3. MultiTouch (use any tuio compatible hardware and npTuioClient plugin)
  4. RGB, HSB and HSB2color coding
  5. Orientation of legend
  6. Proactive feedback before any possible drag
  7. No handles on non-resizable selections
  8. Histogramm on demand (heights of color segments)
  9. Snapping on drop and snapping on drag
  10. Display values on drag
  11. Precision ruler
  12. Textfield on min and max
  13. No label on every segment (Major-Minor tick)
  14. custom painting

To do :

  1. iPad/iPhone/iPodTouch multitouch compatibility
  2. MultiTouch (use any tuio compatible hardware and npTuioClient)
  3. ... dragging simultaneously multiple selections. new selection with 2 crossing
  4. 3 colors slider ie: red->black->green .
  5. multiple precision popup for multitouch
  6. Attach selection to center and move knob equally on each side
  7. Popup menu to let user change colors and other important parameters
  8. Text formater, unit and time. custom labels
  9. check typed values
  10. click on bg to fast move closest selection
  11. selection not overlapping can/cannot jump each other
  12. custom bg (callback)
  13. legend on right/bottom
  14. selection min/max size(constraints)
  15. min on right/bottom (inverted)
  16. only one handle moveable
bislider2:
All modern browsers support 'Canvas' but not your. Please update your antique ! All modern browsers support 'Canvas' but not your. Please update your antique !
...more examples to come (HSB 3 sliders, histo on fct, etc.)