[JS] Ricordare l'impostazione CSS tramite cookie

[miki92]

Ciao a tutti,
avrei bisogno che i miei utenti scelgano il loro stile preferito per il mio sito e di mantenerlo fino a quando non decidano di cambiarlo.
Per fare questo dovrei utilizzare questo script in tutte le pagina del mio sito:

<script type="text/javascript">
function cambiaCSS(file_scelto) {
   var elenco = document.getElementsByTagName("link");
   var tagstile;
   for (n=0;n<elenco.length;n++) if(elenco[n].media=="screen") tagstile = elenco[n];
   tagstile.href = file_scelto;
}
</script>

<a href="javascript:cambiaCSS('foglio1.css')"> Foglio 1 </a>
<a href="javascript:cambiaCSS('foglio2.css')"> Foglio 2 </a>

Però ora avrei bisogno di impostare i cookie perchè ricordassero la decisone presa dall'utente, e possibilmente dovrebbero rimanere nel pc dell'utente anche se questo spegne il computer o chiude internet...in poche parole dovrebbero durare finchè non vengono azzerati. So che quello che devo modificare è sicuramente il primo script quello che dovrò inserire in tutte le pagine ma non so come modificarlo, ho provato a cercare in rete come "giocare" con i cookie attraverso javascript ma non ho capito niente.
Qualcuno di voi più esperto di me saprebbe aiutarmi?

[funcool]

Questa guida spiega come creare, leggere e cancellare cookie in JavaScript.

[miki92]

Volevo per l'appunto evitare quel sito perchè non ci capisco mai molto di quello che dice, comunque io ci ho provato lo stesso ma non funziona dove sbaglio?

<script type="text/javascript">
function memorizza(cssmiki92,document.getElementsByTagName("link"))
{
var expDays = 1000;
var exp = new Date(); 
exp.setTime(exp.getTime() + (expDays*24*60*60*1000));
expdate=exp.toGMTString();
document.cookie = “”+variabile+” =”+ valore+”; expires =”+ expdate+”;”;
}

function cambiaCSS(file_scelto) {
   var elenco = GetCookie(”cssmiki92”)
   var tagstile;
   for (n=0;n<elenco.length;n++) if(elenco[n].media=="screen") tagstile = elenco[n];
   tagstile.href = file_scelto;
}
</script>

[dreadnaut]

getCookie() e setCookie(), in un formato decente e leggibile

[funcool]

Ma conosci un minimo di JavaScript? Nella prima funzione ci sono degli errori grossolani.
Come parametri della funzione memorizza devi lasciare variabile e valore che sono i due valori che salvi nel cookie.
Quando cambi lo stile richiamerai la funzione memorizza e gli passerai il valore dello stile che hai scelto e il nome del cookie.

[miki92]

Aspetta sto un po' in confusione, allora come primo script deve venire quello che cambia i CSS dopodichè quello che memorizza i dati in un cookie, giusto?

[funcool]

Sì, puoi richiamare la funzione che memorizza i cookie direttamente da quella che cambia i CSS.

[miki92]

Scusate l'ignoranza ma non ci sto capendo più niente, sto facendo un intrigo di codici proprio inutili.
Mi trovo su questo tutorial ma quello che dice non riesco ad applicarlo con il codice che sopra ho trovato...

@dreadnaut Grazie per quella guida...ma io già capisco male guide in italiano figuriamoci in inglese...

Miki, potrei utilizzarlo pure io questo codice? Mi servirebbe per la versione 4.0 di pspboy

[miki92]

Il codice non è mio quindi puoi utilizzarlo come vuoi, però ancora sto cercando di fare quel fatto dei cookie ma con risultato sempre 0. Qualcuno non mi sa aiutare?

[funcool]

Hai detto che hai fatto un intrigo di codici, che codice stai utilizzando ora?

[miki92]

Non ne ho uno fisso, con le guide che mi avete postato ho cercato di modificarlo in base alla semplicità e in base a quello che volevo capire ma non ci sono riuscito, poi mi è stato consigliato di impostare i cookie con PHP e poi leggerli con Javascript, ma io per fare una cosa più "pulita" ho risposto di voler utilizzare solo i file JavaScript.
Quindi infine mi ritrovo con il codice iniziale...

[funcool]

Allora comincia a fare quello che ho scritto qui (se non sai fare nemmeno quello, ti conviene studiarti un po' di JavaScript).