Notifikationer

Markér alle som læst Log ud

hkb-x Nybegynder

29. april 2006 - 19:04 Der er 8 kommentarer og
1 løsning

rediger flere rækker

Jeg har nogle rækker i en tabel hvor man ved at klikke på et link skal gøre dem alle sammen enten synlige eller usynlige. Det gør jeg ved at bruge:

document.getElementById('123').style.display

som jeg så enten sætter til "none" eller "table-row" alt efter om de skal kunne ses eller ej. Problemet er at jeg bliver nød til at lave en kode per række. Dvs at hvis jeg har 12 rækker der skal fosvinde samtidig så skal jeg skrive 12 gange

document.getElementById('123').style.display

(med forskellige id numre).

Men er der ikke en måde hvorpå jeg kan sætte style.display på dem alle sammen på én gang?

Synes godt om

erikjacobsen Ekspert

29. april 2006 - 19:07 #1

Er der noget system i navngivningen af rækkerne? Ellers kan du jo lave et array med navnene, og løbe det igennem.

Synes godt om

mclemens Nybegynder

29. april 2006 - 20:00 #2

Noget i denne stil?

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type"

content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<script type="text/javascript">

function sh(){
tnr=document.getElementById("mintabel").getElementsByTagName("tr");
for(i=0;i<tnr.length;i++){
if(tnr[i].className=="rhide"){
tnr[i].style.display=(tnr[i].style.display=="none")?"":"none";
}
}
}

</script></head>

<body>

<b onclick="sh();">Vis/skjul</b>

<table id="mintabel">
<tr><td> test </td></tr>
<tr><td> test </td></tr>

<tr class="rhide"><td> test - </td></tr>
<tr class="rhide"><td> test - </td></tr>
<tr class="rhide"><td> test - </td></tr>
<tr class="rhide"><td> test - </td></tr>
<tr class="rhide"><td> test - </td></tr>
<tr class="rhide"><td> test - </td></tr>
<tr class="rhide"><td> test - </td></tr>
<tr class="rhide"><td> test - </td></tr>
<tr class="rhide"><td> test - </td></tr>
<tr class="rhide"><td> test - </td></tr>
<tr class="rhide"><td> test - </td></tr>
<tr class="rhide"><td> test - </td></tr>

<tr><td> test </td></tr>
<tr><td> test </td></tr>
</body></html>

Synes godt om

mclemens Nybegynder

29. april 2006 - 20:03 #3

tnr=document.getElementById("mintabel").getElementsByTagName("tr");
kan selvfølgelig også rettes til
tnr=document.getElementsByTagName("tr");

og så id på tabellen slettes... det kræver dog (måske) flere resourcer af browseren - da browseren så måske skal løbe gennem andre tabeller's tr's også for at lede efter tr's med className rhide for at bytte rundt på synligheden af disse...

Synes godt om

mclemens Nybegynder

29. april 2006 - 20:04 #4

... hmm der mangler en </table>

Synes godt om

hkb-x Nybegynder

30. april 2006 - 11:23 #5

@mclemens

der er kun 1 tabel så det er fint...

Synes godt om

mclemens Nybegynder

30. april 2006 - 11:33 #6

ok :)

Synes godt om

hkb-x Nybegynder

30. april 2006 - 12:26 #7

jeg tester lige 2 sek... kommer måske et par uddybende spørgsmål... men det ser fedt ud...

Synes godt om

hkb-x Nybegynder

30. april 2006 - 12:58 #8

det virker jo bare perfekt... tusind tak... ;)

Synes godt om

mclemens Nybegynder

30. april 2006 - 13:00 #9

- det var så lidt :)
og tak for point :)

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript	5	27/04/202620:09	03/05/202613:59
Validering af filnavn i formular Af Strawberry i JavaScript	8	14/04/202610:11	20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript	2	03/02/202614:19	04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript	9	18/04/202516:52	22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript	2	14/02/202511:47	27/06/202514:34

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS