New Stylesheet Switcher.
I'm trying to use the DOM and Javascript to come up with a new stylesheet switcher for this site. Currently, I use Javascript to read a cookie and do a bunch of document.write's to write out the full <style type="text/css">...</style> code. However, I should be able to use the following to simply replace the <style> tag's contents. However, it doesn't work in IE5/Mac :-(. Please notify me if you know why this doesn't work.
<script type="text/javascript">
function switchStyle() {
var current = document.getElementsByTagName("style").item(0);
if (current.hasChildNodes()) { // IE5/Mac returns false, Mozilla returns true
var newStyle =
document.createTextNode("@import url(/skins/sunset/styles/colors-n-fonts.css);");
current.replaceChild(newStyle, current.firstChild);
}
}
</script>
<button type="button" onclick="switchStyle()">switch stylesheet</button>
You can try it out using the button below: