podmiana stylów css javascriptem

[mayev]

Witam, mam kłopotliwy problem taki jak w temacie. Usiłuję stworzyć dwie skórki na stronę i dać użytkownikowi mozliwość ich podmiany. Nie za bardzo mi to idzie.

Korzystałem z tego źródła: http://www.kurshtml.boo.pl/skrypty/skorki.html

Wszystko działa, ale tylko dla index.html znajdującego się w głównym katalogu. Reszta stron, umieszczona w osobnym podkatalogu poziom niżej przyjmuje tylko domyślna skórkę i nie mozna jej zmienić. W kursie pisze, żeby w takim przypadku używać ścieżki domyślnej, ale albo ja ją źle wpisuje albo to nie działa ; | Wyjściem awaryjnym było by wrzucene wszystkich stron do tego samego katalogu, ale chce uniknąć takiego bałaganu.

Może mi ktoś z tym pomóc :/ ? Nie wiem za bardzo jak to zrobić...

Dla jednej z tych podstron, tak wyglądają linki umieszczone w head:

Kod:

<link rel="stylesheet" type="text/css" href="../css/ciepla.css" />
<script type="text/javascript" charset="utf-8" src="javascript/skin.js"></script>

a tak lekko zmieniony kod js w body:

Kod:

        <select id="skin" onchange="if (this.value == '') skin.reset(); else skin.set(this.value)">
        <option value="ciepla.css">skórka ciepła</option>
        <option value="zimna.css">skórka mroźna</option>
        (...)
        </select>
        <script type="text/javascript">
        // <![CDATA[
        document.getElementById('skin').value = skin.get();
        // ]]>
        </script>