 Farbwähler
 Interaktiv wird der ermitelte Farbwert für die Seiten-Hintergrundfarbe ausgewählt und geändert. Theoretisch und praktisch bietet diese Möglichkeit die Auswahl von mehr als 16 Millionen Farben.
Ein JavaScript übernimmt die Werte aus dem Formular, errechnet daraus den Farbwert und ändert die Hintergrundfarbe des Dokuments mit der Anweisung:
document.bgColor = errechneter Farbwert
Demo
Hier in der Demo ändere ich nicht die Seitenhintergrundfarbe sondern die Hintergrundfarbe der grauen Tabelle. Auch das ist also möglich: Sie können dieses Beispiel zur Änderung der Hintergrundfarbe einzelner Seitenelemente einsetzen.
Den Farbwert für Rot - Grün - Blau können sie (in Einerschritten) durch Klicken auf die Pfeilsymbole ändern. Ein Klick auf den Hexadezimalwert-Button öffnet ein Box zur Eingabe von Farbwerten.
Anpassung
Hier in der Demo ändere ich mit dem Script nicht die Dokument-Hintergrundfarbe sondern die Hintergrundfarbe der Auswahl-Box.
Die Hintergrundfarbe der Auswahlbox-Tabelle wird möglich, weil ich der Tabelle die ID 'tabelle01' gegeben habe. Die Tabellenhintergrundfarbe überlagert die Dokumenthintergrundfarbe. Ich ändere also die Hintergrundfarbe für das Element mit der ID 'tabelle01'.
Wenn sie dieses Beispiel ähnlich einsetzen möchten, ändern sie im JavaScript die Codezeile
document.bgColor = hfarbe;
in
document.getElementById("tabelle01").bgColor = hfarbe;
... wobei sie die ID für ihr Seitenelement frei wählen können.
<table id="tabelle01" ...
Öffnen sie die Beispieldatei um die Änderung der Dokument-Hintergrundfarbe zu sehen!
|
Farbwähler 
ZURÜCK