A voir également:
- Menu Dynamique
- Tableau croisé dynamique - Guide
- Menu déroulant excel - Guide
- Windows 11 menu démarrer classique - Guide
- Canon quick menu - Télécharger - Utilitaires
- Réinitialiser menu démarrer windows 10 - Guide
3 réponses
Bonjour,
Pour créer un menu dynamique dans une page HTML, il te faut employer JavaScript et les calques HTML (la balise <DIV>)
D'abord, tu définis ton calque avec les liens ou les boutons de ton menu (car je suppose qu'il contient des liens vers des pages ou des fonctions). Tu lui donne par défaut l'attribut visibility:hidden afin de le rendre invisible. Tu place ce calque de par dessus l'image (pour l'instant, il est invisible).
Tu crée ensuite deux fonctions javascript, l'une qui rend visible le calque (en utilisant le "document.getEmementById('nomdelid').style.visibility='visible'") et l'autre qui le cache (de même en remettant "hidden"
Tu met ensuite en attribut dans la balise <IMG> de ton image un OnMouseOver qui appelle la première fonction, et un OnMouseOut qui appelle la seconde fonction.
Voila: Quand tu pointeras sur ton image (onMouseOver), le calque DIV contenant ton menu apparaitra. Le menu disparaitra ensuite avec quand l'utilisateur cessera ee pointer sur l'image (tu peux utiliser aussi un OnClick)
J'espère que cela t'a un petit peu aidé
A+
Jean
PS: Si vraiment je te sort du chinois, demande moi plus d'explications au
mailto://jsrussocki@free.fr
Pour créer un menu dynamique dans une page HTML, il te faut employer JavaScript et les calques HTML (la balise <DIV>)
D'abord, tu définis ton calque avec les liens ou les boutons de ton menu (car je suppose qu'il contient des liens vers des pages ou des fonctions). Tu lui donne par défaut l'attribut visibility:hidden afin de le rendre invisible. Tu place ce calque de par dessus l'image (pour l'instant, il est invisible).
Tu crée ensuite deux fonctions javascript, l'une qui rend visible le calque (en utilisant le "document.getEmementById('nomdelid').style.visibility='visible'") et l'autre qui le cache (de même en remettant "hidden"
Tu met ensuite en attribut dans la balise <IMG> de ton image un OnMouseOver qui appelle la première fonction, et un OnMouseOut qui appelle la seconde fonction.
Voila: Quand tu pointeras sur ton image (onMouseOver), le calque DIV contenant ton menu apparaitra. Le menu disparaitra ensuite avec quand l'utilisateur cessera ee pointer sur l'image (tu peux utiliser aussi un OnClick)
J'espère que cela t'a un petit peu aidé
A+
Jean
PS: Si vraiment je te sort du chinois, demande moi plus d'explications au
mailto://jsrussocki@free.fr