CrazyCat a écrit :
> Bonjour,
>
> Sur le site de mon réseau IRC, j'ai fait un petit système de sous-menu.
> Le principe est de créer des blocs "<ul></ul>" avec des ids différents,
> et un simple javascript me permet de les afficher au survol.
>
> Etonnament avec IE (6 et 7), les sous menus 1 et 2 fonctionnent très
> bien, le 3ème s'affiche mais les liens ne sont pas fonctionnels (idem
> pour les suivants).

Les IE sont très paresseux ... !

> J'ai testé en intervertissant les ids de menu2 et menu3, et encore le
> bloc "menu2" fonctionne bien, pas le bloc "menu3".
>
> Sous firefox, pas le moindre soucis...
>
> Vous pouvez regarder à http://www.zeolia.net.

J'ai pas IE et ... oui ça fonctionne

Pour le blème d'IE j'essaierai avec des visibility:hidden plutot que des
display:none;

#smenu ul {
visibility: hidden;
position: absolute;
padding: 0 0 0.5em 0.5em;
}


> Le javascript:

Penser à garder les variables dans la fonction (et ne pas les rendre
globales) afin d'éviter les fuites de mémoire chez IE.

function show(id) {
var allMenu = document.getElementById('smenu');
var allLi = allMenu.getElementsByTagName("ul");
for (i=0;i<allLi.length;i++) {
allLi[i].style.visibility = 'hidden';
}
if (id!=0)
document.getElementById('menu'+id).style.visibilit y = 'visible';
}

Sera bien assez compliqué à faire gérer par un IE ;-)
Sinon pour lui simplifier encore plus la vie, passer par une class ?

> La source du menu:
>
> <div id="menu">
> <ul>
> <li><a href="/" title="Accueil"
> onmouseover="javascript:show(1);">zeolia.net</a></li>

C'est le xhtml qui oblige à préciser javascript ?

<div id="menu">
<ul>
<li><a href="/" title="Accueil"
onmouseover="show(1);">zeolia.net</a></li>

> Merci à ceux qui pourront me donner une piste


Tout le monde s'en fout mais mon IE Mac lance bien les liens des
sous-menus (une fois qu'on lui a dit de poursuivre malgré le JS qui ne
lui plait pas).

Safari 2 s'en sort bien.

--
sm