jazzylicious
Gebruiker
- Lid geworden
- 13 jan 2008
- Berichten
- 7
Hallo,
Ik gebruik onderstaande code om op basis van een meegegeven element-id het overzicht te verbergen, en de div die bij het element hoort te tonen.
Dit gaat goed in IE, maar niet in FF en Opera (in Opera treden er nog meer designkwesties op maar dat is nu niet aan de orde).
In FF en Opera lijkt het alsof de onclick event van de <a> niet wordt uitgevoerd. Omdat er in de href "#" staat, verspringt de pagina wel, en dit zou niet moeten gebeuren, omdat er in onclick ook 'return false' staat.
Ik hoop dat iemand weet wat ik verkeerd doet.
Een voorbeeld van de website is te zien op http://www5.mostware.nl/Over-Mostware--Referenties.
Het script wordt aangeroepen door:
Ik gebruik onderstaande code om op basis van een meegegeven element-id het overzicht te verbergen, en de div die bij het element hoort te tonen.
Dit gaat goed in IE, maar niet in FF en Opera (in Opera treden er nog meer designkwesties op maar dat is nu niet aan de orde).
In FF en Opera lijkt het alsof de onclick event van de <a> niet wordt uitgevoerd. Omdat er in de href "#" staat, verspringt de pagina wel, en dit zou niet moeten gebeuren, omdat er in onclick ook 'return false' staat.
Ik hoop dat iemand weet wat ik verkeerd doet.
Een voorbeeld van de website is te zien op http://www5.mostware.nl/Over-Mostware--Referenties.
Code:
function toggle(div)
{
var allDivs = new Array("divreferenties","divreferentie106","divreferentie107","divreferentie108","divreferentie109","divreferentie110","divreferentie111","divreferentie112","divreferentie113","divreferentie114","divreferentie115","divreferentie116","divreferentie117","divreferentie166");
document.getElementById('refterug').style.display = '';
for(s in allDivs)
{
document.getElementById(allDivs[s]).style.display = 'none';
}
document.getElementById('refempty').style.display = '';
CSBfleXcroll('mycustomscroll');
document.getElementById('refempty').style.display = 'none';
document.getElementById(div).style.display = '';
if (div == 'divreferenties') {document.getElementById('refterug').style.display = 'none';}
else {document.getElementById('refterug').style.display = '';}
CSBfleXcroll('mycustomscroll');
}// -->
</script>Het script wordt aangeroepen door:
HTML:
<a onclick="toggle('divreferentie106'); return false;" href="#"><img class="imgrefleft" align="left" src="http://static.mostware.nl/user_images/stgr_thumb2.jpg" alt="ActiVite" style="border-width:0px;" /></a>
