Printable View
1) CODE TITLE: Style Sheet Switcher
2) AUTHOR NAME/NOTES: Michael Burt (http://mburt.funpic.org/)
3) DESCRIPTION: A style sheet switcher which uses any element (select, radio, buttons, links). Similar to http://www.dynamicdrive.com/dynamici...etswitcher.htm, but much easier to implement. Examples and instructions on url below.
4) URL TO CODE: http://mburt.mb.funpic.org/projects/css_switch/
If there's any problems, go ahead and say so! :)
Pretty neat looking. I notice that you have two different stylesheets associated with the default option, depending upon where it appears in your markup. Other than that, all you need is perhaps a cookie to remember the choice for the page and/or the site.
That's a good idea... I'll try to implement that.Quote:
Other than that, all you need is perhaps a cookie to remember the choice for the page and/or the site.
Okay, the cookies are working well now too. Should I add a feature if the user wants the cookies enabled or not?
Nah. The user isn't all that smart about cookies generally.
I think that using the cookie is nice.... if they want it, they want it.
However, it's important to have an obvious 'reset'/'default' button if any of the layouts could potentially screw things up, such as white text on a white background or something, though that would be an unusual situation, probably.
Yeah... I tried that, but when you specify no "href" attribute it causes a bunch of errors. Kind of hard to deal with, but I'll think of something.
Hrm?
<a href="anything.htm" onclick="return dostuff();">
That's one way.
Or...
<a href="thispage.php?style=someserversidebackup" onClick="return dostuff();">
I made an error catch now, so we don't need to worry about that :p Should be good to go.
Just something that was bothering me earlier after looking at the markup, and I just checked with the validator:
You could maybe use name rel or rev with links and value with checkboxes and radio buttons. For buttons, name - perhaps rel or rev might work.Quote:
Error Line 36 column 53: there is no attribute "SOURCE".
<br><input type="button" class="change-style" source="green.css" value="Green">