Discussion :

[Tchupa]

Bonjour a tous voilà je rencontre actuellement un problème avec mon menu déroulant, en effet ce n'est pas très esthétique, mon menu se déroule a chaque chargement de page alors que normalement il ne devrait se dérouler que lorsque l'on clic sur le menu.
Voici ma fonction javascript qui gère ce menu déroulant:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
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';}
}

Vous pouvez vous rendre compte du problème ici
Je voudrais que le menu se déroule seulement si l'on clic sur l'un des boutons en haut et non a chaque chargement de page.
En vous remerciant Amicalement.

[jbrasselet]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

window.onload=montre;

tu le lance à chaque fois que ta page se charge c'est normal.
Il faut que ta fonction montre soit appelée sur un onclick

[Tchupa]

Donc je l'ai remplacer par

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
window.onclick=montre;

Et ça ne change rien .

[E.Bzz]

Bonjour,

Donc je l'ai remplacer par

pas "remplacer", mais "enlever"

A+

[Tchupa]

la ligne?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
window.onclick:montre;

?
Je ne vous suis pas désolé.
Amicalement Tchupa.

[jbrasselet]

Tu veux qu'il apparaisse lorsque tu clique sur quoi? C'est sur cet objet que tu dois mettre le onclick

[E.Bzz]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

window.onload=montre;

tu le lance à chaque fois que ta page se charge c'est normal.
Il faut que ta fonction montre soit appelée sur un onclick uniquement (et pas sur onload)

[jbrasselet]

Merci de préciser ma pensée

[Tchupa]

A votre qu'est ce qui est le plus ergonomique pour vous?
Que le menu se déroule au clic ou au passage de la souris?

Donc comme je disais ma fonction java:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
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';}
}

Donc je retire le onload

Et voila par exemple à quoi ressemble un bouton avec son sous menu

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<ul id="menu">
                    <li onclick="javascript:montre();"><a href="index.php?p=news"><img src="images/index_06.gif" alt="" /></a></li> 
                    <!-- Bouton acceuil-->
                    <li><a href=""><img src="images/index_07.gif" alt="" /></a></li> 
                    <!-- séparateur-->
                    <li onclick="javascript:montre('smenu2');"><img src="images/index_08.gif" alt="Tarif" /> <!-- Bouton tarif-->
					<ul id="smenu2">
					<li><a href="index.php?p=tarif&typ=permisB">Permis Voiture</a></li>
					<li><a href="index.php?p=tarif&typ=permisA">Permis Moto</a></li>
					<li><a href="index.php?p=tarif&typ=BSR">Permis BSR</a></li>
					<li><a href="index.php?p=tarif&typ=ConduiteAccompagnee">Conduite Accompagnée</a></li>
					</ul>

[jbrasselet]

Je pense que sur le clic c'est le mieux, enfin je préfères.

J'aime pas voir des trucs apparaitre et disparaitre dès que je bouge la souris