[JS] hide/ show van div dmv radio button

Pagina: 1
Acties:

Onderwerpen


Acties:
  • 0 Henk 'm!

  • ReseTTim
  • Registratie: Juni 2000
  • Laatst online: 10:08

ReseTTim

Chocolate addicted

Topicstarter
bijna overal werkt mijn scriptje om div's zichtbaar en onzichtbaar te maken. Mijn probleem is die verdomde IE6 daar krijg ik het niet voor elkaar om via radio buttons een div zichtbaar of onzichtbaar te maken..

JavaScript:
1
2
3
4
5
6
7
8
function HideContent(d) {
if(d.length < 1) { return; }
    document.getElementById(d).style.display = "none";
}
function ShowContent(d) {
if(d.length < 1) { return; }
    document.getElementById(d).style.display = "block";
}


HTML:
1
2
3
4
5
6
7
8
9
<a href="javascript:ShowContent('verhuizen')">
                <input type="radio" id="_switch_J" name="verhuizen" value="J" [::VERHUIZEN_J::] /></a>
                <label class="inline" for="_switch_J">Ja</label> 
                <a href="javascript:HideContent('verhuizen')">
                <input type="radio" id="_switch_N" name="verhuizen" value="N" [::VERHUIZEN_N::] /></a>

 <div id="verhuizen">
            [::VERHUIZEN::]
  </div>


dit werkt perfect voor de browsers Firefox windows / mac en safari. nu heb ik ook alle opties in de radio button geprobeert als:
* onClick
* onMouseUp
* onMouseDown
* onSelect
* onFocus

allemaal geen resultaat. ik heb gezocht naar andere scripts maar dat werkte ook allemaal niet. het rare is dat dit script wel in IE werkt wanneer de href niet om een radio button zit, dus bij een doodnormale link.. WHELP ;)

Mijn profiel - Te koop: Overzicht van spullen..


Acties:
  • 0 Henk 'm!

  • 418O2
  • Registratie: November 2001
  • Laatst online: 14:17
JavaScript:
1
2
3
4
5
6
7
8
9
    
function HideContent(d) {
if(d.length < 1) { return; }
    document.getElementById(d).style.display = "none";
}
function ShowContent(d) {
if(d.length < 1) { return; }
    document.getElementById(d).style.display;
}


dit al geprobeerd?

[ Voor 6% gewijzigd door 418O2 op 08-08-2008 12:42 ]


Acties:
  • 0 Henk 'm!

  • Erkens
  • Registratie: December 2001
  • Niet online

Erkens

Fotograaf

1. Waarom heb je een a-tag om je input field zitten? Gebruik gewoon onclick op je input-field ;)
2. id's en name's zitten in dezelfde namespace (iig bij IE)

Acties:
  • 0 Henk 'm!

  • Wiebbe
  • Registratie: Februari 2001
  • Laatst online: 22-09 09:01

Wiebbe

<none />

Dit werkt gewoon?

HTML:
1
2
3
4
5
6
7
<input type="radio" value="J" onclick="ShowContent('test')" />Hoi
<br />
<input type="radio" value="N" onclick="HideContent('test')"  />Doei

<div id="test">
LOL EEN TEST ENZO!
</div>

Oh noes.. No more TreinTijden :(


Acties:
  • 0 Henk 'm!

  • ReseTTim
  • Registratie: Juni 2000
  • Laatst online: 10:08

ReseTTim

Chocolate addicted

Topicstarter
Erkens schreef op vrijdag 08 augustus 2008 @ 12:45:
2. id's en name's zitten in dezelfde namespace (iig bij IE)
had je dit niet eerder kunnen zeggen ;)
owja het werkt dus :P

[ Voor 5% gewijzigd door ReseTTim op 08-08-2008 12:53 ]

Mijn profiel - Te koop: Overzicht van spullen..