Bonjour à tous,
J'ai un problème d'affichage de div en rollover sur des li avec IE6 & 7.
Tout est ok sous FF.
Il s'agit tout bêtement d'un menu qui se déroule.
Le seul truc, c'est qu'avec IE6 & 7, cela ne fonctionne que sur le dernier élément de ma liste.
Voici mon code javascript :
Et voilà mon code html généré :
Code : 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 <script type="text/javascript"> var rollOvers = { init: function() { var subs = document.getElementsByName('subLevel'); for(var i=0; i<subs.length; i++) { var sub = subs[i]; var p = sub.parentNode; var verif = p.parentNode; sub.style.display = 'none'; p.onmouseover = rollOvers.open; p.onmouseout = rollOvers.close; } }, open: function() { var sub2 = this.lastChild; sub2.style.display = 'block'; }, close: function(sub) { var sub = this.lastChild; sub.style.display = 'none'; } }; window.onload = rollOvers.init; </script>
Petite précision (si elle peut-être utile) : Mes li se construisent de manière dynamique via un appel à une base nsf, ces appels me renvoient du code javascript qui utilise "document.write" pour s'écrire.
Code : 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 <table class="liens" align="left" cellpadding="0" cellspacing="0"> <tr> <td class="titre_liens"> </td> </tr> <tr class="lien"> <td> <ul id="liste_liens" class="clearfix"> <script charset="\"ISO-8859-1\"" src="http://server1.net/Appli/links.nsf/displayLinksSimple?readform&CATEGORY=Who%27sWho&LANGUAGE=fr&Type=liste&Class=QUICKLINKS"></script><li><a href="http://whoswho.net/" target="_blank">Who'sWho</a></li> <script charset="\"ISO-8859-1\"" src="http://server1.net/Appli/links.nsf/displayLinksSimple?readform&CATEGORY=Applications&LANGUAGE=fr&Type=liste&Class=QUICKLINKS"></script><li><a href="#">Applications</a> <div style="display: none;" id="subLevel" name="subLevel" class="subLevel"> <span class="start"></span> <div id="quickLinks1"><br><span><a href="https://websuite.novea.fr" target="_blank">Coursiers</a></span><br><span><a href="http://dteamroomdf.frlev.net/reservationsalles.nsf/?Open" target="_blank">Réservations de salle</a></span></div> <span class="end"></span> </div></li> <script charset="\"ISO-8859-1\"" src="http://server1.net/Appli/links.nsf/displayLinksSimple?readform&CATEGORY=Le%20Groupe%20et%20les%20autres&LANGUAGE=fr&Type=liste&Class=QUICKLINKS"></script><li><a href="#">Le Groupe et les autres</a> <div style="display: none;" id="subLevel" name="subLevel" class="subLevel"> <span class="start"></span><div id="quickLinks2"><span><a href="http://www.etvous.com" target="_blank">Et Vous</a></span><br><span><a href="http://www.dcommunities.com" target="_blank">Et les autres...</a></span><br> </div> <span class="end"></span> </div></li> <script charset="\"ISO-8859-1\"" src="http://server1.net/Appli/links.nsf/displayLinksSimple?readform&CATEGORY=Nos%20partenaires&LANGUAGE=fr&Type=liste&Class=QUICKLINKS"></script><li><a href="#">Nos partenaires</a> <div style="display: none;" id="subLevel" name="subLevel" class="subLevel"> <span class="start"></span> <div id="quickLinks3"><span><a href="http://www.bleu-blanc-coeur.com" target="_blank">Bleu Blanc Coeur</a></span><br><span><a href="http://www.uda.fr" target="_blank">Union des Annonceurs</a></span><br> </div> <span class="end"></span> </div></li> <script charset="\"ISO-8859-1\"" src="http://server1.net/Appli/links.nsf/displayLinksSimple?readform&CATEGORY=Utiles&LANGUAGE=fr&Type=liste&Class=QUICKLINKS"></script><li><a href="#">Utiles</a> <div style="display: none;" id="subLevel" name="subLevel" class="subLevel"> <span class="start"></span> <div id="quickLinks4"><span><a href="http://www.lesechos.fr%20" target="_blank">Les Echos</a></span><br><span><a href="http://www.lefigaro.fr" target="_blank">Le Figaro</a></span></div><span class="end"></span> </div></li> </ul> </td> </tr> <tr class="lien"> <td> </td> </tr> </table>
Si quelqu'un a une piste à me souffler, ce sera sympa, je commence à m'arracher les cheveux avec ces problèmes d'incompatibilités de browsers...
Merci d'avance,
A+
Partager