Avatar billede kovalt Nybegynder
24. august 2004 - 15:32 Der er 12 kommentarer og
1 løsning

Indsætte række i tabel

Hej

  Jeg har en tabel med en masse rækker i. Ud fra hver række vil jeg gerne lave en knap, der hedder indsæt ny række. Ved tryk på denne knap skal der skydes en rækkes ind i linien unden den linie hvor knappen befinder sig. Hvorledes gøres dette?

/Kovalt
Avatar billede roenving Novice
24. august 2004 - 15:35 #1
Er det noget fast, eller skal man også kunne indsætte rækker fra den nye række ?-)
Avatar billede kovalt Nybegynder
24. august 2004 - 15:38 #2
ja det skal man vel i grunden kunne.

Det skal lige siges at tabellen bliver opbygget på baggrund af et udtræk fra en database. Opbygningen sker via ASP
Avatar billede kovalt Nybegynder
24. august 2004 - 15:39 #3
hvis det er meget simplere at lave såfremt man ikke skal kunne indsætte nye rækker fra nye rækker er det også OK
Avatar billede roenving Novice
24. august 2004 - 15:46 #4
Et eksempel på den simplest tænkelige:

<table>
  <tr id="tr1">
    <td>
      Noget tekst</td>
    <td>
      <button onclick="document.getElementById('tr2').style.display='block';">Tilføj række</button></td>
  </tr>
  <tr id="tr2" style="display:none;">
    <td>
      Noget tekst</td>
    <td>&nbsp;</td>
  </tr>
  <tr id="tr3">
    <td>
      Noget tekst</td>
    <td>
      <button onclick="document.getElementById('tr4').style.display='block';">Tilføj række</button></td>
  </tr>
  <tr id="tr4" style="display:none;">
    <td>
      Noget tekst</td>
    <td>&nbsp;</td>
  </tr>
  <tr id="tr5">
    <td>
      Noget tekst</td>
    <td>
      <button onclick="document.getElementById('tr6').style.display='block';">Tilføj række</button></td>
  </tr>
  <tr id="tr6" style="display:none;">
    <td>
      Noget tekst</td>
    <td>&nbsp;</td>
  </tr>
</table>

-- denne model har også den fordel, at der (næsten !-) ikke er særlige finurligheder i forskellige browsere !o]
Avatar billede kovalt Nybegynder
24. august 2004 - 15:52 #5
lige for at få logikken bag på plads... man laver alle rækker - også de som kan indsættes (disse skjules) og vises derefter ved tryk på knappen.
Avatar billede kovalt Nybegynder
24. august 2004 - 15:53 #6
i min tabel har jeg en masse et form felt som fremgår i alle rækker. Dette falt har samme navn og værdier requester jeg således på en kommasepereret liste.

Vil dine skjuldte rækker ikke kambolere med denne fremgangsmåde
Avatar billede roenving Novice
24. august 2004 - 15:54 #7
Jepz, det er det klart det nemmeste, alternativet er noget med at finde frem til parent.parent-elementet, finde dets nærmest efterfølgende slægtning, og så indsætte en hel række-kode foran den !-)
Avatar billede roenving Novice
24. august 2004 - 15:55 #8
Jo !-)

Men du kan jo samtidig have et skjult felt (f.eks. i den kolonne, hvor du har knapperne !-) som tæller ens, og sættes til en kontrollerbar værdi !o]
Avatar billede kovalt Nybegynder
24. august 2004 - 16:06 #9
fino bandino......

hvis jeg vil lave en slet-knap ud fra de insatte rækker hvorledes ser denne knap så ud:

<button onclick="document.getElementById('tr6').style.display=none;">Tilføj række</button>?????
Avatar billede roenving Novice
24. august 2004 - 16:08 #10
Ja, næsten !-)

<button onclick="document.getElementById('tr6').style.display='none';">Fjern række</button>
Avatar billede kovalt Nybegynder
24. august 2004 - 16:18 #11
det er bare alletiders - takker for hjælpen
Avatar billede roenving Novice
24. august 2004 - 16:22 #12
Velbekomme '-)
Avatar billede roenving Novice
31. august 2004 - 04:33 #13
-- og tak for point ;~}
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