Tom's Guide > Forum > Programmation > Aide pour Menu déroulant

Aide pour Menu déroulant

Forum Programmation : Aide pour Menu déroulant

TomsGuide.com : 800 000 inscrits répondent à toutes vos questions high-tech et informatique. Pour obtenir de l'aide, inscrivez-vous gratuitement !
Créer un nouveau sujet Répondre
Mot :    Pseudo :           
 
lesmoume   20-09-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 ??

Répondre
Liens sponsorisés
Inscrivez-vous ou connectez-vous pour masquer ceci.
OmaR   20-09-2008 à 15:53:32
- 0 +

salut,

 

http://www.javascriptfr.com/forum/ [...] 05747.aspx

 

et pour mettre au clic, tu remplaces le onmouseover par onclick, et tu supprimes le onmouseout


Message édité par OmaR le 20-09-2008 à 15:53:54
------------------------------ Les dessins des seins ou les desseins des saints ?
 Répondre à OmaR
lesmoume   20-09-2008 à 16:38:24
- 0 +

euh ... je n'ai rien compris, il n'y a pas un code plus simple

Répondre à lesmoume
OmaR   20-09-2008 à 16:49:50
- 0 +

Code :
  1. <div id="monMenu" style="display:none;">mon menu</div>
  2. <img src="tonimage.jpg" onclick="document.getElementById('monMenu').display='block';" />

------------------------------ Les dessins des seins ou les desseins des saints ?
 Répondre à OmaR
lesmoume   20-09-2008 à 17:05:37
- 0 +

merci mais ça ne fonctionne pas ...

voici mon menu

<option value="http://roazhoneg.neuf.fr/Woody.htm">2008</option>
<option value="http://roazhoneg.neuf.fr/shaal.htm">2007</option>
<option value="http://roazhoneg.neuf.fr/meriadec.htm">2006</option>
<option value="http://roazhoneg.neuf.fr/yumoon.htm">2005</option>
<option value="http://roazhoneg.neuf.fr/merlin.htm">2004</option>

Répondre à lesmoume
CRicky   20-09-2008 à 17:21:03
- 0 +

Citation :

merci mais ça ne fonctionne pas ...


Montre ton code que je rigole un peu :)

------------------------------ 6800A007B81300CD10B00131C989CF26880541
81F900FA750230EDBADA03ECA80875FBECA808
74FBE4603C0175DFB80300CD10B8004CCD21
 Répondre à CRicky
lesmoume   20-09-2008 à 17:28:47
- 0 +

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

Répondre à lesmoume
lesmoume   20-09-2008 à 17:49:22
- 0 +


<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é

Répondre à lesmoume
OmaR   20-09-2008 à 18:31:08
- 0 +

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

------------------------------ Les dessins des seins ou les desseins des saints ?
 Répondre à OmaR
lesmoume   20-09-2008 à 20:36:38
- 0 +

bon, j'ai presque réussi ...

mais voilà, ce que ça me donne :(

http://roazhoneg.neuf.fr/02.htm (cliqué sur le deuxième icône)

aidez moi

Répondre à lesmoume
lesmoume   20-09-2008 à 21:25:26
- 0 +

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='';"

Répondre à lesmoume
OmaR   20-09-2008 à 23:15:43
- 0 +

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

------------------------------ Les dessins des seins ou les desseins des saints ?
 Répondre à OmaR
lesmoume   20-09-2008 à 23:34:22
- 0 +

pour le point c'est bon... merci

mais pour l'affichage, ça ne marche pas :??:

Répondre à lesmoume
OmaR   21-09-2008 à 10:53:15
- 0 +

bah t'as fait quoi ? :)

------------------------------ Les dessins des seins ou les desseins des saints ?
 Répondre à OmaR
lesmoume   21-09-2008 à 13:11:11
- 0 +

bah j'ai mis block à la place de none :pt1cable:

Répondre à lesmoume
lesmoume   21-09-2008 à 13:13:33
- 0 +

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';"

Répondre à lesmoume
OmaR   21-09-2008 à 13:41:28
- 0 +

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

------------------------------ Les dessins des seins ou les desseins des saints ?
 Répondre à OmaR
lesmoume   21-09-2008 à 14:02:55
- 0 +

ah et comment que je fais pour rajouter une condition javascript??

Répondre à lesmoume
OmaR   21-09-2008 à 14:16:06
- 0 +

http://www.google.fr/search?q=condition+javascript

------------------------------ Les dessins des seins ou les desseins des saints ?
 Répondre à OmaR
Créer un nouveau sujet Répondre
Tom's Guide > Forum > Programmation > Aide pour Menu déroulant
Aller à :

Il y a 787 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.

Plan du forum
Forum Bestofmedia ©
2000-2009 Bestofmedia Group
Page générée en 0,314 secondes
Attention

Vous allez répondre sur un sujet resté inactif pendant plus de 6 mois.
Assurez-vous d'apporter des éléments nouveaux à la discussion avant de poursuivre.

Répondre Annuler
Liens