nicht angemeldet
Formularfelder ausgrauen
Ich möchte in meinem Formular Eingabefelder deaktivieren wenn vorher eine Bedingung erfüllt
wird (z.B.Checkbox angeklickt).
Hier bei Selfhtml kann man ein Beispiel für
das Ausgrauen von Feldern finden,allerdings ohne
Aktivierungsmöglichkeit,die Felder sind permanent
deaktiviert.
Kennt jemand ein Script welches diesen Effekt bewirkt??
-
Ich möchte in meinem Formular Eingabefelder deaktivieren wenn vorher eine Bedingung erfüllt
wird (z.B.Checkbox angeklickt).
Hier bei Selfhtml kann man ein Beispiel für
das Ausgrauen von Feldern finden,allerdings ohne
Aktivierungsmöglichkeit,die Felder sind permanent
deaktiviert.
Kennt jemand ein Script welches diesen Effekt bewirkt??Hallo,
mit JavaScript wäre das möglich, aber genau weiss ich nicht, was Du meinst.
Wenn checkbox angeklickt, dann diese deaktiv ?
getAttribute und setAttribute wären eine Möglichkeit.removeAttribute auch (DOM2 NN6, IE ab 4.0).Aber zunächst sollte ich mal wissen, welches Formular wie geändert werden soll. Am besten Du gibst mal den Code hier ein (oder per Mail an mich) und markierst die Tags mit <!--ausgrauen_wenn_angeklickt_aktivieren_wenn_was_geschieht" --><input>
-
Ich möchte in meinem Formular Eingabefelder deaktivieren wenn vorher eine Bedingung erfüllt
wird (z.B.Checkbox angeklickt).
Hier bei Selfhtml kann man ein Beispiel für
das Ausgrauen von Feldern finden,allerdings ohne
Aktivierungsmöglichkeit,die Felder sind permanent
deaktiviert.
Kennt jemand ein Script welches diesen Effekt bewirkt??wie wärs erstaml hiermit ?
<!doctype html public "-//W3C//DTD HTML 4.0 //EN">
<html>
<head>
<meta name="author" content="MichelM">
<meta name="copyright" content="http://iaweb.org"
<meta name="generator" content="Ulli Meybohms HTML EDITOR">
<title></title>
<script type="text/javascript" language="JavaScript"><!--
function aktiviere(Name){
document.getElementById(Name).style.color="#CC6633";
document.getElementById(Name).style.backgroundColor="wheat";
document.getElementById(Name).style.border="inset 1px maroon";
document.getElementById(Name).value="aktiv";document.getElementById(Name).removeAttribute("disabled");
}function wechsel(status){
if(status==1){aktiviere("ausgabe");}else {deaktiviere("ausgabe");}
}function deaktiviere(Name){
document.getElementById(Name).style.color="gray";
document.getElementById(Name).style.backgroundColor="#CCCCCC";
document.getElementById(Name).style.border="solid 1px gray";
document.getElementById(Name).value="deaktiv";
document.getElementById(Name).setAttribute("disabled");
}// -->
</script></head>
<body text="#000000" bgcolor="#CCCCCC" link="maroon" alink="brown" vlink="darkslategray" onload="setTimeout('wechsel(1)',3000);setTimeout('wechsel(2)',9000);" style="font-family:Verdana,Arial,Helvetica,Tahoma,sans-serif;font-size:14px;">
<Form id=form1 action="">Nach 3 Sekunden aktiv, dann nach 6 Sekunden wieder deaktiv<P><input id="ausgabe" type="text" value="eintext" style="background:#CCCCCC;color:gray;border:solid 1px gray;" disabled>
<P>Nach Eingabe deaktiv:<P><input id="ausgabe2" type="text" value="eintext" style="background:wheat;color:#CC6633;border:inset 1px maroon;" value="aktive Eingabe erforderlich" onchange="deaktiviere('ausgabe2')"></form><a href=# onclick="aktiviere('ausgabe');aktiviere('ausgabe2')">alles wieder aktivieren</a>
</form>
<P>
Mögliche Anwendung:<P> Formularprüfung <BR> Nach Fehleingabe, z.B. falsche oder fehlende eMailadresse,<BR> sind nur die falsch oder nicht ausgefüllten Felder aktiv.
</body>
</html>