nicht angemeldet
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>