Reakce na odpověď

Nevím jestli je to co chceš ani jestli je to košér, ale dělám to takto a používám pro různé styly při kliku na "Zobrazit pro čtení" či "Zobrazit pro tisk" (můžeš vyzkoušet třeba tady: http://turistika.arkotechnik.cz/Reports/R_019_Dnem Rybnika/R_019_DnemRybnika.html (tlačítka jsou na konci). Ber to pro inspiraci, přizpůsob své potřebě:

V <head> mám natažení takto dvou stylů (začne fungovat ten druhý) a načtení javascriptu:

<link rel="stylesheet" id="Druhy" href="../../Styles/Muj_Cerny_Pro_Tisk_Rce.css" type="text/css">
<link rel="stylesheet" id="Prvni" href="../../Styles/Muj_Barevny_Pro_Zobrazeni.css" type="text/css">
<script type="text/javascript" src="../../Java/EnableStyl.js"></script>

Dále mám ve výše uvedeném extra souboru "EnableStyl.js" javascript:

function PovolStyl (Povol, Zakaz)  {
	document.styleSheets [Zakaz].disabled = true;
	document.styleSheets [Povol].disabled = false;
}

A tlačítka pro změnu styly mám takto:

<button title="Kliknutím zobrazíte aby se to dobře vytisklo" type="button" onclick="PovolStyl (0, 1)">Zobrazit pro Tisk</button>
<button title="Kliknutím zobrazíte hezké pro čtení očima" type="button" onclick="PovolStyl (1, 0)">Zobrazit pro čtení</button>

javascript - načítanie externého CSS za podmienky