Onclick fonctionne pas sous FF

Version imprimable

Bonjour à tous

J'ai voulu faire un menu déroulant, en suivant un tuto.

J'ai pourtant mis le code javascript dans le head mais sous FF le onclick ne click pas du tout. Sous IE et Opéra tout fonctionne.

Dans le head j'ai mis

Code:

1
2
3
4
5
6
7
8
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
	for (var i = 1; i<=10; i++) {
		if (document.getElementById('smenumaj'+i)) {document.getElementById('smenumaj'+i).style.display='none';}
	}
if (d) {d.style.display='block';}
}

Dans le body j'ai mis

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
 
<dl id="menumaj">
 
		<dt onclick="javascript:montre();"><h5>&nbsp;Semaine du 12 novembre </h5><br></dt>
 
			<ul>
			<li>- <a href="nouveautes-sites.php"><u>3 nouveaux sites</u></a> &nbsp;15 novembre 2006</li>
                        <li>- <a href="info-alerte.php#novembre"><u>Alerte alimentaire - Canada</u></a>&nbsp; 14 novembre 2006</li>
			<li>- <a href="truc-astuces-page1.php"><u>Nouvelle astuce</u></a> &nbsp; 13 novembre 2006</li>
		        <li>- <a href="info-alerte.php#novembre"><u>Alerte alimentaire - Canada</u></a>&nbsp; 12 novembre 2006</li>
</ul>
</dt>
 
		<dt onclick="javascript:montre('smenumaj2');"><h5>&nbsp;Semaine du 5 novembre<img src="image/flechemenu6.gif" width="15" height="18"  style="margin-left:288px; position:absolute;" ></h5>
 
		</dt>
 
			<dd id="smenumaj2">
				<ul>
 
 
			<li>- <a href="info-alerte.php#novembre"><u>Alerte alimentaire - Québec - Québec</u></a>&nbsp;10 novembre 2006</li>
			<li>- Nouveau menu dans <a href="../suggestionchef/"><u>Les suggestions des chefs</u></a> &nbsp;9 novembre 2006</li>
			<li>- <a href="info-alerte.php#novembre"><u>Alerte alimentaire - Canada</u></a> &nbsp;7 novembre 2006</li>
                        <li>- <a href="nouveautes-sites.php"><u>5 nouveaux sites</u></a> &nbsp;7 novembre 2006</li>
				</ul>
			</dd>
 
		<dt onclick="javascript:montre('smenumaj3');"><h5>&nbsp;Semaine du 1er novembre<img src="image/flechemenu6.gif" width="15" height="18"   style="margin-left:275px; position:absolute;" ></h5>
		</dt>
 
			<dd id="smenumaj3">
				<ul>
			<li>- <a href="nouveautes-sites.php"><u>3 nouveaux sites</u></a>  &nbsp;4 novembre 2006</li>
		        <li>- <a href="info-alerte.php#novembre"><u>Alerte alimentaire - Canada</u></a>  &nbsp;3 novembre 2006</li>
			<li>- <a href="info-alerte.php#novembre"><u>Alerte alimentaire - Québec - East Farnham</u></a> &nbsp;3 novembre 2006</li>
			<li>- <a href="info-alerte.php#novembre"><u>Alerte alimentaire - Canada</u></a> &nbsp;2 novembre 2006</li>
			<li>- <a href="nouveautes-sites.php"><u>17 nouveaux sites</u></a>  &nbsp;1er novembre 2006</li>
			<li>- Nouveau menu dans <a href="../suggestionchef/"><u>Les suggestions des chefs</u></a> &nbsp;1er novembre 2006</li>
 
				</ul>
			</dd>
 
</dl>

Et dans ma css

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
 
 
dl, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;}
dt {margin-bottom:30px;}
 
#menumaj li,#menumsj ul{margin:0;
padding:0;
list-style-type:none;
cursor:pointer;
 
}
#menumaj {
position:; /* placement du menu, à modifier selon vos besoins */
top: 0;
left: 0;
text-align:left;
font-weight:bold;
list-style-type:none;
line-height:20px;
cursor:pointer;
 
}
 
#menumaj dt {
cursor: pointer;
margin-top:20px;
margin-bottom:20px;
 
 
 
 
}
#menumaj dd {
margin-top:20px;
margin-bottom:10px;
 
}
#menumaj li {
text-align:left;
list-style-type:none;
margin-top:0px;
padding:0;
 
 
}
#menumaj li a, #menumaj dt a {
 
height:100%;
text-decoration:0 none;
 
 
 
 
}
#menumaj li a:hover, #menumaj dt a:hover {
 
}

