Mettre un délai à la fermeture d'un sous-menu

Version imprimable

13/02/2009, 14h22
nicolas2603

Mettre un délai à la fermeture d'un sous-menu

Bonjour, voici mon problème.

Pour un site internet j'ai réalisé un menu vertical déroulant, qui ouvre les sous-menus d'une rubrique au survol de la souris. Donc tout se passe dans le css avec des #menu ul ul { } et des #menu ul ul:hover { }.

Mais lorsque la souris sors de la zone de détection, le sous-menu se ferme donc immédiatement. Logique ! Donc je souhaite utiliser un peu javascript, et notamment la fonction SetTimeOut, qui je crois peut me permettre d'initier un délai pour la fermeture du sous-menu.

Mais j'ai lu pas mal d'infos sur le net, sans réussir à l'utiliser. Je ne sais même pas comment appeler dans ma page une fonction sur un :hover. Est-ce donc la meilleure solution ?

Merci d'avance.
13/02/2009, 14h29
E.Bzz

Bonjour,
non, a priori (car il y aura peut être des avis contraires), si tu as fait un menu CSS, tu ne peux pour l'instant (je crois que CSS3 permet ce genre de choses) pas y intégrer un fonctionnement JS.
Par contre, tu as testé sous IE (6 notamment) ? Il a beaucoup de mal avec les pseudos formats que tu sembles utiliser ...

A+
13/02/2009, 14h45
nicolas2603

Salut, oui j'ai testé avec IE (puisque je travail exprès sous IE 6) et j'ai du avoir recours à un fichier csshover.htc effectivement pour que ça fonctionne. Le problème c'est que je ne peux pas utiliser un script pour générer mon menu (et gérer en même temps le délai de fermeture), car il n'est ni vertical, ni horizontal, il suit une pseudo-courbe du fond d'écran.

Donc apparemment tel que je construis mon site je ne peux pas "temporiser" la fermeture des sous-menu si je comprends bien ?
13/02/2009, 15h15
E.Bzz

Citation:

Envoyé par nicolas2603

Donc apparemment tel que je construis mon site je ne peux pas "temporiser" la fermeture des sous-menu si je comprends bien ?

Et bien, il y a peut être moyen (mais pas sûr du tout) de détourner les onmouseover via JS, mais ça serait quand même un sale hack :?

Et vu que les avantages d'en menu full CSS sont d'une part sa légèreté et sa simplicité, et d'autre part son indépendance par rapport à JS (activé ou non), ça ne serait pas très cohérent (par rapport à l'utilisation d'un menu JS classique, s'entend) :aie:

A+