Hallo,
Ich würde gerne wissen, ob es möglich ist, per Kllick unterschiedliche CSS-Dateien auf Dokument anwenden zu lassen.
Dass einzelne CSS Eigenschaften per JavaScript verändert werden können, habe ich schon gelesen. Ich finde aber nichts dazu, wie man per Auswahl eine alternative CSS-Datei referenzieren kann.
Mozilla stellt benannte Stylesheets unter View | Use Stylesheet zur Auswahl.
Beispiel:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Test by TM 03/02</title>
<link rel="stylesheet" href="a.css" type="text/css" title="Auswahl a">
<link rel="stylesheet" href="b.css" type="text/css" title="Auswahl b">
</head>
<p>Test (a=rot, b=blau)</p>
</body>
</html>
/* a.css */
p
{
color: #F00;
background-color: #EEE;
}
/* b.css */
p
{
color: #00C;
background-color: #EEE;
}
Der IE kennt beim document-Objekt die Methode createStyleSheet(), siehe: http://www.styleassistant.de/tips/beispiel20.htm.
Naheliegend(er) ist eine Auswahlliste und die Server-seitige Zuweisung der CSS-Dateien via PHP und Co.
MfG, Thomas