Eine Frage an die Javascript Experten :)

[Stefan Brinkers]

Folgendes Problem vielleicht kann mir ja jemand helfen:

ich habe eine textarea und der user soll die Schriftart dieser ändern können.
soll heißen: er wählt Arial und die Schriftart in der Textarea springt auf Arial um.

folgendes funktioniert bei nur im Opera nicht im IE (andere hab ich nicht getestet)
CODE
<form name="form">
<select name="schriftart" onchange="form.out.style=form.schriftart.value">
<option value="">bidde wählen
<option value="font-family:Arial;">Arial
<option value="font-family:Verdana;">Verdana
</select>
<textarea rows="6" name="data[nachricht]" id="out" cols="50">Hier ihr Text</textarea>
</form>



irgendwie kommt der IE nicht mit dem form.out.style klar...

form.out.value=form.schriftart.value funktioniert jedoch im IE (aber das will ich nicht ändern)

hat jemand eine Idee??

edit: als Fehlermeldung gibt der IE folgendes aus: "Member nicht gefunden"

 

[Stefan Brinkers]

<form name="form">
<select name="schriftart" onchange="form.out.style.fontFamily=form.schriftart.value">
<option value="">bidde wählen
<option value="Arial">Arial
<option value="Verdana">Verdana
</select>
<textarea rows="6" name="data[nachricht]" id="out" cols="50">Hier ihr Text</textarea>
</form>

funktioniert wiederum im IE aber im Opera nicht *grr*, sowas nervt
gibts irgendwas was beide verstehen, oder ists ein Fehler von dem Opera das ich habe!??

naja, erstmal gutnacht

edit: so liegt wohl an opera und der textarea...
form.out.style.color funktioniert
form.out.style.fontFamily funktioniert in der textarea nicht (aber bei normalem text)

komich komich
jetzt aber wirklich gute nacht

 

[spaceman007]

nicht den style änder... einfach eine andere css-klasse zuweisen...

CODE
<style>
.class1
{
font-family:verdana;
}
.class2
{
font-family:arial
}
</style>

<script>
function changeStyle( newClass )
{

document.getElementById("out").className = newClass;
}
</script>

<form name="form">
<select name="schriftart" onchange="changeStyle(this.value)">
<option value="">bitte wählen</option>
<option value="class1">Arial</option>
<option value="class2">Verdana</option>
</select>
<textarea rows="6" name="data[nachricht]" id="out" cols="50">Hier ihr Text</textarea>
</form>

 

[Stefan Brinkers]

Herzlichen Dank!! so funktionierts