- Home
- Categorie
- Coding e Sistemistica
- Javascript & Framework
- Aiuto! Problema per collegare più CSS con Javascript
-
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?