A voir également:
- Menu déroulant vertical dynamique
- Tableau croisé dynamique - Guide
- Menu déroulant excel - Guide
- Ps5 vertical - Guide
- Menu démarrer windows 11 - Guide
- Excel menu déroulant en cascade - Guide
26 réponses
Bonsoir
Quelqu'un pourrait m'envoyer un code source en html concernant le menu déroulant vertical dynamique . Merci infiniment
Quelqu'un pourrait m'envoyer un code source en html concernant le menu déroulant vertical dynamique . Merci infiniment
Re,
j'ai trouvé un menu déroulant qui fonctionne, par contre il se déroule vers le bas et souhaite qu'il se déroule vers la droite, je sais qu'il faut que j'intègre direction:"right" mais je ne sais pas ou. Voici le code
<head> <script type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
//-->
</script>
<style type="text/css" media="screen">
<!--
body {
margin: 0;
padding: 0;
background: 0 none;
font: 80% verdana, gigi, sans-serif;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: direction="right";
top: 0;
left: 0;
}
#menu {
width: 15em;
}
#menu dt {
cursor: pointer;
margin: 2px 0;;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
border: 0 none;
background: 0 none;
}
#menu dd {
border: none;
}
#menu li {
text-align: center;
background: 0 none;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#menu li a:hover, #menu dt a:hover {
background: 0 none;
}
-->
</style>
</HEAD>
<dl id="menu">
<dt onclick="javascript:montre('smenu1);">Visage</dt>
<dd id="smenu1">
<ul>
<li><a href="#">Sous-Menu 1.1</a></li>
<li><a href="#">Sous-Menu 1.2</a></li>
<li><a href="#">Sous-Menu 1.3</a></li>
</ul>
</dd>
<dt onclick="javascript:montre('smenu2');">Corps</dt>
<dd id="smenu2">
<ul>
<li><a href="#">Sous-Menu 2.1</a></li>
<li><a href="#">Sous-Menu 2.2</a></li>
<li><a href="#">Sous-Menu 2.3</a></li>
</ul>
</dd>
<dt onclick="javascript:montre('smenu3');">Menu 3</dt>
<dd id="smenu3">
<ul>
<li><a href="#">Sous-Menu 3.1</a></li>
<li><a href="#">Sous-Menu 3.1</a></li>
<li><a href="#">Sous-Menu 3.1</a></li>
<li><a href="#">Sous-Menu 3.1</a></li>
<li><a href="#">Sous-Menu 3.1</a></li>
<li><a href="#">Sous-Menu 3.1</a></li>
</ul>
</dd>
<dt onclick="javascript:montre('smenu4');">Menu 4</dt>
<dd id="smenu4">
<ul>
<li><a href="#">Sous-Menu 4.1</a></li>
<li><a href="#">Sous-Menu 4.1</a></li>
</ul>
</dd>
</dl>
J'aimerais également que les sous menus se déclenchent dès que le curseur passe sur chaque menu.
Comment faire?
Merci
j'ai trouvé un menu déroulant qui fonctionne, par contre il se déroule vers le bas et souhaite qu'il se déroule vers la droite, je sais qu'il faut que j'intègre direction:"right" mais je ne sais pas ou. Voici le code
<head> <script type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
//-->
</script>
<style type="text/css" media="screen">
<!--
body {
margin: 0;
padding: 0;
background: 0 none;
font: 80% verdana, gigi, sans-serif;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: direction="right";
top: 0;
left: 0;
}
#menu {
width: 15em;
}
#menu dt {
cursor: pointer;
margin: 2px 0;;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
border: 0 none;
background: 0 none;
}
#menu dd {
border: none;
}
#menu li {
text-align: center;
background: 0 none;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#menu li a:hover, #menu dt a:hover {
background: 0 none;
}
-->
</style>
</HEAD>
<dl id="menu">
<dt onclick="javascript:montre('smenu1);">Visage</dt>
<dd id="smenu1">
<ul>
<li><a href="#">Sous-Menu 1.1</a></li>
<li><a href="#">Sous-Menu 1.2</a></li>
<li><a href="#">Sous-Menu 1.3</a></li>
</ul>
</dd>
<dt onclick="javascript:montre('smenu2');">Corps</dt>
<dd id="smenu2">
<ul>
<li><a href="#">Sous-Menu 2.1</a></li>
<li><a href="#">Sous-Menu 2.2</a></li>
<li><a href="#">Sous-Menu 2.3</a></li>
</ul>
</dd>
<dt onclick="javascript:montre('smenu3');">Menu 3</dt>
<dd id="smenu3">
<ul>
<li><a href="#">Sous-Menu 3.1</a></li>
<li><a href="#">Sous-Menu 3.1</a></li>
<li><a href="#">Sous-Menu 3.1</a></li>
<li><a href="#">Sous-Menu 3.1</a></li>
<li><a href="#">Sous-Menu 3.1</a></li>
<li><a href="#">Sous-Menu 3.1</a></li>
</ul>
</dd>
<dt onclick="javascript:montre('smenu4');">Menu 4</dt>
<dd id="smenu4">
<ul>
<li><a href="#">Sous-Menu 4.1</a></li>
<li><a href="#">Sous-Menu 4.1</a></li>
</ul>
</dd>
</dl>
J'aimerais également que les sous menus se déclenchent dès que le curseur passe sur chaque menu.
Comment faire?
Merci
ecko2
Messages postés
146
Date d'inscription
lundi 30 juin 2008
Statut
Membre
Dernière intervention
11 décembre 2008
12
6 juil. 2008 à 17:31
6 juil. 2008 à 17:31
salut il t-e faut ajouter ce script dans le HEAD, de la page concerener et Bon chance
<STYLE type=text/css>BODY {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 10pt; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #576f7e; PADDING-TOP: 0px; FONT-FAMILY: Tahoma
}
.outer_small {
FONT-SIZE: 9px; COLOR: #97a7b1; FONT-FAMILY: Tahoma
}
BODY {
FONT-SIZE: 9px
}
TD {
FONT-SIZE: 9px
}
TH {
FONT-SIZE: 9px
}
.hidden {
DISPLAY: none; VISIBILITY: hidden
}
.chanteurs {
FONT-WEIGHT: bold; FONT-SIZE: 14px
}
A:link {
FONT-WEIGHT: bolder; FONT-SIZE: 10px; COLOR: #ec6128; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A:visited {
FONT-WEIGHT: bolder; FONT-SIZE: 10px; COLOR: #de2520; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.smalllinks {
FONT-SIZE: 8px; COLOR: #b7c8c2; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.smalllinks2 {
FONT-SIZE: 10px; COLOR: #b7c8c2; FONT-FAMILY: Arial, Helvetica, sans-serif
}
#Layer2 {
Z-INDEX: 1; LEFT: 805px; WIDTH: 120px; POSITION: absolute; TOP: 208px; HEIGHT: 600px
}
H1 {
FONT-SIZE: 9px; COLOR: #5f737e; FONT-FAMILY: Verdana
}
</STYLE>
<style> table.MsoNormalTable
{mso-style-parent:"";
font-size:10.0pt;
font-family:"Times New Roman";
}
span.adus
{}
</style>
<STYLE type=text/css>BODY {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 10pt; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #576f7e; PADDING-TOP: 0px; FONT-FAMILY: Tahoma
}
.outer_small {
FONT-SIZE: 9px; COLOR: #97a7b1; FONT-FAMILY: Tahoma
}
BODY {
FONT-SIZE: 9px
}
TD {
FONT-SIZE: 9px
}
TH {
FONT-SIZE: 9px
}
.hidden {
DISPLAY: none; VISIBILITY: hidden
}
.chanteurs {
FONT-WEIGHT: bold; FONT-SIZE: 14px
}
A:link {
FONT-WEIGHT: bolder; FONT-SIZE: 10px; COLOR: #ec6128; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A:visited {
FONT-WEIGHT: bolder; FONT-SIZE: 10px; COLOR: #de2520; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.smalllinks {
FONT-SIZE: 8px; COLOR: #b7c8c2; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.smalllinks2 {
FONT-SIZE: 10px; COLOR: #b7c8c2; FONT-FAMILY: Arial, Helvetica, sans-serif
}
#Layer2 {
Z-INDEX: 1; LEFT: 805px; WIDTH: 120px; POSITION: absolute; TOP: 208px; HEIGHT: 600px
}
H1 {
FONT-SIZE: 9px; COLOR: #5f737e; FONT-FAMILY: Verdana
}
</STYLE>
<style> table.MsoNormalTable
{mso-style-parent:"";
font-size:10.0pt;
font-family:"Times New Roman";
}
span.adus
{}
</style>
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
ecko2
Messages postés
146
Date d'inscription
lundi 30 juin 2008
Statut
Membre
Dernière intervention
11 décembre 2008
12
6 juil. 2008 à 17:35
6 juil. 2008 à 17:35
tu peux voir l'exemple sur cette page
http://www.goldzik.com/12/3/0.htm
bon courage
http://www.goldzik.com/12/3/0.htm
bon courage
ecko2
Messages postés
146
Date d'inscription
lundi 30 juin 2008
Statut
Membre
Dernière intervention
11 décembre 2008
12
6 juil. 2008 à 17:41
6 juil. 2008 à 17:41
Et vous voulez qu il se deroule dans quel sens ?
ecko2
Messages postés
146
Date d'inscription
lundi 30 juin 2008
Statut
Membre
Dernière intervention
11 décembre 2008
12
6 juil. 2008 à 17:46
6 juil. 2008 à 17:46
mai vert la droite sa sera pa un menu deroulante, c un zone definate c ca ce que tu cherche non ?
En fait je veux un menu comme sur ce site https://www.mademoiselle-bio.com/ sauf que sur le mien j'aimerais qu'il soit vertical et que les sous menus s'affichent vers la droite... J'espère que j'arrive à me faire comprendre, j'ai du mal avec les termes techniques.
ecko2
Messages postés
146
Date d'inscription
lundi 30 juin 2008
Statut
Membre
Dernière intervention
11 décembre 2008
12
6 juil. 2008 à 18:07
6 juil. 2008 à 18:07
pour l'orientation et l'ariere plan et tt les autre option , c simple tu ouvre proprieté de ton menu deroulante biensur apres l'avoir cree, et tu fait tes chaangement comme tu veux
et bon courrage
et bon courrage
Je suis désolée avec mes questions mais à quel endroit je peux changer l'orientation sur le code que tu m'as donné?
ecko2
Messages postés
146
Date d'inscription
lundi 30 juin 2008
Statut
Membre
Dernière intervention
11 décembre 2008
12
6 juil. 2008 à 18:32
6 juil. 2008 à 18:32
le publisher est assez lourd et pour la creation des sites web je te dis que c pa professionel, tu peux tester front page, tu aura plus des trucs, et je te dis c aussi ton guide pro
ok ?
je te dis si tu veux je peux t'aider pour creer tes pages s me fai plaisir,bon courrage.
ok ?
je te dis si tu veux je peux t'aider pour creer tes pages s me fai plaisir,bon courrage.
ecko2
Messages postés
146
Date d'inscription
lundi 30 juin 2008
Statut
Membre
Dernière intervention
11 décembre 2008
12
6 juil. 2008 à 18:49
6 juil. 2008 à 18:49
ok
je vais te montrer comment saz se fait, tu parle arabe no ? si c oui tu peux m' envoyer ton mail en clicant sur ce lien, sa sera mieux parler n'est ce pa ?
si tu parle pas arabe, je vais te monter sur msn en ecriture ok ?
voila le liens
http://www.goldzik.com/contact.php
je vais te montrer comment saz se fait, tu parle arabe no ? si c oui tu peux m' envoyer ton mail en clicant sur ce lien, sa sera mieux parler n'est ce pa ?
si tu parle pas arabe, je vais te monter sur msn en ecriture ok ?
voila le liens
http://www.goldzik.com/contact.php
J'ai regardé sur ton site mais ce n'est pas tout à fait ce genre de menu que je recherche mais en fait je voudrais exactement ce genre la http://www.biotissime.fr/
ecko2
Messages postés
146
Date d'inscription
lundi 30 juin 2008
Statut
Membre
Dernière intervention
11 décembre 2008
12
6 juil. 2008 à 19:07
6 juil. 2008 à 19:07
l menu deroulante nommee monnaie, c ça ce que tu cherche ?
nan regarde sur ce lien http://www.biotissime.fr/
C'est le menu "nos cosmétiques bio" qui m'intéresse
C'est le menu "nos cosmétiques bio" qui m'intéresse
