changing active sytlesheet

[Andrew Poulos]

I'm trying out the code from alistapart
<url:http://www.alistapart.com/articles/alternate/> to change the
current stylesheet:

function setActiveStyleSheet(title) {
var a;
for( var i=0; (a = document.getElementsByTagName("link")[i]); i++) {
if (a.getAttribute("rel").indexOf("style") != -1
&& a.getAttribute("title")) {
a.disabled = true;
if(a.getAttribute("title") == title) a.disabled = false;
}
}
}

If I put an 'alert' in it tells me that the selected stylesheet is
indeed now enabled (not disabled) but the page doesn't reflect any
change. The stylesheets each have just one selector (so I can test it's
working):
body { font-size: 150%; }
body { font-size: 200%; }
....

It does nothing in both MZ 1.7.5 and IE 6. Is there some 'trick' to get
it to work?

Andrew Poulos

[Andrew Poulos]

Andrew Poulos wrote:

I'm trying out the code from alistapart
<url:http://www.alistapart.com/articles/alternate/> to change the
current stylesheet

[snip]
The code on alistapart works fine. It was a scope issue at my end.

Andrew Poulos