Hallo in die Runde,
ich baue eine neue Site. Ich möchte zwei unterschiedliche Layouts hinterlegen (weiß und schwarz, beide bestehen bereits).
Ich habe mir einen CSS Switcher aus dem Netz gesucht, der für mich bislang funktioniert.
Hier das JavaScript dazu:
Gesteuert wird dies über diese beiden Links:
Das funktioniert alles.
Ich möchte allerdings gern, dass ich das mit einem einzigen Link bewerkstelligen kann, dieser als noch Betätigung für den jeweils anderen Link einspringt.
Es wäre also so:
Wenn CSS = schwarz, dann Link1 auf weiß,
wenn CSS = weiß, dann Link1 aus schwarz
Wie kann ich das bewerkstelligen?
Danke Euch.
ich baue eine neue Site. Ich möchte zwei unterschiedliche Layouts hinterlegen (weiß und schwarz, beide bestehen bereits).
Ich habe mir einen CSS Switcher aus dem Netz gesucht, der für mich bislang funktioniert.
Hier das JavaScript dazu:
HTML:
defCss="black.css";
// den Wert css wird aus dem Cookie auslesen
function WertHolen() {
var s =defCss;
if(document.cookie) {
var cString=document.cookie
var a = cString.indexOf("css=") + 4;
cString=cString.substring(a,cString.length);
var b = cString.indexOf(";");
if (b == -1) b = cString.length;
s = cString.substring(0,b);
}
return s;
}
// wert "styleFile" in ein Cookie schreiben
function cssSetzen(styleFile) {
//Gültigkeit des cookies in Tagen
var tage=2;
var datum = new Date();
var bis = datum.getTime() + (tage * 24 * 60 * 60 * 1000);
datum.setTime(bis);
// Cookie wird gesetzt
document.cookie = "css="+styleFile+"; expires=" + datum.toGMTString()+";";
// Seite wird neu aufgerufen
document.location.href=document.location.href;
}
// CSS-Pfad schreiben
if(document.cookie){
var css=WertHolen();
document.write("<link rel=stylesheet type='text/css' href='"+css+"'>");
} else document.write("<link rel=stylesheet type='text/css' href='"+defCss+"'>");
Gesteuert wird dies über diese beiden Links:
HTML:
<a href="javascript:cssSetzen('css/black.css')">schwarz</a>
<a href="javascript:cssSetzen('css/white.css')">weiß</a>
Das funktioniert alles.
Ich möchte allerdings gern, dass ich das mit einem einzigen Link bewerkstelligen kann, dieser als noch Betätigung für den jeweils anderen Link einspringt.
Es wäre also so:
Wenn CSS = schwarz, dann Link1 auf weiß,
wenn CSS = weiß, dann Link1 aus schwarz
Wie kann ich das bewerkstelligen?
Danke Euch.