Hallo alle zusammen!
Ich habe folgendes Problem:
Auf meiner Website habe ich ein vierteljährlich wechselndes Layout eingebaut. Dazu habe ich vier verschiedene externe StyleSheets erstellt, die in jeder HTML-Seite mittels eines externen Javascripts aktiviert bzw. deaktiviert werden.
Im Head-Teil der Html-Seiten habe ich folgenden Code:
<link rel="stylesheet" disabled="true" href="styles/winter.css" type="text/css">
<link rel="stylesheet" disabled="true" href="styles/fruehling.css" type="text/css">
<link rel="stylesheet" disabled="true" href="styles/sommer.css" type="text/css">
<link rel="stylesheet" disabled="true" href="styles/herbst.css" type="text/css">
<SCRIPT LANGUAGE = "JavaScript" src="java/style.js"></SCRIPT>
Im externen Java Script style.js habe ich dann mittels dem stylesheet Objekt auf die Eigenschaft disabled zugegriffen.
<!--
var datum = new Date();
var monat = datum.getMonth();
if(monat <= 4 && monat >= 2) {document.styleSheets[1].disabled = false;}
else if(monat <= 7 && monat >= 5) {document.styleSheets[2].disabled = false;}
else if(monat <= 10 && monat >= 8) {document.styleSheets[3].disabled = false;}
else {document.styleSheets[0].disabled = false;}
//-->
Das ganze funktioniert wunderbar im IE, nur in Netscape wird mir immer nur der zuletzt eingebundene StyleSheet angezeigt.
Wie kann ich das ändern?
Vielen Dank für Eure Hilfe!
Lg, Nina