Impostare il cookie e ottenere il cookie con JavaScript
Sto cercando di impostare un cookie a seconda del file CSS che scelgo nel mio HTML. Ho un modulo con una lista di opzioni e diversi file CSS come valori. Quando scelgo un file, dovrebbe essere salvato in un cookie per circa una settimana. La prossima volta che apri il tuo file HTML, dovrebbe essere il file precedente che hai scelto.
Codice JavaScript:
function cssLayout() {
document.getElementById("css").href = this.value;
}
function setCookie(){
var date = new Date("Februari 10, 2013");
var dateString = date.toGMTString();
var cookieString = "Css=document.getElementById("css").href" + dateString;
document.cookie = cookieString;
}
function getCookie(){
alert(document.cookie);
}
Codice HTML:
<form>
Select your css layout:<br>
<select id="myList">
<option value="style-1.css">CSS1</option>
<option value="style-2.css">CSS2</option>
<option value="style-3.css">CSS3</option>
<option value="style-4.css">CSS4</option>
</select>
</form>
482
3
Questi sono riferimenti molto molto migliori di w3schools (il riferimento web più terribile mai fatto):
Esempi derivati da questi riferimenti:
Il riferimento a Mozilla ha anche una bella libreria di cookie che puoi usare.
Sono sicuro che questa domanda dovrebbe avere una risposta più generale con del codice riutilizzabile che funziona con i cookie come coppie chiave-valore.
Questo snippet è preso da MDN e probabilmente è affidabile. Questo è un oggetto UTF-safe per lavorare con i cookie:
Mozilla ha alcuni test per dimostrare che funziona in tutti i casi.
C'è uno snippet alternativo qui:
Controllare [JavaScript Cookies su W3Schools.com][1] per impostare e ottenere i valori dei cookie tramite JS.
Basta usare i metodi setCookie e getCookie menzionati lì.
Quindi, il codice sarà qualcosa di simile: