[Løst]Sette inn textbokser i <tabel> vha. javascript

[- mOtz^ -]

HTML:

<table id="myTable">
 <td><input type="text" /></td>
 <td><input type="text" /></td>
</table>

<input type="button" onclick="insRow()" />

 

java script:

function insRow() {
 var x=document.getElementById('myTable').insertRow(-1);
 var a=x.insertCell(0);
 var b=x.insertCell(1);

 //HVA MÅ JEG SKRIVE HER!

}

 

Dette er koden min så langt. Det jeg ønsker nå, er at når jeg trykker på knappen, så skal det komme opp en ny rad med <input type="text" />. Hvordan kan jeg kode dette?

[Gjest Slettet+19873487]

Du kan skrive:

document.writeln("<" + "input type='text' />");

 

eller:

document.write("<" + "input type='text' />");

 

Si ifra om det er dette du var ute etter.

 

EDIT: Jeg leste gjennom problemet igjen, og det er nok ikke helt denne løsningen du skal ha allikevel.

Endret 13. august 2009 av Slettet+19873487

[- mOtz^ -]

nope, funka ikke helt. Prøvde noe alla det du skrev selv se.

 

EDIT: Kan jo hende at dette er vanskelig å gjøre vha javascript! Om dere har andre løsninger tar jeg gjerne imot det. Grunnen til at jeg bruker javascript er for at jeg fikk lagt til en ny rekke med bare tekst med dette scriptet. Nå må jeg bare få endret teksten til html-kode!

Endret 13. august 2009 av - mOtz^ -

[Gjest Slettet+19873487]

Bare for å være helt sikker på hva du vil ha. Først er koden slik:

<table id="myTable">
 <td><input type="text" /></td>
 <td><input type="text" /></td>
</table>

<input type="button" onclick="insRow()" />

 

Når noen trykker på knappen så skal koden bli slik:

<table id="myTable">
 <td><input type="text" /></td>
 <td><input type="text" /></td>
 <td><input type="text" /></td>
</table>

<input type="button" onclick="insRow()" />

 

Er dette korrekt?

[- mOtz^ -]

Nei! Slik skal den bli:

 

table id="myTable">
<tr>
 <td><input type="text" /></td>
 <td><input type="text" /></td>
</tr>
<tr>
 <td><input type="text" /></td>
 <td><input type="text" /></td>
</tr>
</table>

<input type="button" onclick="insRow()" />

[Gjest Slettet+19873487]

There you go!

 

<script>
function insRow() {
 var whereToInsert = document.getElementById('testDiv');
 var createThis = document.createElement('div');
 createThis.innerHTML = '\
 <table><td><input type=text/></td><td><input type=text /></td></table>';
 whereToInsert.appendChild(createThis);
}
</script>

<table id="myTable">
 <td><input type="text" /></td>
 <td><input type="text" /></td>
</table>

<input type="button" onclick="insRow()"/>

<div id="testDiv">New rows from here </div>

Endret 13. august 2009 av Slettet+19873487