Sæt cookie og få cookie med JavaScript
Jeg forsøger at indstille en cookie afhængigt af hvilken CSS-fil jeg vælger i min HTML-fil. Jeg har en formular med en liste af muligheder og forskellige CSS-filer som værdier. Når jeg vælger en fil, skal den gemmes i en cookie i ca. en uge. Næste gang du åbner din HTML-fil, skal det være den tidligere valgte fil.
JavaScript-kode:
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);
}
HTML-kode:
<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
Disse er meget meget bedre referencer end w3schools (den mest forfærdelige web-reference nogensinde):
Eksempler ud fra disse referencer:
Mozilla-referencen har endda et fint cookie-bibliotek, som du kan bruge.
Jeg er sikker på, at dette spørgsmål bør have et mere generelt svar med noget genanvendelig kode, der fungerer med cookies som nøgle-værdipar.
Dette uddrag er taget fra MDN og er sandsynligvis troværdigt. Dette er UTF-sikkert objekt til arbejde med cookies:
Mozilla har nogle tests for at bevise, at dette virker i alle tilfælde.
Der er et alternativt uddrag her:
Se [JavaScript Cookies på W3Schools.com][1] for at indstille og hente cookie-værdier via JS.
Du skal blot bruge de der nævnte setCookie- og getCookie-metoder.
Så koden vil se nogenlunde sådan ud: