http://www2.hotbook.nl/boomy/

Hallo, op de bovenstaande pagina moeten div1 en div2 'getoggled' worden, maar het werkt niet correct, ik vermoed dat het aan de html ligt,

Code:

        <select name="type_reis"> 
	<option selected="selected">Maak een keuze</option> 
        <option onclick="toggleDiv('div1');">Enkel reis van Maarssen naar Schiphol € 50,-</option> 
        <option onclick="toggleDiv('div2');">Enkel reis van Schiphol naar Maarssen € 50,-</option> 
        <option onclick="toggleDiv('div1');">Retour reis van Maarssen / Schiphol en van Schiphol / Maarssen € 100,</option> 
        </select>

Dat is de functie die het script aanroept.

Origineel gepost door Eddy B.

http://www2.hotbook.nl/boomy/

Hallo, op de bovenstaande pagina moeten div1 en div2 'getoggled' worden, maar het werkt niet correct, ik vermoed dat het aan de html ligt,

Code:

        <select name="type_reis"> 
    <option selected="selected">Maak een keuze</option> 
        <option onclick="toggleDiv('div1');">Enkel reis van Maarssen naar Schiphol € 50,-</option> 
        <option onclick="toggleDiv('div2');">Enkel reis van Schiphol naar Maarssen € 50,-</option> 
        <option onclick="toggleDiv('div1');">Retour reis van Maarssen / Schiphol en van Schiphol / Maarssen € 100,</option> 
        </select>

Dat is de functie die het script aanroept.

Wat werkt niet correct? ik zie niks.
En waarom staat er 2x div1?

Als ik een option selecteer word er geen div weergeven, dat is dus wel de bedoeling, de andere is iets anders maar dat heeft geen invloed, de functie word niet goed aangeroepen.

Probeer dit in plaats van ToggleDiv

onClick="toggle3

Dat werkt helaas niet. :(

Origineel gepost door Eddy B.

Dat werkt helaas niet. :(

Post even je javascript code. Als je de ToggleDiv daar niet in hebt staan zal het ook niet werken.

function toggleDiv(divid){
if(document.getElementById(divid).style.display == 'none'){
document.getElementById(divid).style.display = 'block';
}else{
document.getElementById(divid).style.display = 'none';
}
}

Staat gewoon op de link pagina toch Malik?

<a onclick="toggleDiv('div1');"><option>Enkel reis van Maarssen naar Schiphol</a></option>

Probeer is anders weet ik het ook even niet meer.

Nee, dat werkt ook niet, ik hoop dat iemand anders een oplossing heeft.

Heel misschien heb je hier wat aan.

http://naspinski.net/post/best-javas...tion-ever.aspx

Verder succes!

Dat werkte helaas niet, nu heb ik dit:

<option value="0" selected="selected">Maak een keuze</option>
<option value="1" onclick="showhide('div1', 'block');showhide('div2', 'none');">Enkel reis van Maarssen naar Schiphol € 50,-</option>
<option value="2" onclick="showhide('div1', 'block');showhide('div2', 'none');">Enkel reis van Schiphol naar Maarssen € 50,-</option>
<option value="3" onclick="showhide('div1', 'block');showhide('div2', 'block');">Retour reis van Maarssen / Schiphol en van Schiphol / Maarssen € 100,-</option>

met

function showhide(divid, state){
document.getElementById(divid).style.display = state;
}

En dat werkt alleen in FF.. dus niet in IE of CH.. wat doe ik nou fout?
Aanvullend bericht:
Ik heb gekeken en het zit em et in dat het een form is, dus het gaat erom, het is een option, en daarom moet het geen onclick zijn? Kan dat kloppen?
Aanvullend bericht:
Opgelost