appendChild in het midden van een tabel

[rAsk]

Beste Javascripters,

Ik ben bezig met het schrijven van een formulier, in dit formulier staan textfields. Bij sommige invulvelden kan je meerdere opties invullen. Ik heb een script waarin bij in het klikken van een textfield een nieuw textfield wordt aangemaakt, dit alles werkt goed alleen krijg ik het nieuwe textfield niet onder mijn andere textfield maar wordt deze helemaal onderaan de pagina geplaatst.

De code van mijn HTML document is te vinden op:

http://pastebin.com/m2fe9ba26

Als je in het veld "Productspecialisme: (max. 10)" klikt zal je zien dat er een nieuw textfield verschijnt onderaan de pagina. Ik wil dat dit geplaatst wordt onder het andere tekstveld.

Alle hulp is meer dan welkom.
Alvast bedankt!

 

[That Guy]

Omdat appendChild() eigenlijk overal kan, en je wilt m in je td hebben, probeer zoiets:

    <tr>
      <td>Productspecialisme:  (max. 10)</td>

<!-- veranderd -->

      <td id='voeghierdustoe'>
<input type="text" name="testnaam0" id="testnaam0" size="55" value="" style="font-size:9pt" onfocus="addTextfields(document.getElementById('voeghierdustoe'), 4, 'testnaam', this.id, this)"/>

<!-- /veranderd -->

        </p></td>
    </tr>

(id bij td, functiecall met handle van die td)

also, check je algehele html eens. Waarom is er wel een </p> maar geen <p>??