Bei Radio Selection neue Spalte in Tabelle

[Shrek]

Aslo mein Problem sieht wie folgt aus. Ich habe ein Eingabebereich. Die Passwortauswahl möchte ich über einen Radiobutton steuern. Sprich wird der richtige Radiobutton aktiviert soll darunter eine neue Spalte entstehen wo ein Eingabefeld erscheint. Leider erscheint die neue spalte jedoch nicht in der tabelle sondern über der Tabelle. Das heißt das die neue Spalte nicht als Spalte der Tabelle erkannt wird.Ich hoffe ihr könnt mir helfen. Hier mein Quellcode.

Eingabefeld:

<form method=get action=?open=registriere name=form>
<table border=0 align=center cellspacing=0  cellpadding=3>
<tr>
	<td colspan=3 class=table_td_main>Profil:</td>
</tr>

<tr>
	<td class=table_td_left>Vorname:</td>
	<td class=table_td_right><input type=text name=vorname  maxlength=30></td>
	<td class=table_td_right></td>
</tr>

<tr>
	<td class=table_td_left>Nachname:</td>
	<td class=table_td_right><input type=text name=nachname></td>
	<td class=table_td_right></td>
</tr>

<tr>
	<td class=table_td_left>E-Mail:</td>
	<td class=table_td_right><input type=text name=email></td>
	<td class=table_td_right></td>
</tr>

<tr>
	<td class=table_td_left>Geburtstag: (DD.MM.JJJJ)</td>
	<td class=table_td_right><input type=text name=geburtstag></td>
	<td class=table_td_right></td>
</tr>

<tr>
	<td class=table_td_left>Passwort &auml;ndern:</td>
	<td class=table_td_right><input type="radio" name=pw_new checked="checked" onClick="check_pw(0);"> Nein</td>
	<td class=table_td_right>&nbsp;</td>
</tr>

<tr>
	<td class=table_td_left>&nbsp;</td>
	<td class=table_td_right><input type="radio" name=pw_new onClick="check_pw(1);"> Ja</td>
	<td class=table_td_right>&nbsp;</td>
</tr>

<div id=pw>


</div>

<tr>
	<td colspan=3  class=table_td_left align=center><button type="button" class=test onClick="self.document.form.submit();"><img src=grafik/rest/gruen.png> Profil &auml;ndern</button> <-- -->
	<button type="button" class=test onClick="self.document.form.reset();"><img src=grafik/rest/rot.png> Profil zur&uuml;cksetzen</button></td>
</tr>

</table>
</form>

Und hier meine JS Funktion:

function check_pw(test)
{
	if(test==0)
    {
        document.getElementById( "pw" ).innerHTML="";
	}
	else
	{
		html="<tr><td class=table_td_left>Passwort:</td><td class=table_td_right><input type=password name=passwort1 maxlength=30></td><td class=table_td_right>&nbsp;</td></tr>";
		document.getElementById( "pw" ).innerHTML=html;
 	}
}

 

[Sven Mintel]

Wenn du eine neue Reihe/Zelle in eine Tabelle einfügen willst, musst du das natürlich auch in der Tabelle machen, und nicht in irgendeinem <div>...ein <div> ist kein reguläres Kindelement einer Tabelle.

Bevor du dich auf "innerHTML" versteifst.... damit ist es im IE nicht möglich, Reihen/Zellen in eine Tabelle enzufügen.
Verwende stattdessen die Methoden insertRow() und insertCell()