Maledetti browser che rimangono all'età della pietraProva così:
Noterai delle modifiche (in rosso) che apparentemente sono in contraddizione con quanto ti avevo scritto precedentemente. Immagino capirai da solo perché la contraddizione è solo apparente. N.B. Copia tutto il codice, ché ho modificato anche la funzione!codice:<!doctype html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Pagina vuota</title> <link href="static.css" rel="stylesheet" type="text/css" /> <link href="default.css" rel="stylesheet" type="text/css" title="Default Style" /> <link href="fancy.css" rel="stylesheet" disabled="true" type="text/css" title="Fancy" /> <link href="basic.css" rel="stylesheet" disabled="true" type="text/css" title="Basic" /> <script type="text/javascript"> function chooseStyleSheet(sTitle) { for (var iStyleSheetId = 0, aLinkEls = document.getElementsByTagName("link"); iStyleSheetId < aLinkEls.length; iStyleSheetId++) { iStyleSh = aLinkEls[iStyleSheetId]; if (iStyleSh.rel === "stylesheet" && iStyleSh.title) { iStyleSh.disabled = iStyleSh.title !== sTitle; } } } </script> </head> <body> [ <span class="intLink" onclick="chooseStyleSheet('Default Style');">Default Style</span> | <span class="intLink" onclick="chooseStyleSheet('Fancy');">Fancy</span> | <span class="intLink" onclick="chooseStyleSheet('Basic');">Basic</span> ]</p> <span class="classeEsempio">Testo di esempio</span> </body> </html>
P.S. Con questa seconda versione potrai usare solo fogli di stile esterni (ovviamente quelli che servono allo scopo! i fogli di stile interni al documento potrai ancora utilizzarli, ma non ai fini dello switch).![]()

Prova così:
Rispondi quotando