The HTML5 Range slider input form element is interesting. Basically it's a visual analog "volume control" type slider to set a value.
But, in spite of it being a html element, it doesn't work in TW as far as I can tell. Among other things, I hope to use it for experimenting with numberic CSS values.The slider could store a value in a state tiddler which is then transcluded into the CSS attribute. I hope to have a permanent slider somewhere that I just switch target for where it should apply. For one thing, I think it could be used to make a much better UI for the Stylesheets. Considering how much of an impact the Stylesheets have the UI for them is "unproportionally neglected". The Theme Tweaks is, I guess, the attempt to handle this - but even here a Range slider could be of use for some values (there is little reason why a user should have to specify an *exact* number of pixels or % for the tiddler river column etc). So.. any ideas how to make the Range slider input work in TW? Further, to see the *output* value from a Range input, you apparently need another html element; the output tag. Here's a jsfiddle <http://jsfiddle.net/Xjxe6/> example showing it does not use any javascript or CSS. It includes in a form which seems necessary there but in many other examples (see below) it does not seem required. Articles on the Range input element - Here's a nice general intro <http://demosthenes.info/blog/757/Playing-With-The-HTML5-range-Slider-Input>article by web desginer on how to use it, a bit on styling etc - StackOverflow <http://stackoverflow.com/questions/10004723/html5-input-type-range-show-range-value>article with multiple methods for showing the output. I tried all but can't get any to work. - w3schools <http://www.w3schools.com/jsref/dom_obj_range.asp> reference - W3.org <http://www.w3.org/TR/html-markup/input.range.html> reference on Range - Styling <http://www.hongkiat.com/blog/html5-range-slider-style/> across differenc browsers. - Article <https://css-tricks.com/value-bubbles-for-range-inputs/> describing how to make the slider handle show a value bubble. Articles on the Output tag - w3schools <http://www.w3schools.com/tags/tag_output.asp> reference - General intro <http://demosthenes.info/blog/754/input-Antipode-The-HTML5-output-Element> article by web designer - General technical <http://html5doctor.com/the-output-element/> article <:-) -- You received this message because you are subscribed to the Google Groups "TiddlyWikiDev" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. Visit this group at http://groups.google.com/group/tiddlywikidev. To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywikidev/ec29fc2a-29e9-4ddb-a545-0cdde4cb6512%40googlegroups.com. For more options, visit https://groups.google.com/d/optout.
