Menus déroulants
Vous trouverez sur Alsacréation un Tutoriel sur les menus déroulants (en français - ce qui est vraiment chouette).
Bien que ce menu nécessite du javascript, la fonction est très simple. Le menu est construit logiquement donc lorsque les feuilles de styles sont désactivées le menu reste fonctionnel (usage de listes) - par contre, un petit problème: lorsque le javascript (et uniquement le javascript) est désactivé, le sous-menu disparaît.
Ce n’est pas dramatique me direz-vous. Et vous avez raison - à condition, bien entendu - que ce fameux sous-menu sois repris quelque part. Peut-être faire une navigation redondante dans le bas de la page? Peut-être utiliser les balises <noscript> pour reproduire ce sous-menu?
N’oubliez pas non plus que toutes les fonctionnalités activées par un événement doivent être indépendant de l’outil utilisé. En effet, il est recommandé d’utiliser onfocus et onblur plutôt que onmouseover et onmouseout par exemple.
Normand Lamoureux
August 6, 2004 | 9:20 PMil est recommandé d’utiliser onfocus et onblur plutôt que onmouseover…
…et onmouseout.
e-Chantal
August 6, 2004 | 9:59 PMOups
Raphael Goetter
August 9, 2004 | 4:18 AMSalut Chantal et merci pour le lien,
- Pour ce qui est du problème de la désactivation du Javascript, c’est à présent réglé : une petite modification a été apportée et le menu s’affiche à présent même si js n’est pas actif.
- Pour ce qui est de l’utilisation de onfocus et onblur, je ne kle savais pas. Je vais donc appliquer cette recommandation également. La compatibilité est la même qu’avec les détecteurs onmouseover/out ?
- @Xavier : comme je te l’ai dit en réponse à ton commentaire : le hack IE7 n’est qu’une transformation en javascript des comportements CSS que devrait avoir IE. En clair : tout repose sur javascript pour fonctionner, ça ne change donc rien au problème.
Raphaël / Sibelius