Javascript cookie to remember css choice?

Shannon · 07-07-2004, 04:14 PM

Hi I have this code in my <head>

[code:1:ff5909d9cc]
<link rel="stylesheet" href="wsd.css" type="text/css" media="screen" title="Normal">
<link rel="alternate stylesheet" href="wsdc.css" type="text/css" media="screen" title="Collapsed">
<script type="text/javascript">
function f_SelectStyleSheet (sTitle) {
if (document.getElementsByTagName) {
var asLinks = document.getElementsByTagName("link");
for (var i = 0; i < asLinks.length; i++)
asLinks[i].disabled = !(asLinks[i].title==sTitle);
}
}
</script>[/code:1:ff5909d9cc]

and links in the page which change the stylesheet.

[code:1:ff5909d9cc]
<a href="javascript:f_SelectStyleSheet('Normal');">No rmal</a>
<a href="javascript:f_SelectStyleSheet('Collapsed');" >Slim</a>[/code:1:ff5909d9cc]

What I don't know is how to write a cookie so that the browser 'remembers' the users css choice on refresh or page change.

If anyone wouldn't mind adding to the above code and filling in the blanks to help this occurs I'd be very happy

Thanks much.

ps. I'm not good with JS yet so please include all relevant info. thanks.