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