externes CSS via Javascript auswählen

[drabbit]

Hallo,

ich brauche eure Hilfe, bin leider nicht so sattelfest in JS und probiere schon länger herum...

Ich habe eine Seite die auf XHTML basiert und ich möchte dass je nach belieben die Seite grafisch via CSS verändert. Leider? muss ich diesesmal auf Javascript zurück greifen - habe so etwas immer mit php gelöst...

Kennt jemand von euch ein smartes Script, welches ich für dieses vorhaben verwenden kann?
Ich dachte an so etwas wie hol dir den wert von dem Button und trage diesen in die linkangabe vom CSS ein - nur kann ich das nicht als JS formulieren

Meine idee also:
2 CSS - Dateien
und ein kurzes script das mal auf das eine und mal auf das andere per click schaltet...

ich hoffe ihr könnt mir weiter helfen.

danke und lg

 

[hela]

Hallo,

sieh dir bitte mal das an: Alternative Style (A List Apart), m.E. komfortabel, gut erklärt und vlt. auch durchschaubar.

Ansonsten gib mal das Stichwort "styleswitcher" in eine Suchmaschine ein. Findet sich allerhand.

 

[drabbit]

Hätte jetzt ne lösung:

Hätte da ne Lösung:

<style type="text/css" >
	@import url(css/green.css);
</style>


<script type="text/javascript">
	function wechsleCSS(nr){
		var styles = document.getElementsByTagName('style');
		if (nr == 1){
			var style1 = '@import url(css/green.css);';
			styles[0].innerHTML = style1;
		}
		if (nr == 2){
			var style2 = '@import url(css/red.css);';
			styles[0].innerHTML = style2;
		}
	}
</script>


                <li><a href="javascript:wechsleCSS(1)" id="link5">green</a></li>
                <li><a href="javascript:wechsleCSS(2)" id="link6">blue</a></li>