 Hintergrundfarbe ändern mit Pulldownmenü - Version A
Eine platzsparende Auswahl als Pull-Down-Menü bietet die Option zur Änderung der Hintergrundfarbe. Öffnen sie die Beispieldatei zur Demo
Version A - Formular als HTML-Anweisung im Body
In der Version A wird das Formular mit dem Pulldownmenü (engl. dropdown-menü) als HTML-Notierung im Body-Bereich der Seite notiert. OK für eine einmalige Anwendung.
Farbauswahl in einem Formular
Mit dem Pulldownmenü wird bei einer Änderung der Selektion die Hintergrundfarbe neu festgelegt. Ausgelöst durch die JavaScript-Anweisung 'onChange' (bei Änderung) wird der in der Option hinterlegte Farbwert als Wert für die Hintergrundfarbe übergeben.
<option value="#0000FF">Blau
<option value="#FFE237">Gelb
<option value="#B5CE29">Grün
Umgesetzt wird die Änderung durch JavaScript mit dieser Anweisung
document.bgColor = value
(Dokument.Hintergrundfarbe ist ÜbergebenerWert)
Aufwand:
Im Body der HTML-Seite lediglich das Formular an der Stelle notieren, wo das Pulldownmenü erscheinen soll.
<form name="Farbwahl">
<select name="Auswahl"
onChange="document.bgColor=this.options[selectedIndex].value">
<option value="#BBBBFF" selected>Farbauswahl</option>
<option value="#FFFFFF">Weiß" </option>
<option value="#0000FF">Blau </option>
<option value="#A0A0A0">Grau </option>
<option value="#E9E900">Gelb </option>
<option value="#A0A0FF">Lila </option>
<option value="#C70000">Rot </option>
<option value="#804000">Braun </option>
<option value="#F0F0FA">Silber</option>
<option value="#FF8000">Orange</option>
<option value="#D6D6D6">Grau </option>
</select>
</form>
| 
WWW.WEB-TOOLBOX.NET
BEISPIEL 
ZURÜCK