Besucher bestimmt Farben

Auf dieser Homepage können Sie die Farben der Seiten selber festlegen. Wenn sie einstellen, dass ihre Farbauswahl nicht in einem Cookie gespeichert wird, haben Sie beim nächsten Besuch wieder die Standardfarben.

Die Farbspeicherung funktioniert nur, wenn Sie einen Datenframe oder Cookies verwenden. Auf die Verwendung des Datenframes gehe ich im Bereich durchsichtiges Menü ein.
Zusätzlich ist Javascript zwingende Voraussetzung.

Die Vorgehensweise ist im Prinzip recht einfach. Zuerst müssen Sie die Standartfarbfestlegung festlegen. Ich empfehle, dass Sie diese Standarts im Datenframe festlegen. z.B.

var Hintergrundfarbe = "000000";
var Schriftfarbe = "00FFFF";

Wenn Sie Cookies verwenden, muß ihre Initialisierungsroutine, welche sich am Besten im Datenframe befindet, die Werte auslesen, in den Farbvariablen speichern und zuweisen z.B.

if (document.cookie) {                                                 //Wenn Cookie vorhanden
  puffer = document.cookie.indexOf("Hintergrundfarbe");                //Suche "Hintergrundfarbe"
  if (puffer != -1) {                                                  //Wenn gefunden
    Hintergrundfarbe = document.cookie.substring(puffer+17,puffer+23); //Lese Wert und speichern
    parent.Hauptfenster.iBody.bgColor = Hintergrundfarbe;              //Farbe zuweisen
  }
  puffer = document.cookie.indexOf("Schriftfarbe");                    //Suche "Schriftfarbe"
  if (puffer != -1) {                                                  //Wenn gefunden
    Schriftfarbe = document.cookie.substring(puffer+13,puffer+19);     //Lese Wert und speichern
    parent.Hauptfenster.iBody.text = Schriftfarbe;                     //Farbe zuweisen
  } 
}

Wie der Besucher die Farben aussucht, ist ihrer Fantasie überlassen. Wichtig ist, dass Sie die Auswahl in den Farbvariablen im Datenframe speichern und im Hauptfenster zuweisen.

parent.Datenfenster.Hintergrundfarbe = ausgewählter Wert für Hintergrund;

parent.Datenfenster.Schriftfarbe = ausgewählter Wert für Schriftfarbe;

document.getElementByTagName("Body")[0].style.backgroundColor = parent.Datenfenster.Hintergrundfarbe;

document.getElementByTagName("Body")[0].style.color = parent.Datenfenster.Schriftfarbe;

Wenn Sie Cookies verwenden, muß der Wert noch im Cookie gespeichert werden.

if (navigator.cookieEnabled) {                            //Wenn Cookies erlaubt sind.
  Jetzt = new Date();                                     //Bestimme Jetzt
  Verfall = new Date(Jetzt.getTime()+(1000*60*60*24*30)); //Errechne Verfallsdatum (hier in 30 Tagen)
  document.cookie = "Hintergrundfarbe="+parent.Datenfenster.Hintergrundfarbe+" "+ //Cookie speichern
                    "Schriftfarbe="+parent.Datenfenster.Schriftfarbe+" "
                    "; expires="+Verfall.toGMTString()+";";

Leider sind Sie damit noch nicht ganz fertig. Es ist zusätzlich notwendig, dass Sie auf jeder Seite eine Initialisierungroutine einrichten, welche die Farben gemäß den Variablen im Datenframe setzt.

document.getElementByTagName("Body")[0].style.backgroundColor = parent.Datenfenster.Hintergrundfarbe;
document.getElementByTagName("Body")[0].style.color = parent.Datenfenster.Schriftfarbe;

Das ist im Prinzip alles. Um das ganze live zu sehen, klicken Sie im Menü auf die Fläche Lupe / config und anschließend auf die Schaltfläche Konfiguration. Dort könne Sie die Farbdarstellung für diese Homepage verändern.