[Javascript] rij invoegen in een iframe.

[Verwijderd]

Ik wil met een javafunctie een rij en cel invoegen in een iframe, waar al <table> en </table> instaat. Nu is dat niet zo'n probleem en kan ik dat gewoon met pasteHTML() doen, maar wanneer ik nu met mijn cursor in die cel sta en weer op de knop(rij met cel invoegen) druk, dan moet hij dus buiten de <tr> tags van de vorige weer een rij maken.

Ik heb dus:

code:

<table>
  <tr>
     <td> Ik sta hier met mijn cursor en wil een nieuwe rij toevoegen </td>
  </tr>
<!-- en die moet dan dus hier komen -->
</table>

Hoe kan ik dit probleem oplossen dat hij pas na de volgende </tr> tag invoegt?

[akakiwi]

var sTable = document.getElementById(0).getElementsByTagName("tr")[0];
var sTr = document.createElement("tr");
var sTd = document.createElement("td");
sTr.appendChild(sTd);
sTable.appendChild(sTr);

klaar.

[Verwijderd]

Ik doe nu zoiets als ik op de knop druk:

code:

function InvoegenRijen(aantal_kolommen)
{
    iframe_hoofd.focus();
    var selectie = iframe_hoofd.document.selection;
    var pointer = selectie.createRange();
    
    if (aantal_kolommen == 1)
    {

                // ga naar de volgende </tr> tag en doe:
        pointer.pasteHTML('<tr bordercolor="blue"><td></td></tr>');
    }
}

[akakiwi]

oei.
Dat pasteHTML commando ken ik niet.
Mijn bovenstaande regels code zijn volgens DOM, en werken dus in elke browser wanneer je het aan de praat hebt.
Natuurlijk staat die bovenstaande code in een functie.

[Verwijderd]

Het hoeft alleen maar in IE5.5+ te werken dus. Hoe krijg ik jouw DOM code in mijn stukkie op zo'n manier dat het werkt?

[Thijsmans]

Ik zou gaan voor innerHTML

JavaScript:

parent.frames['naamvanhetiframe'].document.getElementById('tabelspan').innerHTML+='zet dit erbij';

en natuurlijk een span in het iframe, waar de rijen moeten komen

[Verwijderd]

innerHTML? Ik moet de tags er ook bij hebben toch?

[akakiwi]

code:

function addRow(){
  var sTable = document.getElementById(0).getElementsByTagName("tr")[0];
  var sTr = document.createElement("tr");
  var sTd = document.createElement("td");

  sTr.appendChild(sTd);
  sTable.appendChild(sTr);
}

code:

<input type=button onclick="addRow();">

Dat moet al werken.
Mooiste is wanneer je je table nog een <tbody> tag geeft. Dan weet je zeker dat die uniek is, en kun je die invullen ipv getElementsByTagName("tr")[0]; krijg je dan getElementsByTagName("tbody")[0];

[Verwijderd]

Hey akakiwi, heel erg bedankt, maar hoe weet je nu dat het om de volgende <\tr> gaat dan?

[Verwijderd]

kan dit niet met pasteHTML trouwens? Het kan namelijk zijn dat ik wat anders wil pasten dan een element.