Menu deroulant
treckar
Messages postés
67
Date d'inscription
Statut
Membre
Dernière intervention
-
Gornarf Messages postés 121 Date d'inscription Statut Membre Dernière intervention -
Gornarf Messages postés 121 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
J'ai reussi à faire un index avec deux iframes: un menu et une page centrale qui réagit quand on clique sur les liens du menu.
Mon probleme, c'est que je voudrait à la place du menu genre sommaire, un menu déroulant.
J'ai bien trouvé des exemples sur le net, mais en copiant le code source, ça ne marche pas comme la page "source".
Voici mon code menu:
<HTML>
<HEAD>
<BASE target="Page principale">
</HEAD>
<!-- menu -->
<!-- Début Top Menu -->
<ul class="navigation">
<!-- menu foyer de vie et FAM -->
<li class="toggleSubMenu"><span>Foyer de vie <br />occupationel & FAM</span>
<ul class="subMenu">
<li><a href="/Foyer de vie occupationnel et FAM/Foyer de vie occupationel.html" TARGET="Page principale" title="Foyer de vie occupationel">Foyer de vie <br />occupationel</a></li>
<li><a href="/Foyer de vie occupationnel et FAM/FAM.html" TARGET="Page principale" title="FAM">FAM</a></li>
<li><a href="/Foyer de vie occupationnel et FAM/Contact et plan.html" TARGET="Page principale" title="Contact et plan">Contact et plan</a></li>
</ul>
</li>
.....
J'ai reussi à faire un index avec deux iframes: un menu et une page centrale qui réagit quand on clique sur les liens du menu.
Mon probleme, c'est que je voudrait à la place du menu genre sommaire, un menu déroulant.
J'ai bien trouvé des exemples sur le net, mais en copiant le code source, ça ne marche pas comme la page "source".
Voici mon code menu:
<HTML>
<HEAD>
<BASE target="Page principale">
</HEAD>
<!-- menu -->
<!-- Début Top Menu -->
<ul class="navigation">
<!-- menu foyer de vie et FAM -->
<li class="toggleSubMenu"><span>Foyer de vie <br />occupationel & FAM</span>
<ul class="subMenu">
<li><a href="/Foyer de vie occupationnel et FAM/Foyer de vie occupationel.html" TARGET="Page principale" title="Foyer de vie occupationel">Foyer de vie <br />occupationel</a></li>
<li><a href="/Foyer de vie occupationnel et FAM/FAM.html" TARGET="Page principale" title="FAM">FAM</a></li>
<li><a href="/Foyer de vie occupationnel et FAM/Contact et plan.html" TARGET="Page principale" title="Contact et plan">Contact et plan</a></li>
</ul>
</li>
.....
A voir également:
- Menu deroulant
- Menu déroulant excel - Guide
- Excel menu déroulant en cascade - Guide
- Menu déroulant google sheet - Accueil - Guide bureautique
- Supprimer menu déroulant excel - Forum Excel
- Supprimer une liste déroulante - Forum Word
3 réponses
ce que t'appel un menu déroulant c'est un menu qui se déploi sur la gauche, la droite ou le bas de ton menu principal?
Si oui tu dois régler pas mal de chose dans ta feuille de style,
en commençant par cacher le menu avec un display:none;
ensuite faut faire réagir au passage de la souris ou au click
tu peux faire ca très simplement en JS;
régler également la position de ce bloc en lui disant d'être en premier plan avec un position déterminée avec qu'il ne pourrisse pas ta page
Si oui tu dois régler pas mal de chose dans ta feuille de style,
en commençant par cacher le menu avec un display:none;
ensuite faut faire réagir au passage de la souris ou au click
tu peux faire ca très simplement en JS;
régler également la position de ce bloc en lui disant d'être en premier plan avec un position déterminée avec qu'il ne pourrisse pas ta page
un index avec deux iframes
...de suite : STOP !
pas du tout le bon système ... les 'iframes' sont HS depuis belle lurette pour les moteurs de recherche, donc la prise en compte du contenu des sites ;)
Pour le javascript, je suis débutant (pour le reste aussi me diras-tu).
Je crois que j'arrive au bout de ce qu'on peut faire en html...j'aime pas trop la programmation (if...else...)
Un exemple de fonction javascript:
function deploi(id) { ELEM = document.getElementById(id); if(ELEM.style.display!='none') { ELEM.style.display = 'block'; } else { ELEM.style.display = 'none'; } }