David Ortmann: Formular-Textfarben verändern...

Hallo!
Ich bin Schüler und beschäftige mit in meiner Freizeit mir JavaScript. Dabei
ist mir SelfHTML eine wirklich große Hilfe.

Jetzt versuche ich, den Inhalt eines Formular-Eingabefensters, der durch
eine seperates Skript, nach einer bestimmten Zeit mit einer anderen Farbe zu
kolorieren.

Ich habe also versucht (noch ohne das Skript zum Wechseln des Inhaltes),
mithilfe des in SelfHTML erläuterten Abschnittes "CSS-Eigenschaften
dynamisch ändern" unter
http://selfhtml.teamone.de/dhtml/modelle/dom.htm#css_eigenschaften die Farbe
des Eingabefeldes zu verändern, indem ich es mit dem entsprechenden div-Tag
ausgerüstet habe, in eine Variable geladen habe und dann die Farben
festgelegt habt, im Skript. Mit einem window.SetTimeOut wollte ich es dann
verändern.

Aber ich konnte nicht einmal anfangs die Farbe des Elementes festlegen, es
passiert gar nichts!

Wissen Sie, ob man mit DOM auch Formulareigenschaften verändenr kann und
wissen Sie evtl. auch die Lösung zu meinem Problem?

Hier das Skript, bei dem nicht einmal die Veränderung der Schriftart möglich
ist:

<html>
<head>
<script type="text/javascript">
var Textfeld;

function Init() {
 Textfeld = eval(document.getElementById("Textfeld"));
 Textfeld.style.font-family = "Times New Roman";
}
</script>
</head>

<body onLoad="Init()">
<form name="form" method="get">
<div id="Textfeld"><input type="text" name="Textfeld" value="Lalala"></div>
</form>
</body>
</html>

Über eine Antwort würde ich mich sehr freuen!

Herzlichst,
David Ortmann (15)
Dessau, Deutschland

  1. Hallo,

    des Eingabefeldes zu verändern, indem ich es mit dem entsprechenden div-Tag
    ausgerüstet habe, in eine Variable geladen habe und dann die Farben
    festgelegt habt, im Skript. Mit einem window.SetTimeOut wollte ich es dann
    verändern.

    Das mit CSS war der richtige Ansatz, nur das mit dem "umschließenden" Div-Tag geht so nicht. Setze die Hintergrundfarbe direkt per css:

    <input type=text style="background-color:yellow" Name="MeinText" size=40 maxlength=80>

    Später dann im Script mit MeinFormular.MeinText.style.backgroundColor="red";

    CU Christoph

    1. Hallo!
      Vielen Dank, jetzt funktioniert es super. Wenn ich gewusst hätte, dass das so einfach geht... ;-)

      Dankeschön!
      David Ortmann
      Dessau, Deutschland