Re: Hintergrundfarbe auf onClick

Michael Döring wrote:

Ich möchte gern innerhalb von onClick einer <checkbox> die
Hintergrundfarbe einer anderen <textarea> namens "text2" innerhalb des
gleichen Formulars ändern. Und zwar abhängig davon, ob die <checkbox
checked oder nicht checked ist.
Wenn die <checkbox> checked ist, soll für <textarea> die Farbe verwendet
werden, die in deren style-Tag steht.

Es gibt kein style-Tag. Du meinst vermutlich das style-Attribut des
textarea-Elements.

Wenn nicht, die Farbe aus der funktion changeColor().

Mein Versuch:

form action="xyz"
script language="JavaScript" type="text/javascript"
^^^^^^^^^^^^^^^^^^^^^

Veraltet.

!--
^^^^

Überflüssig.

function changeColor() {
this.form.text2.style.backgroundColor = "#000000";
}
// --
^^^^^^

Überflüssig.

/script

input type="checkbox" name="info" value="ja"
^^^^^^^^^^ Unfug!
onClick="this.form.text2.changeColor()=!this.check ed;"

Das kann nicht funktionieren. changeColor() liefert keinen Rückgabewert
und ...

textarea name="text2">usw...usw...</textarea

Ich bekomme immer wieder Fehlermeldungen wie z.B. "Kann dem Ergebnis einer
Funktion nicht zugewiesen werden" etc.

.... "=" ist der Zuweisungsoperator. Der Call-Operator "()" darf in
JavaScript und ECMAScript nur auf der rechten Seite einer Anweisung
auftreten. Du solltest beim Programmieren wirklich erheblich mehr
Tee[tm] zu Dir nehmen.

Würdet Ihr mir bitte kurz auf die Sprünge helfen?

<form action="xyz">
...
<input type="checkbox" name="info"
onclick="this.form.elements['text2'].style.backgroundColor =
this.checked ? '' : '#000';">ja
...
<textarea name="text2">usw...usw...</textarea>
...
</form>

oder

<script type="text/javascript">
function changeColor(o, sName, sColor, bColor)
{
var oTarget;
if (o
&& (oTarget = o.form)
&& (oTarget = o.form.elements)
&& (oTarget = o['text2'])
&& typeof oTarget.style != "undefined"
&& typeof oTarget.style.backgroundColor != "undefined")
{
o.style.backgroundColor = bColor ? '' : sColor;
}
}
</script>

<form action="xyz">
...
<input
type="checkbox"
name="info"
id="info"
onclick="changeColor(this, 'text2', '#000', this.checked)"

label for="info">ja</label
...

<textarea
name="text2"
style="background-color:silver"

usw...usw...</textarea
...

</form>


PointedEars
--
http://members.ud.com/download/gold/
http://folding.stanford.edu/
http://alien.de/seti/
http://setiathome.ssl.berkeley.edu/

Thomas 'PointedEars' Lahn wrote:

Michael Döring wrote:
onClick="this.form.text2.changeColor()=!this.check ed;"

[...]
Der Call-Operator "()" darf in JavaScript und ECMAScript
nur auf der rechten Seite einer Anweisung auftreten. [...]

Ganz so stimmt das auch nicht.

function blubb()
{
return window;
}

blubb().x = 42;
alert(window.x); // 42

ist bleistiftsweise zulässig. Korrekt müsste sein: Der Call-Operator
darf nur dann auf der linken Seite einer Zuweisung auftreten, wenn
dessen Operand nicht letzter Operand auf dieser Seite ist.

Bezüglich Deines Quelltextes bedeutet das: "." ist der Lookup-Operator,
damit ist changeColor() in Deinem Quelltext der letzte Operand auf der
linken Seite, und das ist folglich unzulässig.


PointedEars
--
__
2||i
e -- so zeigt sich die Schönheit der Mathematik.
-- Prof. Dr. rer. nat. habil. Dr.h.c. Hansjoachim Walther