18073 sujets

Questions générales et questions de débutants

[Résolu] Créer plusieurs menus déroulants

Tout d'abord un grand merci à ce site pour ces très bons tutoriels.
J'ai utilisé celui des menus déroulants en vertical (Javascript + CSS)

Mon problème est tout simple :
Je n'arrive pas à créer plusieurs menus (J'ai essayer d'ajouter dl=menu1 mais sans résultat. Dois-je aussi ajouter une commande dans le menu CSS ?)

http://freequality.free.fr/index2.php
Modifié par misterju (19 May 2005 - 15:30)
Bonjour misterju,
Tu ne peux mettre la même 'id' qu'une fois dans la même page.
Tu va donc remplacer tes '#menu' par des '.menu', dans ta feuille css et tes id="menu" par des class="menu" dans ta page html.
Si il y a des différences entre tes 'menu', tu devras alors faire des 'menus2'.
Effectivement si un calque est appelé a servir plusieurs fois dans une page il faut passer de id à class (#--->.)
Pour tes menus, s'ils sont exactement identiques et qu'ils t'en failles plussieurs sur la même page tu n'as rien a changer dans le CSS. Tu appelles simplement plusieurs fois ta class.

Du genre
Un menu nommé A avec de liens a1, a2 etc..----> du texte, des images, etc --->menu nommé A avec de liens b1, b2 etc..

Pour les a1 et b1 il suffit de mettre dans le HTML ce que tu veux. On distingue bien ici forme (le css) et contenu (le html).

Par contre si tu veux faire un menu différent par certains points (couleur des liens etc..) et même s'il n'y a que quelques éléments qui changent alors il faut dans le CSS créer un menu nommé B (par exemple).
@misterju
Euhhhhhhhh je viens de jeter un coup d'oeil à ton lien et..y'a du boulot Smiley biggol

Alsa est un site de promotion des standards web et ta page est tout sauf standard. Entre les kilos de java, les tableaux de mise en page etc..

Je ne saurai que trop t'encourager à passer au web accessible et à mettre au standard ta page (qui subirait par la même un vraie cure d'amigrissement).
Modifié par gilles6975 (16 May 2005 - 10:01)
Bon alors désolé j'ai du mal comprendre vos explication pourtant claires.
En effet les sous-menus du menu "Passer une annonce" ne sont pas masqués.

J'ai remplacé les #menu par .menu dans le css.
J'ai remplacé les <dl id="menu"> par <dl class="menu">

Voici un aperçu de mes balises :

Pour le menu "Consulter les petites annonces" :

<dl class="menu">
<dt onClick="javascript:montre('smenu1');">Annonces Vehicules </dt>
<dd id="smenu1">
<ul>
<li>Auto</li>
<li>Moto</li>
<li>Bateaux</li>
<li>Accesoires et pi&egrave;ces d&eacute;tach&eacute;es </li>
</ul>
</dd>
<dt onClick="javascript:montre('smenu2');">Annonces Immobilier </dt>
<dd id="smenu2">
<ul>
<li>Location</li>
<li>Vente</li>
<li>Colocation</li>
<li>Locations saisonni&egrave;res </li>
</ul>
</dd>



Pour le menu "Passer une Annonce" c'est la même chose et c'estprobablement là le problème

<dl class="menu">
<dt onClick="javascript:montre('smenu1');">Annonces Vehicules </dt>
<dd id="smenu1">
<ul>
<li><a href="http://freequality.free.fr/?page=annoncer%5Fauto%2Dmoto">Auto</a></li>
<li>Moto</li>
<li>Bateaux</li>
<li>Accesoires et pi&egrave;ces d&eacute;tach&eacute;es </li>
</ul>
</dd>
<dt onClick="javascript:montre('smenu2');">Annonces Immobilier </dt>
<dd id="smenu2">
<ul>
<li>Location</li>
<li>Vente</li>
<li>Colocation</li>
<li>Locations saisonni&egrave;res </li>
</ul>
</dd>

Que dois-je modifier ? Les sous-menus ? Dois-je ajouter dans le css .menu2 ?
Les menus "Consulter les annonces" et "Passer une annonce" sont strictement identiques, il n'y a que les liens qui changent.
Modifié par misterju (18 May 2005 - 16:28)
Modérateur
Bonjour misterju,

Pourrais-tu utiliser les balises CODE pour encadrer le code que tu présente, comme cela est indiqué dans l'Aide et Règles du forum ?

Merci
misterju a écrit :
Bon alors désolé j'ai du mal comprendre vos explication pourtant claires.
En effet les sous-menus du menu "Passer une annonce" ne sont pas masqués.

J'ai remplacé les #menu par .menu dans le css.
J'ai remplacé les <dl id="menu"> par <dl class="menu">

Voici un aperçu de mes balises :

Pour le menu "Consulter les petites annonces" :

<dl class="menu">
              <dt onClick="javascript:montre('smenu1');">Annonces Vehicules </dt>
			  <dd id="smenu1">
                <ul>
                  <li>Auto</li>
                  <li>Moto</li>
                  <li>Bateaux</li>
                  <li>Accesoires et pi&egrave;ces d&eacute;tach&eacute;es </li>
                </ul>
              </dd>
              <dt onClick="javascript:montre('smenu2');">Annonces Immobilier </dt>
              <dd id="smenu2">
                <ul>
                  <li>Location</li>
                  <li>Vente</li>
                  <li>Colocation</li>
                  <li>Locations saisonni&egrave;res </li>
                </ul>
              </dd>



Pour le menu "Passer une Annonce" c'est la même chose et c'estprobablement là le problème

<dl class="menu">
                <dt onClick="javascript:montre('smenu1');">Annonces Vehicules </dt>
                <dd id="smenu1">
                  <ul>
                    <li><a href="http://freequality.free.fr/?page=annoncer%5Fauto%2Dmoto">Auto</a></li>
                    <li>Moto</li>
                    <li>Bateaux</li>
                    <li>Accesoires et pi&egrave;ces d&eacute;tach&eacute;es </li>
                  </ul>
                </dd>
                <dt onClick="javascript:montre('smenu2');">Annonces Immobilier </dt>
                <dd id="smenu2">
                  <ul>
                    <li>Location</li>
                    <li>Vente</li>
                    <li>Colocation</li>
                    <li>Locations saisonni&egrave;res </li>
                  </ul>
                </dd>

Que dois-je modifier ? Les sous-menus ? Dois-je ajouter dans le css .menu2 ?
Les menus "Consulter les annonces" et "Passer une annonce" sont strictement identiques, il n'y a que les liens qui changent.
Modérateur
misterju, tu pouvais simplement éditer ton message précédent, ce n'était pas la peine de créer un nouveau message en te citant toi-même. Smiley cligne

Pour éditer, tu dois être logué au forum et il y a un bouton juste à côté de chacun de tes messages.
Je n'arrive pas supprimer mon message apparemment c'est réservé aux modérateurs.

Mon problème est résolu.
En effet je réutilisait les sous-menus par que je ne pouvais pas en créer plus de 10. Il fallait mofifier le javascript.
Merci d'avoir essayé de m'aider
Sujet clos
Aller à