prajuritbs
Mitglied
Hi,
ich möchte auf meiner Seite meinen Besuchern eine funktion biteten ihren Geburtstags Countdown zu generieren.
Ich hab das in 5 Schritten mit dem <progress> Tag gemacht und ein passendes JavaScript geschriebn,
jedoch wird nach dem 1ten Schritt einfach abgebrochen was ist da falsch?
Hier mal der Quelltext:
ich möchte auf meiner Seite meinen Besuchern eine funktion biteten ihren Geburtstags Countdown zu generieren.
Ich hab das in 5 Schritten mit dem <progress> Tag gemacht und ein passendes JavaScript geschriebn,
jedoch wird nach dem 1ten Schritt einfach abgebrochen was ist da falsch?
Hier mal der Quelltext:
HTML:
<!DOCTYPE HTML >
<html>
<head>
<title>Upload</title>
</head>
<body>
<h1>Generieren sie sich hier ihren persönlichen Countdown</h1>
<script>
/* <![CDATA[ */
function naechsterSchritt(n) {
switch(n) {
case 1:
document.getElementById('schritt1').style.display = "block";
break;
case 2:
document.getElementById('schritt1').style.display = "none";
document.getElementById('schritt2').style.display = "block";
break;
case 3:
document.getElementById('schritt2').style.display = "none";
document.getElementById('schritt3').style.display = "block";
break;
case 4:
document.getElementById('schritt3').style.display = "none";
document.getElementById('schritt4').style.display = "block";
break;
case 5:
document.getElementById('schritt4').style.display = "none";
document.getElementById('schritt5').style.display = "block";
break;
default: break;
}
}
/' ]]> */
</script>
<form name="upload" action="input.php" method="post">
<fieldset id="schritt1" sytle="display: none;">
<p>Vorname:
<input type="text" name="vname" size="30"></p>
<p><progress max="5" value="1">1 / 5</progress></p>
<p><input type="button" value="weiter" onclick="naechsterSchritt(2)"></p>
</fieldest>
<fieldset id="schritt2" style="display: none;">
<p>Name:
<input type="text" name="name" size="30"></p>
<p><progress max="5" value="2">2 / 5</progress></p>
<p><input type="button" value="Weiter" onclick="naechsterSchritt(3)></p>
</fieldset>
<fieldset id="schritt3" style="display: none;">
<p>Geburstag:
<input type="text" name="bday" size="30">
<small>(DD,MM,YYYY)</small></p>
<p><progress max="5" value="3">3 / 5</progress></p>
<p><input type="button" value="Weiter" onclick="naechsterSchritt(4)"></p>
</fieldset>
<fieldset id="schritt4" style="display: none;">
<p>Laden Sie ein Bild hoch:<br>
<input name="Datei" type="file" size="30" maxlength="100000"></p>
<p><progress max="5" value="4">4 / 5</progress></p>
<p><input type="button" value="Weiter" onclick="naechsterSchritt(5)"></p>
</fieldset>
<fieldset id="schritt5" style="display: none;">
<p>Email:
<input id="email" name="email" type0"email" required="required" /></p>
<p><progress max="5" value="5">5 / 5</progress><7p>
<input type="submit" value="Absenden">
</fieldset>
</form>
</body>
</html>