Herbert1204: Ansicht wechseln

Beitrag lesen

SELF-Forum

Ansicht wechseln

Herbert1204
– Informationen zu den Bewertungsregeln

Hallo Ich benötige einmal Eure Hilfe. Ich habe hier eine Seite mit zwei Skripte. Ein Skript überprüft die Vollständigkeit der Eingaben und das andere Skript macht eine Tabelle unsichtbar und eine andere Tabelle sichtbar. Nun soll das Ganze so funktionieren, daß nur bei Vollständigkeit der Eingaben die andere Tabelle sichtbar gemacht wird. Dazu habe ich zum besseren Verständnis zwei Button in die eine Tabelle eingefügt. Kann mir jemand helfen?

Hier die Seite:

<SCRIPT LANGUAGE="JavaScript"> function TabelleIt(t) {      v = t.id;         if(v == '') {             document.getElementById('Tabelle1').style.display = 'inline';             document.getElementById('Tabelle2').style.display = 'none';         }  else{             document.getElementById('Tabelle1').style.display = 'none';             document.getElementById('Tabelle2').style.display = 'inline';         }     } </script>

<SCRIPT LANGUAGE="JavaScript">

function validate_form() { validity = true;

if (!check_empty(document.form.Benutzername.value)){ /* Funktion Namen (Abfrage) /   validity = false;   show('Layer1'); / zeige Fehler /   }   if (!check_empty(document.form.Passwort1.value)){ / Funktion Namen (Abfrage) /   validity = false;   show('Layer2'); / zeige Fehler /   }   if (document.form.Passwort1.value != document.form.Passwort2.value){ / Passwoerter sind nicht gleich /   validity = false;   show('Layer3');                          / zeige Fehler /   }   if (!check_empty(document.form.Nachname.value)){   validity = false;   show('Layer4');   }   if (!check_empty(document.form.Vorname.value)){   validity = false;   show('Layer5');   }   if (!check_empty(document.form.Strasse.value)){   validity = false;   show('Layer6');   }   var plz = document.form.Postleitzahl.value;   if (plz.search(/^([0-9]{5})$/) == -1){ / PLZ ist falsch /   validity = false;   show('Layer7'); / zeige Fehler /   }   if (!check_empty(document.form.Wohnort.value)){   validity = false;   show('Layer7');   }   if (!check_empty(document.form.Telefonnummer.value)){   validity = false;   show('Layer8');   }   if (!check_email(document.form.EMail.value)){ / Funktion EMail (Abfrage) /   validity = false;   show('Layer9'); / zeige Fehler /   }   if (!check_checkbox(document.form.Nutzungsbedingungen.checked)){ / Funktion Comment (Abfrage) /   validity = false;   show('Layer10'); / zeige Fehler /   }   if (validity);   return validity; / alle Angaben waren korrekt /   }   function check_empty(text) { return (text.length > 0); / gibt false zurück wenn leer /   }   function check_email(address) { / Email muss (@ und .) enthalten /   if ((address == "") || (address.indexOf ('@') == -1) || (address.indexOf ('.') == -1))   return false;   return true;   }   function check_checkbox(r) {   return (r); / gibt false zurück wenn nicht übergebener Wert */   }   if (((navigator.appName == "Netscape") && (parseInt(navigator.appVersion.substring(0,1)) >=3))   || ((navigator.appName == "Microsoft Internet Explorer") && (parseInt(navigator.appVersion.substring(0,1)) >=4)))

{var version=true}

if (document.layers){ /* Browserabfrage: Layer-Object bekannt? /   ns = 1; ie = 0;   }else{   ns = 0; ie = 1;   }   function show(name) {if (ns){ / Funktion Schicht anzeigen /   document.layers['' + name].visibility = "show";   }else{   document.all['' + name].style.visibility = "visible";   }   }   function hide(name) { / Funktion Schicht verstecken */   if (ns){   document.layers['' + name].visibility = "hide";   }else{   document.all['' + name].style.visibility = "hidden";   }   } </SCRIPT>

<form name="form" method="post" action="mailto:xxxx@t-online.de?SUBJECT=Betreff für die Mail" enctype="text/plain" onSubmit="return validate_form(this.form)">

<table border="1" width="750" id="Tabelle1">     <tr>         <td width="175" height="25">     <font face="arial"><span style="font-size:11pt;">Benutzername</span></font>

</td>         <td width="325" height="25">     <input type="text" name="Benutzername" style="width:325px;">

</td>         <td width="250" height="25">     <div id="Layer1" style="visibility:hidden;"><font color="red" face="Arial"><span style="font-size:10pt;">Bitte Benutzername angeben!</span></font></div>

</td>     </tr>     <tr>         <td width="175" height="25">     <font face="arial"><span style="font-size:11pt;">Passwort</span></font>

</td>         <td width="325" height="25">     <input type="password" name="Passwort1" style="width:325px;">

</td>         <td width="250" height="25">     <div id="Layer2" style="visibility:hidden;"><font color="red" face="Arial"><span style="font-size:10pt;">Bitte Passwort angeben!</span></font></div>

</td>     </tr>     <tr>         <td width="175" height="25">     <font face="arial"><span style="font-size:11pt;">Passwort wiederholen</span></font>

</td>         <td width="325" height="25">     <input type="password" name="Passwort2" style="width:325px;">

</td>         <td width="250" height="25">     <div id="Layer3" style="visibility:hidden;"><font color="red" face="Arial"><span style="font-size:10pt;">Die Passw&ouml;rter stimmen nicht &uuml;berein!</span></font></div>

</td>     </tr>     <tr>         <td width="175" height="25">     <font face="arial"><span style="font-size:11pt;">Nachname</span></font>

</td>         <td width="325" height="25">     <input type="text" name="Nachname" style="width:325px;">

</td>         <td width="250" height="25">     <div id="Layer4" style="visibility:hidden;"><font color="red" face="Arial"><span style="font-size:10pt;">Bitte Nachname angeben!</span></font></div>

</td>     </tr>     <tr>         <td width="175" height="25">     <font face="arial"><span style="font-size:11pt;">Vorname</span></font>

</td>         <td width="325" height="25">     <input type="text" name="Vorname" style="width:325px;">

</td>         <td width="250" height="25">     <div id="Layer5" style="visibility:hidden;"><font color="red" face="Arial"><span style="font-size:10pt;">Bitte Vorname angeben!</span></font></div>

</td>     </tr>     <tr>         <td width="175" height="25">     <font face="arial"><span style="font-size:11pt;">Stra&szlig;e und Hausnummer</span></font>

</td>         <td width="325" height="25">     <input type="text" name="Strasse" style="width:325px;">

</td>         <td width="250" height="25">     <div id="Layer6" style="visibility:hidden;"><font color="red" face="Arial"><span style="font-size:10pt;">Stra&szlig;e und Hausnummer fehlt!</span></font></div>

</td>     </tr>     <tr>         <td width="175" height="25">     <font face="arial"><span style="font-size:11pt;">PLZ und Wohnort</span></font>

</td>         <td width="325" height="25">     <input type="text" name="Postleitzahl" style="width:45px;" onKeypress="if(event.keyCode     < 45 || event.keyCode > 57) { event.returnValue = false; } else {if(event.which     < 45 || event.which > 57) returnfalse;}" maxlength="5">&nbsp;<input name="Wohnort" type="text" style="width:275px;">

</td>         <td width="250" height="25">     <div id="Layer7" style="visibility:hidden;"><font color="red" face="Arial"><span style="font-size:10pt;">PLZ oder Wohnort fehlt!</span></font></div>

</td>     </tr>     <tr>         <td width="175" height="25">     <font face="arial"><span style="font-size:11pt;">Telefonnummer</span></font>

</td>         <td width="325" height="25">     <input type="text" name="Telefonnummer" style="width:325px;" onKeypress="if(event.keyCode     < 45 || event.keyCode > 57) { event.returnValue = false; } else {if(event.which     < 45 || event.which > 57) returnfalse;}" maxlength="35">

</td>         <td width="250" height="25">     <div id="Layer8" style="visibility:hidden;"><font color="red" face="Arial"><span style="font-size:10pt;">Bitte Telefonnummer angeben!</span></font></div>

</td>     </tr>     <tr>         <td width="175" height="25">     <font face="arial"><span style="font-size:11pt;">E-Mail Anschrift</span></font>

</td>         <td width="325" height="25">     <input type="text" name="EMail" style="width:325px;">

</td>         <td height="25">     <div id="Layer9" style="visibility:hidden;"><font color="red" face="Arial"><span style="font-size:10pt;">Die E-Mail ist nicht korrekt!</span></font></div>

</td>     </tr>     <tr>         <td height="100" valign="middle" colspan="3">     <div id="Layer10" style="visibility:hidden;"><font color="red" face="Arial"><span style="font-size:11pt;"><b>Sie m&uuml;ssen noch den Nutzungsbedingungen zustimmen!</b></span></font></div>     <input type="checkbox" name="Nutzungsbedingungen"><font face="Arial"><span style="font-size:11pt;">Ich stimme den <a href="http://">Nutzungsbedingungen</a> und den <a href="http">Datenschutzerkl&auml;rung<a> zu.</a></span></font><p>

</td>     </tr>     <tr>         <td width="500" align="center" valign="middle" colspan="2">     <input type="submit" value="anmelden" style="font-family:Arial; font-weight:bold; font-size:15pt; height:30px; width:120px;" onclick="hide('Layer1');hide('Layer2');hide('Layer3');hide('Layer4');hide('Layer5');hide('Layer6');hide('Layer7');hide('Layer8');hide('Layer9');hide('Layer10')">     <p>     <input type="button" value="change" id="Tabelle1" onclick="TabelleIt(this);" style="font-family:Arial; font-weight:bold; font-size:15pt; height:30px; width:120px;">

</td>         <td>                 <p>&nbsp;</p>         </td>     </tr> </table>

</form>

<table border="1" id="Tabelle2"  style="display:none;">     <tr>         <td width="479">      &nbsp;&nbsp;<font face="Arial"><span style="font-size:25pt;">Tabelle 2</span></font>         </td>         <td width="479">             <p>&nbsp;</p>         </td>     </tr>     <tr>         <td width="964" colspan="2">             <p>&nbsp;</p>             <p>&nbsp;</p>         </td>     </tr> </table>

Beitrag melden
–
Informationen zu den Bewertungsregeln