Doormiddel van radiobutton bepaalde tabelrows hidden maken

Pagina: 1
Acties:

  • Spixo
  • Registratie: Augustus 2004
  • Laatst online: 07:11
Ik heb 2 radio buttons, genaamd "Ja" en "Nee". Verder niet van belang maar handig om ze zo even te benoemen.

Nu heb ik een tabel, laten we zeggen:
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<table width="200" border="1">
  <tr>
    <td>Test</td>
    <td>Test</td>
  </tr>
  <tr>
    <td>Data1</td>
    <td>Value </td>
  </tr>
  <tr>
    <td>Data2</td>
    <td>Value</td>
  </tr>
  <tr>
    <td>Test 2 </td>
    <td>Test 2 </td>
  </tr>
</table>
Nu is mijn bedoeling, als "Ja" is selected moet je data 1 en zijn value zien, als "Nee" is selected Data2 en zijn value.

Dus indien ja:
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<table width="200" border="1">
  <tr>
    <td>Test</td>
    <td>Test</td>
  </tr>
  <tr>
    <td>Data1</td>
    <td>Value </td>
  </tr>
  <tr>
    <td>Test 2 </td>
    <td>Test 2 </td>
  </tr>
</table>
Indien nee:
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<table width="200" border="1">
  <tr>
    <td>Test</td>
    <td>Test</td>
  </tr>
  <tr>
    <td>Data2</td>
    <td>Value</td>
  </tr>
  <tr>
    <td>Test 2 </td>
    <td>Test 2 </td>
  </tr>
</table>


Hoe kan ik dit het beste realiseren? Bij het begin is trouwens nog geen een van de radio's selected dus dan moet hij geen van beide laten zien.

Ik had al geprobeerd met een <div> ertussen maar dat werkt blijkbaar niet en is ook niet de meest mooie oplossing.

  • Blaise
  • Registratie: Juni 2001
  • Niet online
Je kan toch gewoon een tr-element hiden of unhiden (display:none & display:block) door de waarde van een radio button af te lezen?

Het is misschien lastig om de value op te halen doordat je niet gewoon radionaam.value kan doen. Die radionaam returned namelijk een array waar je d.m.v. een for-loop moet checken welke radio "checked" is.

Zie ook dit.

  • Spixo
  • Registratie: Augustus 2004
  • Laatst online: 07:11
Blaise schreef op zaterdag 25 december 2004 @ 17:14:
Je kan toch gewoon een tr-element hiden of unhiden (display:none & display:block) door de waarde van een radio button af te lezen?

Het is misschien lastig om de value op te halen doordat je niet gewoon radionaam.value kan doen. Die radionaam returned namelijk een array waar je d.m.v. een for-loop moet checken welke radio "checked" is.

Zie ook dit.
Bedankt voor je reactie. Ik ben pas net een beetje begonnen met javascript e.d.. Ik ben nu zover gekomen dat ik in ieder geval de desbetreffende rows alvast heb verborgen met display:none. Nu even kijken hoe ik het ga aanpakken met het laten zien wanneer men de radio indrukt.

  • Spixo
  • Registratie: Augustus 2004
  • Laatst online: 07:11
Ik heb even wat geprobeerd en aan 1 van de radiobuttons een onClick event toegevoegd om wat te testen. Het helpt echter niets :/

onClick="javascript:document.getElementById(deel1).style.display = table-row;"

  • Eskimootje
  • Registratie: Maart 2002
  • Laatst online: 15:39
onClick="document.getElementById('deel1').style.display = 'table-row';"

[ Voor 29% gewijzigd door Eskimootje op 02-01-2005 19:53 . Reden: idd crisp (dat was wel erg 8)7 ) ]


  • Spixo
  • Registratie: Augustus 2004
  • Laatst online: 07:11
Eskimootje schreef op zaterdag 25 december 2004 @ 17:32:
onClick="javascript:document.getElementById('deel1').style.display = 'table-row';"
* Spixo voelt zich een domme n00b

Het werkt nu naar behoren en nog simpeler dan ik dacht. Bedankt _/-\o_

edit: dit werkt niet onder IE, wel onder Firefox :/

[ Voor 16% gewijzigd door Spixo op 25-12-2004 17:42 ]


  • Blaise
  • Registratie: Juni 2001
  • Niet online
En display:block?

  • Spixo
  • Registratie: Augustus 2004
  • Laatst online: 07:11
Dan werkt het onder Internet Explorer goed ja maar resulteerd het bij Firefox in een tabelverne*king :/

[ Voor 80% gewijzigd door Spixo op 26-12-2004 17:05 ]


  • Spixo
  • Registratie: Augustus 2004
  • Laatst online: 07:11
Na nog wat testen kom ik erachter dat IE het hele table-row element brak ondersteund. Klopt dit?

Is er niet een alternatief hiervoor voor IE? Als ik voor block kies komt er namelijk altijd een witlijn voor en achter bij FF.

  • Spixo
  • Registratie: Augustus 2004
  • Laatst online: 07:11
Verbazingwekkend, het werkt.

Bedankt voor jullie hulp _/-\o_

  • JayVee
  • Registratie: Mei 2002
  • Laatst online: 14-11-2025

JayVee

shibby++!

Eskimootje schreef op zaterdag 25 december 2004 @ 17:32:
onClick="javascript:document.getElementById('deel1').style.display = 'table-row';"
zonder die ene link hierboven te lezen:
Cascading Stylesheet:
1
style.display = ''
zet hem op wat default is! Dan werkt het ook in IE! :P

ASCII stupid question, get a stupid ANSI!


  • crisp
  • Registratie: Februari 2000
  • Laatst online: 15:42

crisp

Devver

Pixelated

zet aub geen javascript: in een eventhandler; dat hoort daar niet...

Intentionally left blank

Pagina: 1