Farbauswahl über Select

Wie in dem untenstehenden Beispiel kann man nun durch anklicken die Hintergrundfarbe der HTML-Datei verändern.

Wichtig ist, dass die Hintergrundfarbe nicht durch ein Stylesheet vorgegeben wird, sonst hat dieses Script keine Wirkung.

Dieses Script kann nicht den gewählten Farbcode anzeigen und ist somit nur für die Farbauswahl durch den User nutzbar.

Hier gehts zur Demo

Dieses Script läuft auf folgenden Browsern:
	Internet Explorer
	Mozilla Firefox
getestet jeweils mit der aktuellen Version

HTML-Einbindung
   <SELECT Size=5 name=clr onChange="document.bgColor=this.options[this.selectedIndex].value"> <OPTION VALUE="blue">Blau <OPTION VALUE="aquamarine">Aquamarine <OPTION VALUE="chocolate">Schokolade <OPTION VALUE="darkred">Dunkelrot <OPTION VALUE="gold">Gold <OPTION VALUE="red">Rot <OPTION VALUE="yellow">Gelb <OPTION VALUE="hotpink">Pink <OPTION VALUE="lime">Limette <OPTION VALUE="darkkhaki">Dunkel Khaki <OPTION VALUE="cadetblue ">Violett <OPTION VALUE="darkgoldenrod">dunkles Rotgold <OPTION VALUE="darkslateblue">Dunkelblau <OPTION VALUE="blue">Blau <OPTION VALUE="deeppink">Helles Pink <OPTION VALUE="darksalmon">Melone <OPTION VALUE="salmon">Hummer <OPTION VALUE="tan">Ocker <OPTION VALUE="wheat">Beige <OPTION VALUE="tomato">Tomate <OPTION VALUE="springgreen">Grün <OPTION VALUE="turquoise">Türkis <OPTION VALUE="white" SELECTED>Weiß </SELECT> </FORM>

Hier kannst Du Dir das Javascript einfach per eMail zusenden lassen.

Mail:

Name:

Abo
Wenn Du den Newsletter beziehen möchtest, klicke bitte in das Feld "Abo"