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>','&nbsp;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:&nbsp;&nbsp;&nbsp;</td><td><input type="Text" name="plz" value="" size="14" maxlength=""></font><br></td></tr>

<tr><td><font>Ort:&nbsp; </td><td><input type="Text" name="ort" value="" size="30" maxlength=""></font><br></td></tr>

<tr><td><font>Straße, Hausnummer:&nbsp;</td><td> <input type="Text" name="strasse" value="" size="30" maxlength=""></font><br></td></tr>

<tr><td><font>Telefonnummer:&nbsp; </td><td><input type="Text" name="telefonnummer" value="" size="30" maxlength=""></font><br></td></tr>

<tr><td><font>Logo:&nbsp;&nbsp;&nbsp;&nbsp;</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:&nbsp;&nbsp;&nbsp; </td><td><input type="Text" name="email" value="" size="36" maxlength=""></font><br></td></tr>

<tr><td><font>Internetadresse:&nbsp;&nbsp;&nbsp; </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: ')">
&nbsp;&nbsp;&nbsp;&nbsp;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">&nbsp;&nbsp;&nbsp;&nbsp;<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