Javascript Hide/Collapse script
Ik ben bezig om een formulier te maken dat bestaat uit een <fieldset> waar mensen de inloggegevens kunnen invullen en een tweede <fieldset> waar mensen eventueel geavanceerde opties kunnen instellen (herinner mij / type gebruiker...). Nu wil ik de laatste fieldset dynamisch kunnen verbergen en tevoorschijn halen en daar heb ik het volgende scriptje voor geschreven in javascript.
Code (php)
1
2
3
4
5
6
7
8
9
10
2
3
4
5
6
7
8
9
10
function hideCollapseLoginSettings(login){
if(login.loginSettingsStatus.value== 'hidden'){
document.getElementById('loginSettings').style.display='block'
login.loginSettingsStatus.value= 'visible'
}
if(login.loginSettingsStatus.value== 'visible'){
document.getElementById('loginSettings').style.display='none'
login.loginSettingsStatus.value= 'hidden'
}
}
if(login.loginSettingsStatus.value== 'hidden'){
document.getElementById('loginSettings').style.display='block'
login.loginSettingsStatus.value= 'visible'
}
if(login.loginSettingsStatus.value== 'visible'){
document.getElementById('loginSettings').style.display='none'
login.loginSettingsStatus.value= 'hidden'
}
}
De bovenstaande code werkt dus niet. Heeft iemand enig idee wat het probleem is?
Bij voorbaat dank!
Gewijzigd op 01/01/1970 01:00:00 door Niels
Trouwens, volgens mij kun je het ook zo doen:
Code (php)
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
function hideCollapseLoginSettings(login){
if(document.getElementById('loginSettings').style.visibility == 'visible'){
document.getElementById('loginSettings').style.visibility = 'hidden';
}
else {
document.getElementById('loginSettings').style.visibility = 'visible';
}
}
if(document.getElementById('loginSettings').style.visibility == 'visible'){
document.getElementById('loginSettings').style.visibility = 'hidden';
}
else {
document.getElementById('loginSettings').style.visibility = 'visible';
}
}
Ik heb alleen hierboven visibility gebruikt i.p.v. display, dit kun je dan nog veranderen ;)
Ik hen nu ipv mijn script jou scriptje gebruikt en nu werkt het goed!
Om nog even te antwoorden hop je vraag: Als de pagina wordt geladen is de fieldset hidden. Dan kunnen mensen daarna eventueel kiezen of ze het 'advanced menu' willen zien.
Hartstikke bedankt!