lebaron: Link dynamisch ändern, der CSS-Switch auslöst

Beitrag lesen

Hallo,

ich habe eine Site auf der ich mittels zweier Links einen CSS Switch (via javascript) realisiere. Link1 schaltet auf schwarz und Link2 auf weiß.

Nun würde ich das ganze gern mit nur einem Knopf realisieren. Also soll der Link im schwarzen CSS auf weiß verweisen und im weißen auf schwarz.

Wie kann ich das Lösen? Ich muss auch hinzu sagen, dass ich mir das JS nur zusammengesammelt habe, da meine Programmierkenntnisse ausgesprochen beschränkt sind.

Danke Euch schonmal.
Lebaron

Hier auch noch der das Javascript:

<!--  
  
defCss="black.css";  
  
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;  
}  
  
  
function cssSetzen(styleFile) {  
  
	var tage=2;  
	var datum = new Date();  
   	var bis = datum.getTime() + (tage * 24 * 60 * 60 * 1000);  
   	datum.setTime(bis);  
  
   	document.cookie = "css="+styleFile+"; expires=" + datum.toGMTString()+";";  
  
   	document.location.href=document.location.href;  
}  
  
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+"'>");

Hier die Links, die den Switch auslösen:

<div id="switcher"><a class="type2" href="#" onclick="setActiveStyleSheet('black'); return false;">&#8226;&nbsp;</a><a class="type3" href="#" onclick="setActiveStyleSheet('white'); return false;">&#8226;</a></div>