2 "state" slide/accordion button (with reveals) expanded to 3 (or more)
"states"/position/sequence
On the radio, round buttons are 3 position while rectangular are 2 state
(on/off). The round "ON" switch is shown in its 3 states-- first click
turns the radio on enabling audio to run once a station is selected, second
click (VOL) reveals the HTML audio controls, third click (OFF) turns off
any streaming audio and returns the button back to its starting
state/condition (ON) . The button remains in the same spot, just the text
of the button change. Each state (step in the sequence) turns on the next
step and the final step turns on the first so the sequence can be
repreated. As many steps can be chained and actions assigned to each step.
Secong image also shows the concept moidified for a dial appearance and
slide switch.
working on a bi-directional version forward and backwards sequence
code at bottom
[image: radiosbar.jpg]
[image: radiosidebar2.jpg]
Aplolgies for broken button borders-- latest Firefox update is playing
havok with buttons-- I now have white bg buttons (which means I now cannot
see the editor toolbar in topic creation)-- the impact in TW is much less--
text know has black bg which can overlap & cover the button border.
<style>.radiobutt {width:50px;height:50px;padding:1em;border-width:2px;
border-radius:50%;}</style>
<$reveal type="match" state="$:/state/radioonbutt" text=""><$button
set="$:/state/radioonbutt" setTo="on" class="tc-btn-rounded radiobutt"
tooltip="Click to turn radio on"><$action-setfield
$tiddler="$:/temp/radiostat" text="# radio static"
/>ON</$button></$reveal><$reveal type="match" state="$:/state/radioonbutt"
text="on"><$button set="$:/state/radioonbutt" setTo="off"
class="tc-btn-rounded radiobutt" tooltip="Click to open volume
control">VOL</$button></$reveal><$reveal type="match"
state="$:/state/radioonbutt" text="off"><$button set="$:/state/radioonbutt"
setTo="" class="tc-btn-rounded radiobutt" tooltip="Click to turn radio
off"><$action-setfield $tiddler="$:/temp/radiostat" text=""
/>OFF</$button></$reveal>
--
You received this message because you are subscribed to the Google Groups
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/132d3a59-74b0-4720-b8cb-d0f61b3c2372%40googlegroups.com.
