CSS Switcher mittels dynamischem Link

lebaron

Grünschnabel
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:

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.
 
z.B. so:
Code:
<script>
if(defCss == 'black'){
document.write("<a href=\"javascript:cssSetzen('css/black.css')\">schwarz</a>
<a href=\"javascript:cssSetzen('css/white.css')\">weiß</a>");
} else {
document.write("<a href=\"javascript:cssSetzen('css/white.css')\">weiß</a>
<a href=\"javascript:cssSetzen('css/black.css')\">schwarz</a>");
}
</script>

MfG
Mark PAspirgilis
 
Zurück