Menu déroulant Internet Explorer

**CooK_aSS** · 09/07/2010, 17h10

Bonjour à tous.

J'ai un petit problème avec mon menu déroulant. En effet, celui-ci fonctionne bien sur FireFox mais pas sur Internet Explorer. Pourtant j'ai rajouter le bout de code de javascript et est apporté des modifications mais rien n'y fais. Voici mon code:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<style type="text/css">
  ul ul {display: none; position: absolute; left: 144px; top: -1px; margin:0px; padding: 0px;}
  li {list-style-type: none; position: relative; width: 140px; background-color: #E0E0E0; padding: 2px; margin: 0px}
  li:hover, li.sfhover {background-color: #FFFF70;}
  li:hover ul.niveau2, li li:hover ul.niveau3, li.sfhover ul.niveau2, li li.sfhover ul.niveau3 {display: block}
</style> 
 
 <!--[if lt IE 7]>
    <script type="text/javascript">
 
    // Fonction destinée à remplacer le "LI:hover" pour IE 6
 
    sfHover = function() {
	var sfEls = document.getElementById("niveau1").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
    </script>
<![endif]--> 
 
	</head>
	<body>
	<ul class="niveau1">
  <li>Homepage</li>
  <li>Presence
    <ul class="niveau2">
      <li>Offices</li>
      <li>Satellite coverage</li>
    </ul>
  </li>
  <li>Services
  	 <ul class="niveau2">
      <li>Internet by satellite</li>
      <li>Networks</li>
      <li>Advising</li>
      <li>Support</li>
     </ul>
 </li>
 <li>Products</li>
 <li>About us
 	 <ul class="niveau2">
      <li>History</li>
      <li>Sector served</li>
     </ul>
 </li>
 <li>Supports</li>
 <li>Contact
 	 <ul class="niveau2">
      <li>Address</li>
      <li>Phone numbers</li>
      <li>Email</li>
      <li>Enquiries</li>
      <li>Careers</li>
     </ul>
 </li>
</ul>

Je pense avoir un problème au niveau du: "document.getElementById("niveau1") "

Je suis tous nouveau en javascript alors excusez moi si j'ai fais une erreur de débutant.

Merci d'avance!