cookies

Al eeuwen zeuren nederlandse immigrantenkinderen in Amerika om een koekie. Daarom zijn ze daar gaan denken dat het echt zo heet, een cookie.
Op het www is een cookie een klein tekstbestandje dat door een bezochte website op jouw harde schijf gezet wordt, bij de tijdelijke internet bestanden. Om later te zien of je al eens langs geweest bent, om te onthouden wat je toen wilde, enzovoorts. Ik gebruik het bij het stijlkiezen, om te onthouden welke stijl je gekozen hebt. Het javascript hiervoor plukte ik van het web. Dit is setstyle.js:

// Style functie + cookie functies

function ReadCookie (naam) {
      var naamarg = naam + "=";
      var nlen = naamarg.length;
      var clen = document.cookie.length;
      var i = 0;
      while (i < clen) {
        var j = i + nlen;
        if (document.cookie.substring(i, j) == naamarg) {
           var endpos = document.cookie.indexOf (";", j);
           if (endpos == -1) endpos = document.cookie.length;
           return unescape(document.cookie.substring(j, endpos));
	  }
        i = document.cookie.indexOf(" ", i) + 1;
        if (i == 0) break;
      }
      return null;
    }

function WriteCookie (naam, value) {
      var expdate=new Date();
     // cookie is na 10 jaar niet meer geldig
      expdate.setTime(expdate.getTime()+10*365*24*60*60*1000);
      document.cookie = naam + "=" + escape (value) + "; 
      expires=" + expdate.toGMTString();
    }

function DeleteCookie (naam) {
     var expdate = new Date();
     expdate.setTime (expdate.getTime() - 1);  // Already gone!
     var cval = ReadCookie (naam);
     document.cookie = naam + "=" + cval + ";
     expires=" + expdate.toGMTString();
   }

var mystyle = ReadCookie("Style");
if(mystyle==null) mystyle="gewoon";
document.write("<LINK REL=STYLESHEET TYPE=text/css HREF='" + mystyle + ".css'>");

in 'style.html' wordt, in het begin, dit gebruikt:

<SCRIPT>
<!--

function writebutton(name) {
  document.write("<INPUT class=noborder TYPE=RADIO VALUE='"+name+"'NAME=stylebtn ");
  if (name==mystyle) document.write(" CHECKED ");
  document.write("onClick='WriteCookie(\"Style\",\""+name+"\"); 
  navigate(location.href); '");
  document.write(">" + name + "<BR>");
  }
//-->
</SCRIPT>

en bijna aan het einde:

<FORM NAME=selform>
<SCRIPT>
<!--
writebutton("gewoon");
writebutton("blauw-wit");
writebutton("staalplaat");
writebutton("rozegeur");
writebutton("stijlloos");
writebutton("slechte-ogen");
-->
</SCRIPT>
</FORM>

Daarnaast zijn er .css bestandjes die de verschillende stijlen vastleggen.

Cookies