Farbe eines Textes mit Javascript wechseln

[habbohighs]

Salü,

Ich würde gerne wie im Titel bereits erwähnt mit 4 verschiedenen Buttons die Nachricht in andern Farben anzeigen lassen. Leider geht das irgendwie nicht.

Da mal mein code :

<?php
...
echo "<td align='left'><input type='hidden' name='farbe_n' id='farbe' value='black'>
            <input type='button' value='Schwarz' onclick='document.getElementById('farbe').value='black'; document.getElementById('mytextarea').style.color='black' '>
...
"
?>

Weiss jemand weiter?

Mfg

[Beat]

<input type='button' value='Schwarz'

onclick='document.getElementById('farbe').value='black';
        ^^                       ^^    ^^             ''
Dein Code lautet
onclick='document.getElementById('

mfg Beat

[habbohighs]

<input type='button' value='Schwarz'
onclick='document.getElementById('farbe').value='black';
        ^^                       ^^    ^^             ''
Dein Code lautet
onclick='document.getElementById('

mfg Beat

Was ist das für eine Antwort?

onclick='document.getElementById('farbe').value='black';
        ^^                       ^^    ^^             ''
Dein Code lautet
onclick='document.getElementById('

Tut mir leid, aber da komme ich nicht draus. Was du da gemeint hast.

Ja, mit PHP habe ich es auch versucht --> geht super. Aber dann muss man immer das Formular abschicken.Ich möchte das Ganze aber ohne absenden.

Wenn ihr keine Antwort wisst poste ich wo anders.

Mfg

[Felix Riesterer]

Lieber habbohighs,

<input type='button' value='Schwarz'
onclick='document.getElementById('farbe').value='black';
        ^^                       ^^    ^^             ''
Dein Code lautet
onclick='document.getElementById('

Was ist das für eine Antwort?

das ist eine Antwort, die Dir zeigen soll, dass Dein Code einen Syntaxfehler hat. Die Anführungszeichen um "farbe" herum beenden die Anführungszeichen vorher, anstatt das Wörtchen "farbe" in Anführungszeichen einzuschließen. Der Browser versteht beim öffenden Anführungszeichen Deinen Code nicht mehr, da er sie nicht als öffnende, sondern als schließende Anführungszeichen missversteht. Dehalb lautet Dein Code "document.getElementById(", denn dort hört der Inhalt des onclick-Attributes für den Browser auf.

Lösung: Verwende einfache Anführungszeichen sehr bewusst. Verwende als Attribut-Wert-Bezeichnung doppelte Anführungszeichen, also anstatt onclick='...' eben onclick="...". Dein Code müsste dann so aussehen (und vom Browser richtig verstanden werden):

<input type="button" value="Schwarz" onclick="[code lang=javascript]document.getElementById('farbe').value='black';" />[/code]

Wenn ihr keine Antwort wisst poste ich wo anders.

Tu das. Wir sind hier auch so voll beschäftigt. ;-)

Liebe Grüße aus Ellwangen,

Felix Riesterer.

[habbohighs]

Danke für die Hilfe.
Hatte gestern ein bisschen übertrieben.
Sry dafür.

Habe den Code jetzt fertig.

Mfg

[ChrisB]

Hi,

Was ist das für eine Antwort?

Eine, die du a) nicht doppelt und nicht inklusive Grussformel zu zitieren brauchst, und ueber die du b) intensiver nachdenken solltest, wenn du sie nicht auf Anhieb verstehst.

MfG ChrisB

[Peter Pan]

Hi!

Weiss jemand weiter?

Vielleicht: reduziere deine Anforderungen auf  HTML, Javascript und CSS!

Danach mache mit PHP weiter!

Ja - ich kann ihn Spüren, deinen Unmut ob meiner Antwort!

off:PP

[Steel]

Hiho!

<?php
...
echo "<td align='left'><input type='hidden' name='farbe_n' id='farbe' value='black'>
            <input type='button' value='Schwarz' onclick='document.getElementById('farbe').value='black'; document.getElementById('mytextarea').style.color='black' '>
...
"
?>

?>
<td align='left'><input type='hidden' name='farbe_n' id='farbe' value='black'>
             <input type='button' value='Schwarz' onclick='document.getElementById("farbe").value="black"; document.getElementById("mytextarea").style.color="black" '>
 ...
<?php

[minicrispie]

Hi du,

wieso machst du das nicht mir Javascript ?
du schreibst deine Nachricht in ein <textarea> und änderst die Farbe mit
onClick="document.getElementById('NameDerTextArea').style.color='Farbe';"

sollte funktionieren ._.

[Felix Riesterer]

Liebe(r) minicrispie,

document.getElementById('NameDerTextArea').style...

das wird eine Fehlermeldung der Art "document.getElementById('NameDerTextArea') has no properties" geben, da Du ja explizit nach der ID und nicht nach dem Namen (die beide unterschiedlich sein dürfen und können) suchst.

Liebe Grüße aus Ellwangen,

Felix Riesterer.

[minicrispie]

Hi Felix,

document.getElementById('NameDerTextArea').style...

das wird eine Fehlermeldung der Art "document.getElementById('NameDerTextArea') has no properties" geben, da Du ja explizit nach der ID und nicht nach dem Namen (die beide unterschiedlich sein dürfen und können) suchst.

Ja ok... ich versuchs mit der ausrede: ich hatte heut noch ne sitzprobe und hab das nur schnell eingetippst...

Klingt das gut ?

Naja wie auch immer: dann mach das gleiche mit getElementsByName()
müsste auch [link=http://www.htwk-leipzig.de/rzpages/htmlbuch/navigation/suche/index.htm?Suchanfrage=getElementByName]funktionieren[/link]

du kannst auch ein <form name="Blabla"> drumrumbauen und dein Textfeld dann so aufrufen:

document.Blabla.DeinTextfeld.style...

MfG. Christoph