Problème menu deroulant (html ou javascript)
Résolu/Fermé
A voir également:
- Problème menu deroulant (html ou javascript)
- Menu déroulant excel - Guide
- Excel menu déroulant en cascade - Guide
- Menu déroulant google sheet - Accueil - Guide bureautique
- Telecharger javascript - Télécharger - Langages
- Editeur html - Télécharger - HTML
4 réponses
Ozimandias
Messages postés
502
Date d'inscription
jeudi 14 mai 2009
Statut
Membre
Dernière intervention
10 mars 2010
46
16 juil. 2009 à 09:33
16 juil. 2009 à 09:33
En fait, quand tu écris:
La partie soulignée c'est du javascript.
Pour commencer, évites les images en bmp mets plutôt du gif, jpg ou png. Elles sont beaucoup moins lourdes. Tu remarqueras que j'ai ajouté un ; à la fin de l'instruction. Si tu dois en ajouter une autre ce ; est obligatoire alors autant le mettre dès le départ.
Ensuite, je pense que ton problème viens du fait que même si la source de l'image change, il conserve la taille de départ comme zone réactive au "onmouse". Pour résoudre ce problème, j'agrandirais l'image de départ avec une partie transparente à la place des menus (transparence avec .gif)
onMouseUp="this.src='images/menu1_2.bmp';"
La partie soulignée c'est du javascript.
Pour commencer, évites les images en bmp mets plutôt du gif, jpg ou png. Elles sont beaucoup moins lourdes. Tu remarqueras que j'ai ajouté un ; à la fin de l'instruction. Si tu dois en ajouter une autre ce ; est obligatoire alors autant le mettre dès le départ.
Ensuite, je pense que ton problème viens du fait que même si la source de l'image change, il conserve la taille de départ comme zone réactive au "onmouse". Pour résoudre ce problème, j'agrandirais l'image de départ avec une partie transparente à la place des menus (transparence avec .gif)
Tout d'abord, merci pour ta réponse claire !
merci pour le conseil des images ;)
oui exact c'est du javascript ... j'ai meme pas faire attention U_u
[quote]il conserve la taille de départ comme zone réactive au "onmouse".[/quote]
oui c'est exact c'est ce que je croyais comprendre, mais le truc c'est que je voulais justement que l'image s'agrandisse ^^
Enfin bon c'est pas trop grand je peux mettre l'image directement avec les sous-menu !
En tout cas
Merci beaucoup pour ton aide ! ça m'a fait réflechir ^^
Bonne continuation ,
Nivek Freedomsoul
merci pour le conseil des images ;)
oui exact c'est du javascript ... j'ai meme pas faire attention U_u
[quote]il conserve la taille de départ comme zone réactive au "onmouse".[/quote]
oui c'est exact c'est ce que je croyais comprendre, mais le truc c'est que je voulais justement que l'image s'agrandisse ^^
Enfin bon c'est pas trop grand je peux mettre l'image directement avec les sous-menu !
En tout cas
Merci beaucoup pour ton aide ! ça m'a fait réflechir ^^
Bonne continuation ,
Nivek Freedomsoul
bon et bien me revoilà ^^
j'ai bien mis mes images en png (merci encore du conseille: 97 ko en bmp et même pas 30 Ko en png ;p moi qui me plaignais qu'IE était lent :s), et la transparence y est puisque je voie le fond avant le clik =)
ton idée m'a donné envie d'essayer cependant sans succès, dans ce cas là, on a toujours les mappages mais l'image redeviens initial :/
tu n'auras pas, comme je suis pas trop calé javascript, me donner une commande, genre, clique => ouvert (on peut le laisser ouvert si on veut) et un autre clique pour le fermé
je sais que "onclik" existe mais ça m'a l'air plus compliqué avec les function() et tout le tralala ^^"
Merci beaucoup !
j'ai bien mis mes images en png (merci encore du conseille: 97 ko en bmp et même pas 30 Ko en png ;p moi qui me plaignais qu'IE était lent :s), et la transparence y est puisque je voie le fond avant le clik =)
ton idée m'a donné envie d'essayer cependant sans succès, dans ce cas là, on a toujours les mappages mais l'image redeviens initial :/
tu n'auras pas, comme je suis pas trop calé javascript, me donner une commande, genre, clique => ouvert (on peut le laisser ouvert si on veut) et un autre clique pour le fermé
je sais que "onclik" existe mais ça m'a l'air plus compliqué avec les function() et tout le tralala ^^"
Merci beaucoup !
en tatonnant j'ai fini par trouver une solution ^^
<img src="images/menu1_1.png" onclick="this.src='images/menu1_2.png'" onMouseOver="this.src='images/menu1_1.png'" usemap="#menu1" border="0"/><br>
bon maintenant je peux aller sur le lien et cliquer (j'ai remis l'image initiale (celle plus petite) qui se déroule en plus grande)
mais quand je vais sur le lien , puis que je pars ça ferme les sou-menu !^^
enfin on peut pas tout avoir :D
c'est suffisant , merci beaucoup de votre aide
je classe comme résolu =)
Merci encoe !
<img src="images/menu1_1.png" onclick="this.src='images/menu1_2.png'" onMouseOver="this.src='images/menu1_1.png'" usemap="#menu1" border="0"/><br>
bon maintenant je peux aller sur le lien et cliquer (j'ai remis l'image initiale (celle plus petite) qui se déroule en plus grande)
mais quand je vais sur le lien , puis que je pars ça ferme les sou-menu !^^
enfin on peut pas tout avoir :D
c'est suffisant , merci beaucoup de votre aide
je classe comme résolu =)
Merci encoe !