bestimmte Anzahl an Formularfeldern automatisch generieren
Patrick Vogt
- javascript
0 ChrisB
Hallo Leute, wie kann ich durch eine Zahleneingabe in einem Textfeld genausoviele Formularfelder generieren? Also jetzt ausführlich:
1: Als erstes soll in einem Textfeld die Teilnehmerzahl von Schützen eingetragen werden
2: Anhand der Teilnehmerzahl von Schützen soll das Formular seine Länge erhalten
3: Die folgenden Felder soll das Formular aufweisen und diese entsprechend der Anzahl an Schützinnen bzw. Schützen wiederholen -> Name, Vorname, Geb.-Datum, Hinrunde, Rückrunde, Gesamt
4: Die Hinrunde und Rückrunde sollen automatisch addiert werden und das Ergebnis der Addition im Feld "Gesamt" ausgegeben werden
5: Das Formular soll dann per E-Mail an die Zuständige für den Fernwettkampf gesendet werden
Ich füge euch mal meinen bisherigen Code an:
<?php
include ("checkuser.php");
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<meta name="robots" content="INDEX,FOLLOW">
<meta name="keywords" content="Schuetzenjugend Donau-Ries">
<meta name="description" content="schuetzen, schiessen, donau-ries, gau donau-ries" >
<title>Schützenjugend Donau-Ries</title>
<!-- (c)Copyright by S.I.S.Papenburg / www.on-mouseover.de/templates/ -->
<link rel="stylesheet" href="../../css/format.css" type="text/css">
<link rel="stylesheet" href="../../css/menue.css" type="text/css">
<link rel="stylesheet" href="../../css/lightbox.css" type="text/css">
<script type="text/javascript" src="../../js/prototype.js"></script>
<script type="text/javascript" src="../../js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="../../js/lightbox.js"></script>
<script type="text/javascript" src="js/vereine.js"></script>
<script type="text/javascript">
// Zahlen autom. addieren
function zaehler() {
var WertA = document.on_melder.erg_hin.value;
var WertB = document.on_melder.erg_rueck.value;
document.on_melder.gesamt.value=WertA*1 + WertB*1;
}
</script>
</head>
<body>
<div align="center">
<table width="80%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td id="top" ><!-- menü GANZ oben-->
<table align="right" id="menu" border="0" cellpadding="0" cellspacing="0" >
<tr>
<td ><a href="../../impressum.php" onfocus="this.blur();">Impressum</a></td><td class="trenn2" >
•</td>
<td ><a href="../../datenschutz.php" onfocus="this.blur();">Hinweise zum
Datenschutz</a></td><td class="trenn2">
•</td>
<td ><a href="../../aktuelles/aktuelles.php" onfocus="this.blur();">Aktuelles</a></td><td class="trenn2">
•</td>
<td ><a href="../../bezjutag/index.php" onfocus="this.blur();">Bezirksjugendtag</a></td><td class="trenn2">
•</td>
<td ><a href="../../bezpokal/index.php" onfocus="this.blur();">Bezirkspokal</a></td><td class="trenn2">
•</td>
<td ><a href="../../ausflug/2009/index.php" onfocus="this.blur();">Jugendausflug</a></td><td class="trenn2">
•</td>
<td ><a href="../../archiv/archiv.php" onfocus="this.blur();">Archiv</a></td>
</tr>
</table>
<!-- ende menü GANZ oben--></td>
</tr>
</table>
<table align="center" id="main" cellspacing="0" cellpadding="0" border="0" >
<tr>
<td align="center" >
<table align="center" cellspacing="0" cellpadding="0" border="0" id="main_top" >
<tr>
<td id="top1">
<table width="100%" align="center" id="menuhorizontal" border="0" cellpadding="0" cellspacing="0" >
<tr>
<td width="10%" ><a href="../../index.php" onfocus="this.blur();">Home</a></td>
<td class="trenn"><img src="../../images/design/trenn.gif" width="1" height="38" border="0" alt=""></td>
<td width="20%"><a href="../index.php" onfocus="this.blur();">
Jugendleitung</a></td>
<td class="trenn"><img src="../../images/design/trenn.gif" width="1" height="38" border="0" alt=""></td>
<td width="20%"><a href="../../kader/index.php" onfocus="this.blur();">
Gaujugendkader</a></td>
<td class="trenn"><img src="../../images/design/trenn.gif" width="1" height="38" border="0" alt=""></td>
<td width="14%"><a href="../../fwk/2009/index.php" onfocus="this.blur">
Fernwettkampf</a></td>
<td class="trenn"><img src="../../images/design/trenn.gif" width="1" height="38" border="0" alt=""></td>
<td width="20%"><a href="../../meisterschaften/index.php">Meisterschaften</a></td>
<td class="trenn"><img src="../../images/design/trenn.gif" width="1" height="38" border="0" alt=""></td>
<td width="20%"><a href="../../preisschiessen/index.php">Preisschiessen</a></td>
</tr>
</table>
<!-- ende menü oben-->
</td>
</tr>
<tr>
<td id="top2"><table align="center" cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td >
<span id="hpname">Schützenjugend <i>Donau-Ries</i></span>
<br>
<span id="slogan"> Mit scharfem Aug' und sich'rer Hand</span><br><br><br>
<a href="javascript:window.print()" onfocus="this.blur();"><img alt="" border="0" height="16" src="../../images/design/printButton.png" width="16"></a></td><td align="left" valign="middle" >
<a href="http://www.schuetzengau-donau-ries.de" target="_blank" onfocus="this.blur();">
<img src="../../images/design/gauwapp.gif" title="Schützengau Donau-Ries" border="0"></a>
</td>
</tr>
</table ></td>
</tr>
</table>
<!--ende oben-->
<table align="center" id="main_inhalt" border="0" cellpadding="0" cellspacing="0" >
<tr>
<td valign="top" align="center" >
<table align="center" id="inhalt" border="0" cellpadding="0" cellspacing="0">
<tr>
<td id="inbox" ><h2>Kennwortgeschützter Bereich für Vereine</h2><br>
<h4>Onlinemeldung für den Fernwettkampf</h4>
<?php
include("../../inc/trenn.php");
?>
<br>
<br>
Hallo <?php echo $_SESSION["user_vorname"]; ?> <?php echo $_SESSION["user_nachname"]; ?>,<br>
deine BenutzerId ist: <?php echo $_SESSION["user_id"]; ?><br>
<br>
<?php
$daten=date("Y-m-d");
$daten.="|";
$daten.=date("H:i:s");
$daten.="|";
$daten.=$REMOTE_ADDR;
$daten.="|";
$daten.=$REMOTE_HOST;
$daten.="|";
$daten.=gethostbyaddr($REMOTE_ADDR);
$daten.="|";
$daten.=$HTTP_USER_AGENT;
$daten.="\n";
$datei = fopen("../../logfiles/logfile_vereine.csv","a");
$output = fwrite($datei,$daten);
fclose($datei);
?>
<form name="on_melder" action="intern.php" method="post">
<select name="vereinsnr" onChange="Vereinsauswahl()">
<?php
mysql_connect("localhost","d00bae01","g6a0u7j");
mysql_select_db("d00bae01");
$sql = "SELECT vereinsnr FROM vereine ORDER BY vereinsnr";
$query = mysql_query($sql);
if ($query)
{
while($sekt = mysql_fetch_array($query, MYSQL_ASSOC))
{
$selected="";
if ($strAdrSektion == $sekt['vereinsnr'])
{
$selected="selected ";
}
echo "<option " . $selected . "value=\"" . $sekt['vereinsnr'] ."\">" . $sekt['vereinsnr'] ."</option>";
}
}
?>
</select> <b>Vereinsnr.</b> <input name="anz_s" maxlength="2" size="5"> <b>Anzahl teilnehmender Schützinnen und Schützen</b><p>
<input name="verein" type="text" size="70" maxlength="40" readonly> <b>Verein</b>
<p>
<table>
<tr>
<td><b>Name</b></td>
<td><b>Vorname</b></td>
<td><b>Geb.-Datum</b></td>
<td><b>Hinrunde</b></td>
<td><b>Rückrunde</b></td>
<td><b>Gesamt</b></td>
</tr>
<tr>
<td><input name="name_s" size="30"></td>
<td><input name="vname_s" size="30"></td>
<td><input name="geb" size="15" maxlength="10"></td>
<td><input name="erg_hin" value="" size="15"></td>
<td><input name="erg_rueck" value="" size="15"></td>
<td><input name="gesamt" size="15" value=""></td>
</tr>
<tr>
<td><input type="submit" value="Ergebnisse melden..."></td>
<td><input type="reset"></td>
</tr>
</table>
</form>
Sollte das vorbereitete Formular nicht ausreichen, dann ladet die Seite neu und macht dann an der Stelle weiter, wo die Felder vom Formular ausgingen.
Vergesst aber nicht, die Vereinsnummer, Verein
und die Anzahl der teilnehmenden Schützinnen und
Schützen erneut anzugeben.
<hr>
<a href="../mitarbeiter/logout.php">Ausloggen</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- fuss-->
<?php
include("../../inc/footer.php");
?>
<!-- ende fuss-->
</td>
</tr>
</table></div>
</body>
</html>
Hi,
wie kann ich durch eine Zahleneingabe in einem Textfeld genausoviele Formularfelder generieren?
Mittels einer Schleife, die zahl mal jeweils ein Formularfeld dynamisch erstellt und ins Formular einfügt.
MfG ChrisB