Hintergrundfarbenwechsel(html)

AzRAeL · 27.10.2003, 12:22

hier mal ein anfang....

Code:

<html>
<head>

<link id="rot" rel="stylesheet" type="text/css" href="rot.css">
<link id="gruen" rel="stylesheet" type="text/css" href="gruen.css" disabled>
<link id="blau" rel="stylesheet" type="text/css" href="blau.css" disabled>

<script language="Javascript">
function switchCss(farbe){
	var rot	  = document.getElementById("rot");
	var blau  = document.getElementById("blau");
	var gruen = document.getElementById("gruen");
	
	var myCss = new Array(rot, gruen, blau);
	
	if(farbe != null){
		for(var i=0; i<myCss.length; i++){
			if(myCss[i].id == farbe){
				myCss[i].disabled = false;
			}else{
				myCss[i].disabled = true;
			}
		}
	}
}
</script>
</head>
<body>
	<a onclick="switchCss('blau');">blau</a>

	<a onclick="switchCss('rot');">rot</a>

	<a onclick="switchCss('gruen');">gruen</a>

</body>
</html>

dann baruchst noch die 3 css files... und ab gehts - wenn ich wüßte wie ich da eine datei anhängen kann - ahrgl!!

mfg

Azzy

ps: man sollte den wert in einem cookie speichern, denn wenn du einen link ausführst is alles wieder futsch

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)