Friday, August 12th, 2005
Rich HTML Slider
Category: Examples
Now they have a nice demo of a dhtml slider
Related Content:
- ComponentOne adds rich-text editor to Studio Enterprise
The company has added a WYSIWYG rich-text editor for its ASP.NET development tool and improved its spell checker. Components for Silverlight and WPF... - Is Java ready for HTML5?
How quickly will Java developers be able to develop HTML5-ready server-side... - Save your reports in a Notes document
Save reports in... - How can I import HTML or MS Word file into a Rich Text field in a background agent?
3.9 rating from 32 votes
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.
I used the webfx sliders in almost the same way to test colour contrast. http://www.snook.ca/technical/colour_contrast/colour.html
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.
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.