 Nieuw lid |
|
Na verschillende tutorials doorzocht te hebben doorzocht, ben ik nog steeds niet uit het volgende probleem:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>cMS V1.0: {site_naam}</title>
<link href="themas/standaard/styles.css" rel="stylesheet" type="text/css">
<script language="javascript">
function switch_blok(blok){
if(blok.className == "blok_ingeklapt"){
blok.className = "blok_uitgeklapt";
}else{
blok.className = "blok_ingeklapt";
}
}
</script>
</head>
<body>
<!--BEGIN menuBlok-->
<div id="menuBlok_id" class="blok_ingeklapt" >
<h1 id="blok_titel" onClick="javascript:switch_blok(menuBlok_id)">{menuBlok_titel}</h1>
<!--BEGIN menuBlok_item-->
<ul id="blok_items">
<a href="test">{menuBlok_item_inhoud}</a>
</ul>
<!--EIND menuBlok_item-->
</div>
<!--EIND menuBlok-->
<div id="site"></div>
<div id="navi_balk">{navi_balk}</div>
<div id="uitlog_knop"><a href="index.php?pagina=cms&actie=uitloggen" class="navi_balk">uitloggen({acc_gebruikersnaam})</a></div>
<div id="inhoud">{inhoud}</div>
<div id="menu"></div>
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>cMS V1.0: {site_naam}</title> <link href="themas/standaard/styles.css" rel="stylesheet" type="text/css"> <script language="javascript"> function switch_blok(blok){ if(blok.className == "blok_ingeklapt"){ blok.className = "blok_uitgeklapt"; }else{ blok.className = "blok_ingeklapt"; } } </script> </head> <body> <!--BEGIN menuBlok--> <div id="menuBlok_id" class="blok_ingeklapt" > <h1 id="blok_titel" onClick="javascript:switch_blok(menuBlok_id)">{menuBlok_titel}</h1> <!--BEGIN menuBlok_item--> <ul id="blok_items"> <a href="test">{menuBlok_item_inhoud}</a> </ul> <!--EIND menuBlok_item--> </div> <!--EIND menuBlok--> <div id="site"></div> <div id="navi_balk">{navi_balk}</div> <div id="uitlog_knop"><a href="index.php?pagina=cms&actie=uitloggen" class="navi_balk">uitloggen({acc_gebruikersnaam})</a></div> <div id="inhoud">{inhoud}</div> <div id="menu"></div> </body> </html>
Het is de bedoeling dat wanneer er op de tekst geklikt wordt, de class van het div (met id="menuBlok_id") gewijzigt wordt. Het verschil tussen de twee classes is dat de ene een hoogte heeft van 20px, en de andere een automatische hoogte.
In Internet Explorer werkt dit perfect, maar in FireFox weer niet. Ik denk zelf dat het te maken heeft met hoe de id aangeroepen wordt via javascript, maar al andere manieren die ik geprobeerd heb, werkten bij beiden niet.
Weet iemand wat ik fout doe, alvast bedankt;-)
|
Wat is jouw favoriete javascript framework? (S: 18, R: 2)
Gesponsorde links
Actiefste leden van de maand
