JavaScript / Cookie-Kurs [IE|M|O|G]

von: Werner Zenk

Erstellen Sie ein Cookie in 5 Schritten.
Cookies (Kekse) machen das Web persönlicher, Cookies erkennen Homepage-Besucher wieder und ermöglichen einen individuellen Service.

Keine Angst vor Cookies:
Dass die Cookies die Festplatte ausspähen, ist nicht zu befürchten. Cookies sind keine ausführbaren Programme, sondern lediglich Textdateien, die nur vom Anbieter der Webseite gelesen werden können. Cookies können auch keine Viren übertragen. Lesen Sie bitte dazu auch die

Cookie-Info Seite.

Geben Sie Ihren Besuchern das Gefühl Willkommen zu sein: Setzen sie ein Cookie, das den Surfer per Formular nach seinem Namen fragt, so dass die Site ihn bei seinem nächsten Besuch persönlich begrüßen kann. Mit Javascript ist das ganz einfach:

1 Verfallsdatum festlegen Jedes Cookie hat einen Namen (zum Beispiel "Benutzername"), einen Wert (zum Beispiel "John" oder "5") und ein Verfallsdatum. Legen Sie zunächst ein Verfallsdatum fest. Sobald es abläuft, wird der Cookie automatisch von der Festplatte gelöscht. Übernehmen Sie folgenden Quelltext für Ihre Homepage:

  <!DOCTYPE html>
<html>
   <head>
    <title> Cookie </title>

  <script type="text/javascript">

  Verfallsdatum = new Date;
  Verfallsdatum.setMonth(Verfallsdatum.getMonth()+2);

Die Zahl 2 steht für den Monatswert. Sie können den Wert auf "5" oder "10" (Monate) verlängern.

2 Stammgäste wiedererkennen Um festzustellen, ob ein Besucher ihre Seite schon einmal besucht hat und seinen Namen in das Formularfeld eingetippt hat, schreiben Sie folgende Code-Zeile:

  var Besucher="";
  if (document.cookie !="") {
   Besucher = document.cookie.split("_")[1];
  }

3 Cookie-Übergabe-Funktion Definieren Sie nun eine Funktion die für die Übertragung des Cookies auf den PC des Besuchers zuständig ist:

  function CookieEinrichten() {
  Besucher=document.Formular.Namenfeld.value;

   document.cookie="_"
   +Besucher
   +"_"
   +";expires="+Verfallsdatum.toGMTString();
  }

Sie benötigen noch eine Ausgabefunktion in das Namenfeld für ein schon gesetztes Cookie:

  function CookieAusgabe() {
   document.Formular.Namenfeld.value = Besucher;
  }
  </script>

4 Mit einem Formular den Namen abfragen Programieren Sie anschließend das Formular, mit dem der Name des Besuchers abgefragt und das Cookie eingerichtet wird:

  </head>

  <body onLoad="CookieAusgabe()">

  <form name="Formular">
  <b>Name:</b>
    <input type="text" name="Namenfeld" onBlur="CookieEinrichten()">
  </form>

  </body>
  </html>

Der Befehl: onBlur="CookieEinrichten()" sorgt dafür, dass das Cookie eingerichtet wird, sobald der Besucher auf eine beliebige Stelle des Browser-Fensters außerhalb des Formulars klickt.

5 Besucher persönlich begrüßen (Cookie Ausgabe) Um den Besucher bei seinem nächsten Besuch mit dem Namen anzureden, fügen Sie auf Ihre Startseite folgenden Code ein:

  <script type="text/javascript">
  if (document.cookie != "") {
   document.write("Hallo " +
   document.cookie.split("_")[1] +
  ",schön, Dich auf meiner Seite wiederzusehen!");
}
  </script>

Ihre Homepage empfängt den Besucher ab jetzt mit der individuellen Begrüßung „Hallo [Besuchername], schön, Dich auf meiner Seite wiederzusehen!”

Das Beispiel:

Cookie Eingabe (1)

Das Beispiel:

Cookie Ausgabe (2)