Hallo liebe Community!
Mein Problem sieht folgendermaßen aus: Ich habe auf meiner Website einen Styleswitcher eingebaut. Damit kann ich jetzt per Buttonklick zwischen 2 verschieden CSS-Stylesheets (Sommer und Winter-Style) wechseln und zwischen 2 verschiedenen Schriftgrößen. Das Problem aber ist das Folgende: wenn ich zwischen den Seiten hin und her wechsle 'merkt' sich die Seite nicht welcher Style gerade aktiv ist. Darum hab ich es schon geschafft 2 Cookies anzulegen. Ein Mal mit dem Namen Style und dem Inhalt Somer oder Winter und ein mal mit dem Namen Groesse und dem Inhalt Gross oder Klein.
Nun zu meinem eigentlichen Problem. Ich möchte jetzt, dass beim Laden jeder Seite beide Cookies ausgelesen werden und dann die richtige CSS-Datei eingebunden bzw. die Schriftgröße laut Cookie gewählt wird. Hier der Code den ich bereits habe:
Vielen Dank im Voraus!
Euer
Stefan
Mein Problem sieht folgendermaßen aus: Ich habe auf meiner Website einen Styleswitcher eingebaut. Damit kann ich jetzt per Buttonklick zwischen 2 verschieden CSS-Stylesheets (Sommer und Winter-Style) wechseln und zwischen 2 verschiedenen Schriftgrößen. Das Problem aber ist das Folgende: wenn ich zwischen den Seiten hin und her wechsle 'merkt' sich die Seite nicht welcher Style gerade aktiv ist. Darum hab ich es schon geschafft 2 Cookies anzulegen. Ein Mal mit dem Namen Style und dem Inhalt Somer oder Winter und ein mal mit dem Namen Groesse und dem Inhalt Gross oder Klein.
Nun zu meinem eigentlichen Problem. Ich möchte jetzt, dass beim Laden jeder Seite beide Cookies ausgelesen werden und dann die richtige CSS-Datei eingebunden bzw. die Schriftgröße laut Cookie gewählt wird. Hier der Code den ich bereits habe:
HTML:
<head>
<script type="text/javascript">
function getCookie() {
HIER BRAUCHE ICH HILFE!
}
function setGross () {
document.body.style.fontSize = "85%";
}
function setKlein () {
document.body.style.fontSize = "80%";
}
function setCookieSommer(){
document.cookie = "Style=Sommer";
}
function setCookieWinter(){
document.cookie = "Style=Winter";
}
function setCookieKlein(){
document.cookie = "Groesse=Klein";
}
function setCookieGross(){
document.cookie = "Groesse=Gross";
}
</script>
</head>
<body>
<a href="javascript:setStyle('sommer')" onclick="setCookieSommer();">Sommer</a>
<a href="javascript:setStyle('winter')" onclick="setCookieWinter();">Winter</a>
<a href="javascript:setGross();" onclick="setCookieGross();">Groß</a>
<a href="javascript:setKlein()" onclick="setCookieklein();"> Klein</a>
</body>
Vielen Dank im Voraus!
Euer
Stefan
Zuletzt bearbeitet: