Hallo,
leider bin ich absolut kein Javaskript Experte, hätte aber gerne folgende Funktion:
Ich habe ein Formular, in dem mehere DIV Blöcke mit Formularelementen stehen. Diese Blöcke lassen sich per Klick auf- und zuklappen. Zum aktivieren des Formularbereiches muß ein Häkchen in einer Checkbox gesetzt werden (onChange="enableDisableALL()"). Das funktioniert bereits alles bestens.
Jetzt möchte ich, dass bei Überprüfung des Formulares bei fehlerhaften Angaben von Pflichtfeldern sich die entsprechenden DIV Blöcke öffnen. Hat jemand von euch eine Lösung? Zur Not würde auch ein Aufklappen aller ausgewählten Länder reichen.
HTML-Code:
<form method="post" name="formular" action="bestaetigung.html">
<input type="checkbox" name="COUNTRY_US" value="Y" onChange="enableDisableALL()">
<a href="#" onClick="javascript:versteckeEbene(USA);"><img src="/img/bt_close.gif" alt="close display" border="0"></a>
<a href="#" onClick="javascript:zeigeEbene(USA);"><img src="/img/bt_open.gif" alt="open display" border="0"></a>
<div id="USA" style="visibility:hidden">
Formularfelder ...
</div>
<input type="checkbox" name="COUNTRY_DE" value="Y" onChange="enableDisableALL()">
<a href="#" onClick="javascript:versteckeEbene(DE);"><img src="/img/bt_close.gif" alt="close display" border="0"></a>
<a href="#" onClick="javascript:zeigeEbene(DE);"><img src="/img/bt_open.gif" alt="open display" border="0"></a>
<div id="DE" style="visibility:hidden">
Formularfelder ...
</div>
<input type="checkbox" name="COUNTRY_AUS" value="Y" onChange="enableDisableALL()">
<a href="#" onClick="javascript:versteckeEbene(AUS);"><img src="/img/bt_close.gif" alt="close display" border="0"></a>
<a href="#" onClick="javascript:zeigeEbene(AUS);"><img src="/img/bt_open.gif" alt="open display" border="0"></a>
<div id="AUS" style="visibility:hidden">
Formularfelder ...
</div>
</form>
Mein Javaskript Versuch ausgwählte DIV Blöcke zu öffnen sieht so aus (funktioniert leider nicht, es kommt die Meldung, document.getelementbyid(USA) has no properties):
function zeigeLayer() {
if(document.formular.COUNTRY_US.value='Y') {
document.getElementById(USA).style.visibility='visible';
}
else {
document.getElementById(USA).style.visibility='hidden';
}
}
...
<input type="checkbox" name="COUNTRY_US" value="Y" onChange="enableDisableALL()" onClick="zeigeLayer()">
<div id="USA" style="visibility:hidden">
Formularfelder ...
</div>
...
Danke für eure Antworten!
EDIT
bitte Codeboxen benutzen
