Avatar billede intenz Novice
04. april 2007 - 18:55 Der er 3 kommentarer og
1 løsning

dynamisk indsæt at <tr>

Hej

Mit spørgsmål er rimelig simpelt. Er det muligt at indsætte en <tr><td>nyt indhold</td><td>mere indhold</td></tr>
under en eksisterende linje på et givent sted i en eksisterende tabel.

Og i så fald, hvordan?
Avatar billede erikjacobsen Ekspert
04. april 2007 - 19:37 #1
Lidt klyt-kode, der kan vise princippet:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
  <!--
    function register(f) {
      var tb=document.getElementById("tb");

      var tr=document.createElement("tr");
      var td1=document.createElement("td");
      td1.innerText=f.nummer.value;
      var td2=document.createElement("td");
      td2.innerText=f.frugt.value;
      tr.appendChild(td1);
      tr.appendChild(td2);
      tb.appendChild(tr);
    }
  //-->
  </SCRIPT>
</HEAD>

<BODY>
 
<table border="1">
<tbody id="tb">
<tr><td>1</td><td>Banan</td></tr>
</tbody>
</table>

<form onsubmit="register(this);return false">
<input type="text" name="nummer">
<input type="text" name="frugt">
<input type="submit">
</form>



</BODY>
</HTML>
Avatar billede intenz Novice
04. april 2007 - 19:59 #2
Har lige testet den, og umiddelbart virker den næsten.

Men er et muligt at indsætte i en sådan kode der efter "Banan" f.eks.?:
<table border="1">
<tbody id="tb">
<tr><td>1</td><td>Banan</td></tr>
<tr><td>1</td><td>Æble</td></tr>
<tr><td>1</td><td>Pære</td></tr>
</tbody>
</table>
Avatar billede erikjacobsen Ekspert
04. april 2007 - 20:32 #3
Den virker vel perfekt - bare ikke til det du ønsker ;)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
  <!--
    function register(f) {
      var tb=document.getElementById("tb");

      var tr=document.createElement("tr");
      var td1=document.createElement("td");
      td1.innerText=f.nummer.value;
      var td2=document.createElement("td");
      td2.innerText=f.frugt.value;
      tr.appendChild(td1);
      tr.appendChild(td2);
      tb.insertBefore(tr, tb.firstChild.nextSibling);
    }
  //-->
  </SCRIPT>
</HEAD>

<BODY>
 
<table border="1">
<tbody id="tb">
<tr><td>1</td><td>Banan</td></tr>
</tbody>
</table>

<form onsubmit="register(this);return false">
<input type="text" name="nummer">
<input type="text" name="frugt">
<input type="submit">
</form>



</BODY>
</HTML>
Avatar billede intenz Novice
09. april 2007 - 14:38 #4
Lukker den her igen, ikke helt det jeg skulle bruge.

Men du vil vel ikke have point alligevel :)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester