[grovberg]

So how complicated is to implement a button that will let the user switch between two different style sheets? I looked around for a DW behavior with no luck and any sites I've found that have this feature all use javascript libraries that are a bit over my head, but it seems like it shouldn't be that complicated.

Thanks.

[Tesseract]

How about the ALA style switcher?

[mania]

i use php to set a couple session vars to change link to style sheet and main header image.

[- - e r i k - -]

Use the ALA-style switcher as mentioned.

Don't know if this is useful for anyone, but I just put together this bit of php-code to automatically switch stylesheet by date (spring, summer, fall, winter). I couldn't find anything by Googling on this, so I based this of a variable-setting one. It's a bit ugly, but then again I'm not much of a coder:

Code:
<?php	
if(date("n") == 12) {
if(date("j") >= 22):
echo "<link rel=\"stylesheet\" href=\"layout-blue.css\" type=\"text/css\" title=\"vinter\" />
<link rel=\"alternate stylesheet\" href=\"layout-gold.css\" type=\"text/css\" title=\"host\" />
<link rel=\"alternate stylesheet\" href=\"layout-green.css\" type=\"text/css\" title=\"sommer\" />
<link rel=\"alternate stylesheet\" href=\"layout-spring.css\" type=\"text/css\" title\"var\" />";
else:
echo "<link rel=\"stylesheet\" href=\"layout-gold.css\" type=\"text/css\" title=\"host\" />
<link rel=\"alternate stylesheet\" href=\"layout-green.css\" type=\"text/css\" title=\"sommer\" />
<link rel=\"alternate stylesheet\" href=\"layout-spring.css\" type=\"text/css\" title=\"var\" />
<link rel=\"alternate stylesheet\" href=\"layout-blue.css\" type=\"text/css\" title=\"vinter\" />";
endif;
}
if(date("n") >= 1 && date("n") <= 2) {
echo "<link rel=\"stylesheet\" href=\"layout-blue.css\" type=\"text/css\" title=\"vinter\" />
<link rel=\"alternate stylesheet\" href=\"layout-gold.css\" type=\"text/css\" title=\"host\" />
<link rel=\"alternate stylesheet\" href=\"layout-green.css\" type=\"text/css\" title=\"sommer\" />
<link rel=\"alternate stylesheet\" href=\"layout-spring.css\" type=\"text/css\" title\"var\" />";
}
if(date("n") == 3) {
if(date("j") <= 21):
echo "<link rel=\"stylesheet\" href=\"layout-blue.css\" type=\"text/css\" title=\"vinter\" />
<link rel=\"alternate stylesheet\" href=\"layout-gold.css\" type=\"text/css\" title=\"host\" />
<link rel=\"alternate stylesheet\" href=\"layout-green.css\" type=\"text/css\" title=\"sommer\" />
<link rel=\"alternate stylesheet\" href=\"layout-spring.css\" type=\"text/css\" title\"var\" />";
else:
echo "<link rel=\"stylesheet\" href=\"layout-spring.css\" type=\"text/css\" title=\"var\" />
<link rel=\"alternate stylesheet\" href=\"layout-green.css\" type=\"text/css\" title=\"sommer\" />
<link rel=\"alternate stylesheet\" href=\"layout-gold.css\" type=\"text/css\" title=\"host\" />
<link rel=\"alternate stylesheet\" href=\"layout-blue.css\" type=\"text/css\" title=\"vinter\" />";
endif;
}
if(date("n") >=4 && date("n") <= 5) {
echo "<link rel=\"stylesheet\" href=\"layout-spring.css\" type=\"text/css\" title=\"var\" />
<link rel=\"alternate stylesheet\" href=\"layout-green.css\" type=\"text/css\" title=\"sommer\" />
<link rel=\"alternate stylesheet\" href=\"layout-gold.css\" type=\"text/css\" title=\"host\" />
<link rel=\"alternate stylesheet\" href=\"layout-blue.css\" type=\"text/css\" title=\"vinter\" />";
}
if(date("n") == 6) {
if(date("j") <= 21):
echo "<link rel=\"stylesheet\" href=\"layout-spring.css\" type=\"text/css\" title=\"var\" />
<link rel=\"alternate stylesheet\" href=\"layout-green.css\" type=\"text/css\" title=\"sommer\" />
<link rel=\"alternate stylesheet\" href=\"layout-gold.css\" type=\"text/css\" title=\"host\" />
<link rel=\"alternate stylesheet\" href=\"layout-blue.css\" type=\"text/css\" title=\"vinter\" />";
else:
echo "<link rel=\"stylesheet\" href=\"layout-green.css\" type=\"text/css\" title=\"sommer\" />
<link rel=\"alternate stylesheet\" href=\"layout-spring.css\" type=\"text/css\" title=\"var\" />
<link rel=\"alternate stylesheet\" href=\"layout-gold.css\" type=\"text/css\" title=\"host\" />
<link rel=\"alternate stylesheet\" href=\"layout-blue.css\" type=\"text/css\" title=\"vinter\" />";
endif;
}
if(date("n") >= 7 && date("n") <= 8) {
echo "<link rel=\"stylesheet\" href=\"layout-green.css\" type=\"text/css\" title=\"sommer\" />
<link rel=\"alternate stylesheet\" href=\"layout-spring.css\" type=\"text/css\" title=\"var\" />
<link rel=\"alternate stylesheet\" href=\"layout-gold.css\" type=\"text/css\" title=\"host\" />
<link rel=\"alternate stylesheet\" href=\"layout-blue.css\" type=\"text/css\" title=\"vinter\" />";
}
if(date("n") == 9) {
if(date("j") <= 21):
echo "<link rel=\"stylesheet\" href=\"layout-green.css\" type=\"text/css\" title=\"sommer\" />
<link rel=\"alternate stylesheet\" href=\"layout-spring.css\" type=\"text/css\" title=\"var\" />
<link rel=\"alternate stylesheet\" href=\"layout-gold.css\" type=\"text/css\" title=\"host\" />
<link rel=\"alternate stylesheet\" href=\"layout-blue.css\" type=\"text/css\" title=\"vinter\" />";
else:
echo "<link rel=\"stylesheet\" href=\"layout-gold.css\" type=\"text/css\" title=\"host\" />
<link rel=\"alternate stylesheet\" href=\"layout-green.css\" type=\"text/css\" title=\"sommer\" />
<link rel=\"alternate stylesheet\" href=\"layout-spring.css\" type=\"text/css\" title=\"var\" />
<link rel=\"alternate stylesheet\" href=\"layout-blue.css\" type=\"text/css\" title=\"vinter\" />";
endif;
}
if(date("n") >= 10 && date("n") <= 11) {
echo "<link rel=\"stylesheet\" href=\"layout-gold.css\" type=\"text/css\" title=\"host\" />
<link rel=\"alternate stylesheet\" href=\"layout-green.css\" type=\"text/css\" title=\"sommer\" />
<link rel=\"alternate stylesheet\" href=\"layout-spring.css\" type=\"text/css\" title=\"var\" />
<link rel=\"alternate stylesheet\" href=\"layout-blue.css\" type=\"text/css\" title=\"vinter\" />";
}
?>

[mdc]

my site has a php script with cookies that will remember which style (selectable towards the bottom of the front page) you chose.

if you want the code i'll post it

[grovberg]

Thanks guys, the ALA thing was just what I was looking for. The PHP stuff won't work since my students don't have access to a PHP server.

Thanks again!

[mania]

Originally Posted by grovberg

The PHP stuff won't work since my students don't have access to a PHP server.

hmm thats pretty sad.

it comes with OS X you know - but you do have to 'turn it on' by editing a text file (way beyond some people i know).