aus zwei mach eins

[Bayernfreund]

Hallo

Ich habe hier ein Skript bei dem nach Überprüfung der sichtbare Teil versteckt wird, und ein unsichtbarer Teil sichtbar wird.

Das Ganze funktioniert hervorragend. Bei einer Fehlermeldung erscheint dann ein Alert. Und das gefällt mir nicht.

Es soll aber so aussehen, wie das in dem anderen Skript (siehe unten).
Ich habe schon alles probiert, aber ich schaffe es einfach nicht aus zwei Skripte eins zu machen. Kann mir jemand dabei helfen?

Vielen Dank im Voraus

<script language="JavaScript">
function checkenIt(t) {

if (!pruef()) return;

v = t.id;
        if(v == '') {

document.getElementById('Bannerfeld').style.display = 'inline';
            document.getElementById('Ablage').style.display = 'none';
        } else if(v == 'super') {
            document.getElementById('Bannerfeld').style.display = 'none';
            document.getElementById('Ablage').style.display = 'inline';
        } else {
            document.getElementById('Bannerfeld').style.display = 'inline';
            document.getElementById('Ablage').style.display = 'none';

}

function pruef(){
var falsch = ""; // Variable in der die Fehler gespeichert werden
if(document.mail.Namen.value == "") falsch += "Gib bitte deinen Namen an!      \n"

if(falsch == "") return true
else{
alert("" + falsch)
return false
}
}
}
</script>

<form name="mail">

<a id="Bannerfeld"><input type="text" id="Namen" style="width:200px"><input type="button" value="weiter"  id="super" onClick="checkenIt(this);">
</a>

<a id="Ablage" style="display:none;">
<input type=button id="zuruck" onclick="checkenIt(this); document.getElementById('Namen').value = '';" value="bravo" style="font-weight:bold; font-size:30px; width:100px; height:45px;">
</a>

</form>

Hier ist das andere Skript

<SCRIPT LANGUAGE="JavaScript">

function validate_form() {

validity = true;

if (!check_empty(document.form.Name.value)){ /* Funktion Namen (Abfrage) */
  validity = false;
  show('Layer1'); /* zeige Fehler */
  }
  if (validity);
  return validity; /* alle Angaben waren korrekt */
  }
  function check_empty(text) {
return (text.length > 0); /* gibt false zurück wenn leer */
  }
  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:[e-mail]?SUBJECT=Betreff für die Mail" enctype="text/plain" onSubmit="return validate_form(this.form)">

<table>
    <tr>
        <td width="310">
    <input type="text" name="Name" style="width:300px;">
        </td>
        <td width="400">
    <div id="Layer1" style="visibility:hidden;"><font color="red" face="Arial"><span style="font-size:11pt;"><b>Bitte &uuml;berpr&uuml;fe noch einmal deine Eingaben!</b></span></font></div>
        </td>
    </tr>
    <tr>
        <td height="60" colspan="2">
    <input type="submit" border="0" onclick="hide('Layer1');" name="submit" value="weiter" style="font-size:large;">
        </td>
    </tr>
</table>

</form>