Nella mia home page [beh.. nella perenne bozza di home page
] stavo provando tra le altre cose uno switch di fogli di stile definendo un foglio di stile di base per la struttura tipografica del sito.. e due (anche + volendo) fogli di stile alternativi per avere diverse rese grafiche (colori essenzialmente):
codice:
<link rel="stylesheet" type="text/css" href="stilebase.css" />
<link rel="stylesheet" type="text/css" href="stilecolori.css" />
<link rel="alternate stylesheet" type="text/css" href="stilecolori2.css" />
poi una funzioncina javascript attivata da link (colore 2) dovrebbe provvedere allo switching:
codice:
supported = (document.styleSheets) ? 1 : 0;
function switch_stile(attivo)
{
if(supported)
{
stili = document.styleSheets.length;
for (i=1; i < stili; i++)
{
document.styleSheets[i].disabled = true;
}
document.styleSheets[attivo].disabled = false;
}
else
alert("Spiacenti, questa funzione non è supportata dal suo browser");
}
con IE6 niente problemi
con mozilla 1.4 e mozilla firebir 0.7 mi scarica tutti i fogli di stile, ma non mi carica quello che passo alla funzione
Con opera (mi pare il 7) mi restituisce l'alert che mi avvisa che la funzione non è supportata....
con altri browser e su linux devo provare ancora [che tiranno il tempo!
]
posso migliorare qualcosa? avete idee o suggerimenti?
Se poi avete altri browser e mi fate un report mi fate un bel favore 