ajax - podmiana arkusza styli do strony Opcje

[Dobrek Kropielni...]

witam,
probuje rozwiazac nastepujacy problem:

strona posiada pewna czesc wspolnych styli (pojedynczy plik css) oraz kilka skorek (osobne arkusze styli) - zalaczenie ich wszystkich jako styli alternatywnych i ich podmiana przy pomocy techniki opisanej na http://www.alistapart.com/articles/alternate/ lub przy pomocy mechanizmu http://24ways.org/advent/introducing-udasss nie za bardzo wchodzi w gre - ograniczenie wynika z wagi poszczegolnych skorek kazda z nich to ok 100kB do zaladownia

rozwiazanie ktore działa ale niestety nie waliduje sie (IMG:http://forum.php.pl/style_emoticons/default/sad.gif) to dynamiczne umieszczenie w tresci strony (gdzies w sekcji body) tagu <link> z odwolaniem do dolaczanego arkusza styli

czy ktos z Was mial juz do czynienia z taka sytuacja ? macie jakies pomysly jak to rozwiazac ?

pozdrawiam
dobrek

[TomASS]

Do tego wcale nie jest potrzebny AJAX - ja to mam zrobione tak:

[HTML] pobierz, plaintext 
<link rel="Stylesheet" href="./style/style.css" type="text/css">
<link rel="Stylesheet" href="./style/red.css" type="text/css">
<link rel="Stylesheet" href="./style/green.css" type="text/css">
<link rel="Stylesheet" href="./style/blue.css" type="text/css">
<link rel="Stylesheet" href="./style/yellow.css" type="text/css">
[HTML] pobierz, plaintext 

Gdzie pierwszy ze styli jest wspolnym stylem, a później mam funkcję JS:

[HTML] pobierz, plaintext 
<script>
function selectCSS(numer){
	for(i=1;i<document.styleSheets.length;i++){
		document.styleSheets[i].disabled=true;
	}
	document.styleSheets[numer].disabled=false;
}
</script>
[HTML] pobierz, plaintext