Originariamente inviato da FullsaReturn
su tutti possibilmente... lo script funziona, solo che la modifica avviene a fine caricamento della pagina... io vorrei che invece si caricasse sin da subito con le modifiche... non è possibile?
Prova così. Con queste modifiche la dichiarazione dei fogli di stile deve stare prima dello script. Chiaro?

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) {
	if (!sTitle) { return; }
	for (var iStyleSh, iStyleSheetId = 0, aLinkEls = document.getElementsByTagName("link"); iStyleSheetId < aLinkEls.length; iStyleSheetId++) {
		iStyleSh = aLinkEls[iStyleSheetId];
		if (iStyleSh.rel === "stylesheet" && iStyleSh.title) { iStyleSh.disabled = iStyleSh.title !== sTitle; }
	}
	localStorage.setItem("customStyle", sTitle);
}

if (localStorage.hasOwnProperty("customStyle")) { chooseStyleSheet(localStorage.getItem("customStyle")); }
</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>