Abhishek Reddy — Mon, 09 Oct 2006 02:41:47 +0000

fifeclub;208304 wrote: Thanks. Worked great. Only thing I had to do is add a top dummy option directing people to "choose theme", otherwise you couldn't actually choose the top theme for some reason.

Good point. I presumed one of the themes would be the current theme anyway, so it would be selected by default. You can set the default option by adding selected="selected" in the option tag.

fifeclub — Mon, 09 Oct 2006 01:51:57 +0000

Thanks. Worked great. Only thing I had to do is add a top dummy option directing people to "choose theme", otherwise you couldn't actually choose the top theme for some reason.

Abhishek Reddy — Sat, 07 Oct 2006 14:20:04 +0000

Whilst binding to onclick will work in some browsers for when the user clicks an option, it won't work when the option is selected by keyboard, or even at all in browsers such as Konqueror.

The onchange event is more general:

 <select name="blah" onchange="setActiveStyleSheet(this.options[this.selectedIndex].value);">
    <option value="Red">Red Style</option>
    <option value="Blue">Blue Style</option>
    <option value="Green">Green Style</option>
    <option value="Web 2.0">Web 2.0 Style</option>
  </select>

this.selectedIndex is an integer representing the selected option. this.options[] is an array of option nodes in the current select node. value holds whatever argument you want to send to the setActiveStyleSheet function.

andy206uk — Sat, 07 Oct 2006 12:04:08 +0000

I'm no javascript wiz but isn't it something like:

 <select name="blah">
    <option onclick="setActiveStyleSheet('Red'); return false;" >Red Style</option>
    <option onclick="setActiveStyleSheet('Blue'); return false;" >Blue Style</option>
    <option onclick="setActiveStyleSheet('Green'); return false;" >Green Style</option>
    <option onclick="setActiveStyleSheet('Web 2.0'); return false;" >Web 2.0 Style</option>
  </select>