« Web Builder Blogs | Main | He's back! »
20020912 Thursday September 12, 2002

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:

Posted in The Web at Sep 12 2002, 06:41:50 PM MDT Add a Comment

Comments:

Post a Comment:
  • HTML Syntax: Allowed
Click me to subscribe
Matt Raible is the Lead UI Architect at LinkedIn. The opinions on this site are mine, not my employers.
« November 2008
SunMonTueWedThuFriSat
      
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
      
Today

Recent Entries

Tag Cloud

abbie acegi appfuse denver flex grails gwt hibernate jack java jsf linkedin maven myfaces oscon rails skiing spring springmvc struts struts2 tapestry travel webframeworks wicket