javascript
Alexander Engelbert
- javascript
hy,
habe folgenden html-text:
<html>
<head>
<title>Formular für Anmeldung Weingüter</title>
<SCRIPT LANGUAGE="JavaScript" SRC="overlib.js"></SCRIPT>
<meta name="author" content="Engelbert">
<meta name="generator" content="Microsoft FrontPage 4.0">
<link rel="stylesheet" href="vorlagen.css" type="text/css">
<script language= "JavaScript" type="text/javascript">
var j = 0;
function alles_weg() {
if (document.getElementById("tabelle").rows.length > 0)
{ //alle Zeilen löschen - man muss bei der zuletzt angelegten Zeile beginnen !
for (var i=document.getElementById("tabelle").rows.length-1;i>=0;i--) {
document.getElementById("tabelle").deleteRow(i);
}
//sehr wichtig, sonst stimmen die ganzen Indizes (für die Tabellezeilen) nicht mehr
j = 0;
}
}
function neues_elem(a_type, a_id, a_inhalt, a_beschriftung) {
//neue Zeile in die Tabelle mit der id "tabelle"
var Zeile = document.getElementById("tabelle").insertRow(j);
//um 1 erhöhen
j++;
//neue Zelle erzeugen
var Zelle = document.createElement("td");
//element definieren, das sich in der Zelle befinden soll
var element = document.createElement("input");
//type festlegen
element.type = a_type;
//einheitliche Breite für alle Textfelder
if (a_type == "text") element.size = 10;
//id festlegen für (eventuelle) spätere Ansprache des Elementes
element.name = a_id;
//beschriftung definieren
var caption = document.createTextNode(a_beschriftung);
//Wert definieren
element.value = a_inhalt;
//Element an die Zelle anhängen
Zelle.appendChild(caption);
Zelle.appendChild(element);
//Zelle an die Zeile anhängen
Zeile.appendChild(Zelle);
}
</script>
</head>
<body text="#FFFFFF" bgcolor="#800040" link="#FF0000" alink="#FF0000" vlink="#FF0000" class="meintext" style="margin-left: 100">
<DIV ID="overDiv" STYLE="position:absolute; visibility:hide; z-index:20;"></DIV>
<script language="JavaScript">
<!--
// Init overlib.js
var ol_close = "Schliessen";
var ol_closecolor = "#FFFFFF";
var ol_bgcolor = "#FFFFFF";
var ol_width = 270;
var ol_offsetx = -290;
var ol_offsety = 0;
//-->
</script>
<font color="#FF0000"><% response.write request.querystring("meldung") %></font>
<form action="Anmeldung_W.asp" method="post" target="">
<p class="meineh1" style="margin-top: 50; margin-bottom: 50"><font>Anmeldeformular</font></p>
<table border=0>
<tr><td><font>Name des Weinguts:</td><td><input type="Text" name="betriebsname" value="" size="45" onkeydown="if(event.keyCode=='13') event.keyCode=9;" class="kontoField5">
<a href=# onMouseOver="dlc('Schuljahr:05/06<br>erstellt am 06.06.2006<br><br><br><u>Beschreibung:</u><br>ein RW-Test<br><br><br>',' Details:'); return true;" onMouseOut="nd(); return true;"><img src="question.gif" border="0" align="absbottom"></a>
</font> <br></td></tr>
<tr><td><font>Passwort:</td><td><input type="Password" name="passwort" value="" size="31" maxlength=""></font><br></td></tr>
<tr><td><font>PLZ: </td><td><input type="Text" name="plz" value="" size="14" maxlength=""></font><br></td></tr>
<tr><td><font>Ort: </td><td><input type="Text" name="ort" value="" size="30" maxlength=""></font><br></td></tr>
<tr><td><font>Straße, Hausnummer: </td><td> <input type="Text" name="strasse" value="" size="30" maxlength=""></font><br></td></tr>
<tr><td><font>Telefonnummer: </td><td><input type="Text" name="telefonnummer" value="" size="30" maxlength=""></font><br></td></tr>
<tr><td><font>Logo: </td><td><input type="file" name="s10" size="35" onkeydown="if(event.keyCode=='13') event.keyCode=9;" class="kontoField5"><input type="hidden" name="url" value="c:\alex\schule\l'uva uno\l'uva uno 2<%response.write betriebsname%>"><input type="hidden" name="betriebsname" value="<%=betriebsname%>" ><br></td></tr>
<tr><td><font>E-Mail: </td><td><input type="Text" name="email" value="" size="36" maxlength=""></font><br></td></tr>
<tr><td><font>Internetadresse: </td><td><input type="Text" name="internet" value="" size="36" maxlength=""></font><br></td></tr>
<tr><td><font>Degustation:</td><td>ja<input form="Eingabe" type="radio" id="r2" name="degustation" value="1" onClick="alles_weg();neues_elem('text', 'el1', '', 'Anmeldefrist: ');neues_elem('text', 'el2', '', 'Unkostenbeitrag pro Degustation: ');neues_elem('text', 'el3', '', 'pro Teilnehmer: ');neues_elem('text', 'el4', '', 'Mindestteilnehmeranzahl pro Degustation: ');neues_elem('Checkbox', 'el5', '1', 'Verfügungstellung von Gläsern: ');neues_elem('hidden', 'el6', 'selected', 'Regionen für Degustation: ') ;neues_elem('checkbox', 'e25', '', 'Seewinkel ');neues_elem('Checkbox', 'el7', '1', 'Degustation auch im Betrieb möglich: ');neues_elem('text', 'el8', '', 'Sortiment: ')">
nein<input form="Eingabe" type="radio" id="r2" name="degustation" value="1" onClick="alles_weg()">
</font></td></tr>
<table id="tabelle">
</table>
<p style="margin-left: 100; margin-top: 50"><font size="2" face="Georgia">*muss nur ausgefüllt werden, wenn zuvor Degustation mit ja ausgewählt wurde!</font></p>
<p align="center">
<font face="Georgia">
<input type="Submit" name="" value="Speichern"> <input type="reset">
</font>
</form>
</body>
</html>
meine Frage: wie kann ich nach dem aufklappen der neuen felder zwei radio-buttons neben einander stellen und außerdem die texte der elemente und die buttons, eingabefelder etc. in 2 tabellen formatieren?
außerdem: wie kann ich beim feld sortiment einstellen, dass sobald ein text eingegeben wird automatisch ein neues textfeld unterhalb eingefügt wird?
schöne grüße,
alex