• User

    Aiuto! Problema per collegare più CSS con Javascript

    Ciao a tutti!
    Ho bisogno del vostro aiuto per risolvere questo problema:
    Devo collegare due stili CSS allo stesso sito, in modo tale che sia l'utente a scegliere la grafica. Ho usato Javascript, ma il risultato è che dopo la prima volta che ho cliccato sul secondo stile, me lo cambia però non posso più rimettere quello vecchio...non riesco proprio a capire dove sbaglio...:?
    Vi posto il codice. Nella testa della pagina html ho:

    <link rel="stylesheet" type="text/css" media="screen, projection" title="principale" href="stile1.css" />
    <link rel="stylesheet" type="text/css" media="screen, projection" title="alternativo" href="stile2.css" />
    <link rel="stylesheet" type="text/css" media="print" href="stile_stampa.css" />
    <script type="text/javascript" src="cambia_stile.js"></script>
    

    Mentre i link che mi permettono di scegliere sono:

    <p id="testo" title="testo"> 
    <a href="#" >Stile 1</a><br/>
    <a href="#" >Stile 2</a>
    </p>
    

    il codice Javascript:

    function cambia_stile(title) {
      var i, a, main;
      for(i=0; (a = document.getElementsByTagName("link")*); i++) {
        if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) {
          a.disabled = true;
          if(a.getAttribute("title") == title) a.disabled = false;
        }
      }
    }
    
    window.onload = init;
        function init () {
         if (! document.getElementById){ 
            return false;
         }
          if (! document.getElementsByTagName){
            return false;
         }
    
         document.getElementById("testo").childNodes.onclick = cambia_stile("alternativo"); 
    }
    

    Premetto che devo mettere il codice solo nel file esterno.
    Siccome è la prima volta che lo faccio, devo aver combinato un po' di casino. Qualcuno può aiutarmi? 😄