Se connecter / S'enregistrer
Votre question

Aide pour Menu déroulant

Tags :
  • Javascript
  • Programmation
Dernière réponse : dans Programmation
20 Septembre 2008 15:23:47

Bonjour,

voilà j'aimerais faire un menu déroulant à partir d'une image (lorsqu'on clic sur cette image, le menu apparait)...

comment faire ??

Autres pages sur : aide menu deroulant

20 Septembre 2008 16:38:24

euh ... je n'ai rien compris, il n'y a pas un code plus simple
Contenus similaires
a c 232 L Programmation
20 Septembre 2008 16:49:50

  1. <div id="monMenu" style="display:none;">mon menu</div>
  2. <img src="tonimage.jpg" onclick="document.getElementById('monMenu').display='block';" />
a b L Programmation
20 Septembre 2008 17:21:03

Citation :
merci mais ça ne fonctionne pas ...

Montre ton code que je rigole un peu :) 

20 Septembre 2008 17:28:47

oh ... on se moque pas des débutant :D 

je reformule ma demande, je voudrais que lorsque on clic sur une image, le menu sorte du dessous de cette image...

http://roazhoneg.neuf.fr
20 Septembre 2008 17:49:22


<img src="dedicace.gif" onMouseOver="this.src='dedicace1.jpg'" onMouseOut="this.src='dedicace.gif'" width="47" height="47" border="0"></a>
</td><td align="center" valign="middle">
<select name="banmenu" id="banmenu" style="color:#6A2300; font-family:verdana; font-size:10px;"
onChange="javascript:choix=this.value;if (choix != '-'){window.open('http://roazhoneg.neuf.fr/'+choix,'')}">
<option value="-"></option>
<option value="Woody.htm">2008</option>
<option value="shaal.htm">2007</option>
<option value="meriadec.htm">2006</option>
<option value="yumoon.htm">2005</option>
<option value="merlin.htm">2004</option> </select>
</td></tr></table>
</p>

mais je voudrais que le menu soit en dessous de l'image et non à coté
a c 232 L Programmation
20 Septembre 2008 18:31:08

bah si tu ouvres une deuxième colonne (td) à ton tableau, ça va forcément se retrouver à côté.
20 Septembre 2008 21:25:26

voila j'ai réussi :bounce: 

mais il me reste un probleme :pt1cable: 

http://roazhoneg.neuf.fr/03.htm

lorsque je clique sur l'icône, le menu apparait mais ne disparait plus ... donc ce que je voudrais c'est qu'il disparait lorsque je reclic sur l'icône.

et aussi enlever le gros point moche à gauche de l'écran

voici mon code:

Citation :
<div id="menu" style="position:relative;display:none"><li>
<p align="center"><a href="http://roazhoneg.neuf.fr/Woody.htm">2008</a> -
<a href="http://roazhoneg.neuf.fr/shaal.htm">2007</a> -
<a href="http://roazhoneg.neuf.fr/meriadec.htm">2006</a> -
<a href="http://roazhoneg.neuf.fr/yumoon.htm">2005</a> -
<a href="http://roazhoneg.neuf.fr/merlin.htm">2004</a></li></div>
<img src="dedicace.gif" onMouseOver="this.src='dedicace1.jpg'" title="Dédicaces" onMouseOut="this.src='dedicace.gif'" onclick="document.getElementById('menu').style.display='';"
a c 232 L Programmation
20 Septembre 2008 23:15:43

bah si tu veux pas de gros point moche, faut pas mettre de li, ou utiliser l'attribut css list-style:none de mémoire. Et après pour ton affichage, tu regardes le style.display de l'élément, s'il est none, tu le met à block, sinon tu le met à none
20 Septembre 2008 23:34:22

pour le point c'est bon... merci

mais pour l'affichage, ça ne marche pas :??: 
a c 232 L Programmation
21 Septembre 2008 10:53:15

bah t'as fait quoi ? :) 
21 Septembre 2008 13:11:11

bah j'ai mis block à la place de none :pt1cable: 
21 Septembre 2008 13:13:33

je met quoi a la place de la en rouge ??


<div id="menu" style="position:relative;display:la"><li>
<p align="center"><a href="http://roazhoneg.neuf.fr/Woody.htm">2008</a> -
<a href="http://roazhoneg.neuf.fr/shaal.htm">2007</a> -
<a href="http://roazhoneg.neuf.fr/meriadec.htm">2006</a> -
<a href="http://roazhoneg.neuf.fr/yumoon.htm">2005</a> -
<a href="http://roazhoneg.neuf.fr/merlin.htm">2004</a></li></div>
<img src="dedicace.gif" onMouseOver="this.src='dedicace1.jpg'" title="Dédicaces" onMouseOut="this.src='dedicace.gif'" onclick="document.getElementById('menu').style.display='la';"
a c 232 L Programmation
21 Septembre 2008 13:41:28

ce que tu avais fait était bon (enfin ce que tu avais à peu près bien copié sur ce que je t'ai donné).
C'est juste qu'il faut que tu rajoutes une condition javascript pour détecter l'état actuel de l'élément et changer son état en fonction
21 Septembre 2008 14:02:55

ah et comment que je fais pour rajouter une condition javascript??
21 Septembre 2008 14:33:15

je ne comprend rien :D 
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS