Comments on: Rich HTML Slider

By: jeremys

jeremys — Sat, 08 Oct 2011 08:05:52 +0000

Excelent controll. Problem for me is that This (no one them actually) does not work in TouchScreen devices like Nokia Phones (Opera v11).

Fo addition can there be possibility to add Buttons somewhere to Increase / decrease the Slider position & value?

Button pressing must be so that when pushed down, it will continue valueChanage and perhaps gain some momentum aswell.. Releasesing the button, increase/decreas will stop.

By: Scott Schiller

Scott Schiller — Wed, 30 Nov -0001 00:00:00 +0000

I was playing with a similar slider control for a project demo page (JS fireworks parameter controls). The sliders are animated as well via JS.

Demo here (down page a bit)..
http://www.schillmania.com/projects/fireworks/

I’m using DT/DD elements to classify the control “label” and expected range of values (eg. 0-100), the only missing item is a degradable input element (since this demo is for a JS library.) Actually using LABEL may have also been more semantically accurate than a DD in this case.

By: Jonathan Snook

Jonathan Snook — Wed, 30 Nov -0001 00:00:00 +0000

I used the webfx sliders in almost the same way to test colour contrast. http://www.snook.ca/technical/colour_contrast/colour.html

By: Rasqual

Rasqual — Wed, 30 Nov -0001 00:00:00 +0000

It’s a shame none of the controls mentioned above is really accessible.
To achieve this, you’d need to allow the slider cursor to acquire focus (e.g. wrapping it in an a element) and also to handle keyboard events.