J'ai réussi à faire afficher le tout comme je le désirais mais rien à faire pour FF. Il ne veut pas fonctionner et je ne sais pas pourquoi.

Voici ma page test Il faut aller en bas complètement dans "Les mises à jour de la cuisinière".

Vous avez une p'tite idée du problème?

Merci beaucoup de votre aide

Bonne soirée:fem:

18/11/2006, 18h47
Auteur
bonjour,
Code:

1 2 onclick="javascript:montre('smenumaj2');"
Supprime le terme javascript dans tes appels, il est inutile ici et est sans doute la source de l'erreur.
Code:

1 2 onclick="montre('smenumaj2');"
Par ailleurs, dans ton premier appel il manque l'id. S'il n'y en a pas remplace
Code:

1 2 montre()
par
Code:

1 2 montre(' ')
18/11/2006, 18h55
Fleuretta

Bonjour Auteur

Merci

J'ai fait la modification comme tu l'as démontré et ça ne fonctionne toujours pas.
Rien ne click sous FF.

Une autre idée?

Merci et bonne journée

place le code onclick dans la balise h5 et non dans la balise dt ;)

Code:

1
2
3
 
<dt><h5 onclick="montre('smenumaj2');">&nbsp;Semaine du 5 novembre<img src="image/flechemenu6.gif" width="15" height="18"  style="margin-left:288px; position:absolute;" ></h5>
</dt>

18/11/2006, 19h49
Fleuretta

Ça marche!:yaisse2: :lol:

:merci: :merci: :merci: :fem:

Tu es un amour!:P
18/11/2006, 20h01
Fleuretta

J'aurais une autre p'tite question.

Si je voudrais pouvoir "fermer" une fois que c'est affiché c'est à dire je fais onclick et le menu déroule et je refais onclick et il se referme.

C'est compliqué faire ça?

Sinon, qu'est ce qu'il faudrait ajouter?

Merci

Citation:

Envoyé par Fleuretta

Tu es un amour!:P

:oops:

Citation:

Envoyé par Fleuretta

J'aurais une autre p'tite question.

Si je voudrais pouvoir "fermer" une fois que c'est affiché c'est à dire je fais onclick et le menu déroule et je refais onclick et il se referme.

C'est compliqué faire ça?

Sinon, qu'est ce qu'il faudrait ajouter?

voilà la fonction montre(id) revue et corrigée :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 function montre(id) { var d = document.getElementById(id); //Ajout code var disp=""; if (d) disp = d.style.display; //Fin ajout code for (var i = 1; i<=10; i++) { if (document.getElementById('smenumaj'+i)) { document.getElementById('smenumaj'+i).style.display='none'; } } if (d) { if (disp=="none") //ajout de la condition if (disp...) d.style.display = "block"; } }

18/11/2006, 23h29
Fleuretta

Merci!

Pour ne pas te faire trop rougir de vais dire que tu es un :king: au lieu d'un amour!:mouarf:

Ça marche nickel sous les 3 navigateurs (IE-FF-Opéra)

C'est super génial!:yaisse2:

:merci: :merci: :merci: :fem:
04/01/2007, 19h48
Fleuretta

Oui ça fonctionne sous FF mais problème sous IE7

Bonjour,

Je reprends le même topic puisque toutes les informations du 'onclick' sont là.

Mon problème est que je viens de télécharger IE7 et que l'affichage de mon pied de page sur la page index (où est le "onclick") s'affiche mal.

Le pied de page ne va pas s'installer à sa place. Sur toutes les autres pages tout est parfait.

Vous avez une solution avec mon pied de page et mon "onclick"?

Oups... j'allais oublié de vous donner le lien...
http://www.chezfrances.com/annuaire/

Merci beaucoup!
05/01/2007, 23h07
Auteur

bonjour,

quel lien y a-t-il entre les clics et le pied de page ? Si le pied de page ne se met pas en place, je pense que c'est plus un problème de feuille de styles.
06/01/2007, 01h31
Fleuretta

Bonjour Auteur,

Je n'en ai aucune espèce d'idée le lien mais ce que je sais c'est que sur la page index le bas de page n'allait pas se placer au bon endroit sous IE7 et sur toutes les autres pages tout allait bien.

J'ai effectivement modifié la css et j'ai enfin trouvé le moyen de le placer à sa place dans la page index et sur les autres pages... mais aussi sous IE6 et FF.
Seule la page index avec les onclick posait problème et seulement sous IE7.

Maintenant c'est réglé!:resolu:

Bonne fin de soirée!