Date Slider Control

The aim here is to adapt the example taken from the W3C Shoools website and use it to select a date from a range. This date will then be used to control some other data display method to shown information that was relative to the date selected.

At the moment I have it working so that a date can be selected and displayed as text. I have yet to decide what I want to do with this date.

Drag to desired Century

Century: th

Selecting the anchor in the Timeline

The code from the range-slider example simply sets the value of an element defined by a span tag

I have a working prototype but it needs more work. The usage of the element.innerHTML property is of concern (according to MSN). As this is the first real attempt of adaption for my own use I am pretty sure I can make this work without using innerHTML.