Compatibiliteitsprobleem
Daar ben ik weer eens.
Ik heb mijn website een beetje aangepast voor het komende seizoen.
Maar nu krijg ik reacties van een paar mensen dat mijn menu niet meer openschuift.
Ik heb het idee dat het gebeurt met Internet Explorer 7.
Zouden jullie hier eens naar kunnen kijken?
http://www.zscwesterhoven.nl/
De volledige code heb ik maar omdat hij vrij lang is weet ik niet of ik deze hier kan plaatsen.
Menu HTML
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<script type="text/javascript" src="menu.js"></script>
<ul id="menuul">
<li><div id="button1" class="activebutton"><a href="home.php" target="contentframe" onclick="javascript:changeClass('button1')">Home</a></div></li>
<li><div id="button2" class="button"><a href="clubinfo.php" target="contentframe" onclick="javascript:changeClass('button2')">Clubinfo</a></div></li>
<li><div id="button3" class="button"><a href="afgelastingen.php" target="contentframe" onclick="javascript:changeClass('button3')">Afgelastingen</a></div></li>
<li><div id="button4" class="button"><a href="senioren.php" target="contentframe" onclick="javascript:showlayer('sm_1');changeClass('button4')">Senioren</a></div>
<ul class="submenu" id="sm_1">
<li><div id="button5" class="buttona"><a href="programmasenioren.php" target="contentframe" onclick="javascript:changeClass('button5')">Programma</a></div></li>
<li><div id="button6" class="buttona"><a href="uitslagensenioren.php" target="contentframe" onclick="javascript:changeClass('button6')">Uitslagen</a></div></li>
<li><div id="button7" class="buttona"><a href="elftalindeling.php" target="contentframe" onclick="javascript:changeClass('button7')">Elftalindeling</a></div></li>
</ul></li>
</ul>
<?
//Dit is een deel van de code
?>
<ul id="menuul">
<li><div id="button1" class="activebutton"><a href="home.php" target="contentframe" onclick="javascript:changeClass('button1')">Home</a></div></li>
<li><div id="button2" class="button"><a href="clubinfo.php" target="contentframe" onclick="javascript:changeClass('button2')">Clubinfo</a></div></li>
<li><div id="button3" class="button"><a href="afgelastingen.php" target="contentframe" onclick="javascript:changeClass('button3')">Afgelastingen</a></div></li>
<li><div id="button4" class="button"><a href="senioren.php" target="contentframe" onclick="javascript:showlayer('sm_1');changeClass('button4')">Senioren</a></div>
<ul class="submenu" id="sm_1">
<li><div id="button5" class="buttona"><a href="programmasenioren.php" target="contentframe" onclick="javascript:changeClass('button5')">Programma</a></div></li>
<li><div id="button6" class="buttona"><a href="uitslagensenioren.php" target="contentframe" onclick="javascript:changeClass('button6')">Uitslagen</a></div></li>
<li><div id="button7" class="buttona"><a href="elftalindeling.php" target="contentframe" onclick="javascript:changeClass('button7')">Elftalindeling</a></div></li>
</ul></li>
</ul>
<?
//Dit is een deel van de code
?>
Menu javascript
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
function showlayer(layer){
var myLayer = document.getElementById(layer);
if(layer=="sm_1") { //SENIOREN
if(sm_2.style.display=="block"){sm_2.style.display="none";}
if(sm_3.style.display=="block"){sm_3.style.display="none";}
if(sm_4.style.display=="block"){sm_4.style.display="none";}
if(sm_5.style.display=="block"){sm_5.style.display="none";}
if(sm_6.style.display=="block"){sm_6.style.display="none";}
if(sm_7.style.display=="block"){sm_7.style.display="none";}
if(sm_8.style.display=="block"){sm_8.style.display="none";}
if(sm_9.style.display=="block"){sm_9.style.display="none";}
if(sm_10.style.display=="block"){sm_10.style.display="none";}
if(sm_11.style.display=="block"){sm_11.style.display="none";}
if(sm_12.style.display=="block"){sm_12.style.display="none";}
if(sm_13.style.display=="block"){sm_13.style.display="none";}
if(sm_14.style.display=="block"){sm_14.style.display="none";}
if(sm_15.style.display=="block"){sm_15.style.display="none";}
if(sm_16.style.display=="block"){sm_16.style.display="none";}
if(sm_17.style.display=="block"){sm_17.style.display="none";}
if(sm_18.style.display=="block"){sm_18.style.display="none";}
if(sm_19.style.display=="block"){sm_19.style.display="none";}
if(sm_20.style.display=="block"){sm_20.style.display="none";}
if(sm_21.style.display=="block"){sm_21.style.display="none";}
if(sm_22.style.display=="block"){sm_22.style.display="none";}
if(sm_23.style.display=="block"){sm_23.style.display="none";}
if(sm_24.style.display=="block"){sm_24.style.display="none";}
if(sm_25.style.display=="block"){sm_25.style.display="none";}
if(myLayer.style.display=="none" || myLayer.style.display==""){
myLayer.style.display="block";
}
else {
myLayer.style.display="none";
}
}
}
var myLayer = document.getElementById(layer);
if(layer=="sm_1") { //SENIOREN
if(sm_2.style.display=="block"){sm_2.style.display="none";}
if(sm_3.style.display=="block"){sm_3.style.display="none";}
if(sm_4.style.display=="block"){sm_4.style.display="none";}
if(sm_5.style.display=="block"){sm_5.style.display="none";}
if(sm_6.style.display=="block"){sm_6.style.display="none";}
if(sm_7.style.display=="block"){sm_7.style.display="none";}
if(sm_8.style.display=="block"){sm_8.style.display="none";}
if(sm_9.style.display=="block"){sm_9.style.display="none";}
if(sm_10.style.display=="block"){sm_10.style.display="none";}
if(sm_11.style.display=="block"){sm_11.style.display="none";}
if(sm_12.style.display=="block"){sm_12.style.display="none";}
if(sm_13.style.display=="block"){sm_13.style.display="none";}
if(sm_14.style.display=="block"){sm_14.style.display="none";}
if(sm_15.style.display=="block"){sm_15.style.display="none";}
if(sm_16.style.display=="block"){sm_16.style.display="none";}
if(sm_17.style.display=="block"){sm_17.style.display="none";}
if(sm_18.style.display=="block"){sm_18.style.display="none";}
if(sm_19.style.display=="block"){sm_19.style.display="none";}
if(sm_20.style.display=="block"){sm_20.style.display="none";}
if(sm_21.style.display=="block"){sm_21.style.display="none";}
if(sm_22.style.display=="block"){sm_22.style.display="none";}
if(sm_23.style.display=="block"){sm_23.style.display="none";}
if(sm_24.style.display=="block"){sm_24.style.display="none";}
if(sm_25.style.display=="block"){sm_25.style.display="none";}
if(myLayer.style.display=="none" || myLayer.style.display==""){
myLayer.style.display="block";
}
else {
myLayer.style.display="none";
}
}
}
Gewijzigd op 30/08/2014 09:17:42 door D B
Tevens zou ik hardop afvragen of je IE7 nog wel wilt ondersteunen, zelfs microsoft heeft 7 namelijk al opgegeven.
Bedankt voor het meedenken alvast.
Ik heb gisteravond nog te horen gekregen dat het juist IE11 is waar de problemen zich voor doen...
Hier staat mijn volledige script:
http://jsfiddle.net/xg39f6my/
Zou iemand hier eens naar kunnen kijken, of ik iets over het hoofd zie? Afgelopen seizoen heb ik namelijk geen problemen gehad.
Wouter: Hoe zou je dit dan mooi met CSS oplossen?
Maar als dit goed op te lossen is met CSS ben ik benieuwd hoe dit in zijn werk gaat....