Hallo!
Ich stehe hier gerade vor einem Problem, das sich einfach nicht in den Griff kriegen lässt.
Ich habe eine Reihe an Input-Feldern und jedes Mal, wenn Feld x ausgefüllt wird, soll Feld x+1 aktiviert werden. Soweit kein Problem:
HTML-Code:
<label class="titel cleaner">Titel 1:</label>
<input class="titel" name="Titel1" type="text" size="40" maxlength="40" onchange="enable();" />
<label class="titel cleaner">Titel 2:</label>
<input class="titel" name="Titel2" type="text" size="40" maxlength="40" onchange="enable();" />
Beim Laden des Dokuments wird
Code:
function disable() {
document.NeueCD.Titel2.disabled=true;
};
ausgeführt.
Außerdem im Dokument:
Code:
function enable() {
if (document.NeueCD.Titel1.length > 1) {
document.NeueCD.Titel2.disabled=false;
} else if (document.NeueCD.Titel1.length < 1) {
document.NeueCD.Titel2.disabled=true;
};
};
Was funktioniert: Input-Feld "Titel2" wird beim Laden des Dokuments deaktiviert und aktiviert, sobald der Nutzer mind. 1 Zeichen in das Input-Feld "Titel1" schreibt.
Umgekehrt klappt es jedoch nicht. Egal, welches Event ich nehme, selbst wenn ich einen Button die Funktion enable(); manuellaufrufen lasse. Und auch ganz gleich, ob ich nach
Code:
document.NeueCD.Titel1.length < 1
oder
Code:
document.NeueCD.Titel1.value != ""
prüfe.
Stehe ich auf dem Schlauch, muss ich das ganz anders angehen oder ist mein Vorhaben schlichtweg nicht möglich?
lg
Alex