✔ Fehler bei Farbenscript

[ts230]

Hallo erstmal,
ich habe ein Problem mit meinem Script, was das Value
einer option ausliest(z.b.#FFFFFF,#000000)
Hier mein Script:

Hintergrundfarbe:
<select id="bgcolor" size="1" onblur="farbenvorschau(this.value);">
<option value="#000000" style="background:#000000;color:#FFFFFF;">schwarz 
<option value="#800000" style="background:#800000;color:#FFFDFF">maroon 
<option value="#008000" style="background:#008000;">gr&uuml;n
<option value="#808000" style="background:#808000;">olive
<option value="#000080" style="background:#000080;color:#D0D0D0">navy
<option value="#800080" style="background:#800080;">violett 
<option value="#008080" style="background:#008080;">teal 
<option value="#808080" style="background:#808080;color:#FFFFFF;">grau 
<option value="#C0C0C0" style="background:#C0C0C0;">silber 
<option value="#FF0000" style="background:#FF0000;">rot 
<option value="#00FF00" style="background:#00FF00;">lime 
<option value="#FFFF00" style="background:#FFFF00;">gelb 
<option value="#0000FF" style="background:#0000FF;">blau 
<option value="#FF00FF" style="background:#FF00FF;">fuchsia 
<option value="#00FFFF" style="background:#00FFFF;">aqua 
<option value="#FFFFFF" style="background:#FFFFFF;">wei&szlig; 
<option value="transparent">transparent(Standard)
<option selected>------------bitte w&auml;hlen------------

</select>
<div id="farbvorschau">
Farbenvorschau
</div>
<script type="JavaScript">
function farbenvorschau(farbe){
var farbenfenster = document.getElementById('farbvorschau');
    farbfenster.style.backgroundColor = farbe;
    return false;
}
</script>

Danke für alle Antworten im Voraus

 

[kuddeldaddeldu]

Hi,

so geht das:

farbenvorschau(this.options[this.selectedIndex].value);

Wieso eigentlich onblur? Meinst Du nicht eher onchange?

LG

 

[Maik]

Hi,

zudem sind noch zwei entscheidene Fehler im Scriptbereich enthalten:

<script type="JavaScript">
function farbenvorschau(farbe){
var farbenfenster = document.getElementById('farbvorschau');
    farbfenster.style.backgroundColor = farbe;
    return false;
}
</script>

1. Der korrekte MIME-Type im type-Attribut lautet "text/javascript".
2. var farbenfenster != farbfenster

P.S. Dass ich dir heute nochmal antworte, liegt an einer Fehlgeschlagene Datenmigration mit Datenverlust, bei der die gestrigen Beiträge im Forum verloren gegangen sind.

 

[ts230]

Jetzt läuft wieder alles