How to change the style sheet for a page in Javascript?
Printable View
How to change the style sheet for a page in Javascript?
you could put something like this in the <head>:
Code:
if (whatever) {
document.write('<LINK REL="STYLESHEET" TYPE="text/css" HREF="whatever.css">');
}
else {
document.write('<LINK REL="STYLESHEET" TYPE="text/css" HREF="whatever2.css" >');
but I want the user to select a style from a combo box and change it then..
So can you reload the page? Or does it have to be completly on the fly?
on the fly could be better.. but i don't think it could be done..
but your code suggests an idea.. see whether this is good
when user changes style send a cookie with the style name and reload the page... just modifying your script may work.. but i haven't done any work with cookies.. can you help me there?.. or do you have any other ideas?
That does sound like a good idea, and probably the only way to do it. I am not that great with cookies either, but i will help if i can. :D