[JS] Pb avec menu déroulant - cf. 4e post

**Badaboumpanpan** · 24/10/2006, 14h08

Bonjour,

Je ne connais que très peu le JS. Cependant, en voulant créer un album photo, j'ai copié deux fonctions. L'une pour le menu déroulant et l'autre pour la galerie photos (extrait du code xhtml) :

Code :

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

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
<script type="text/javascript"><!--
function affiche(id) { 
	for (var i = 1; i<=4; i++) {
		if (document.getElementById('ssmenu'+i)) {
			document.getElementById('ssmenu'+i).style.display='none';
		} 
	}
	if (document.getElementById(id)) {
		document.getElementById(id).style.display='block';
	} 
}
function display_img() {
	var bascule = document.getElementById('galerie');
	var links = bascule.getElementsByTagName('a');
	var big_photo = document.getElementById('img_orig');
	var titre_photo = document.getElementsByTagName('div')[0];
	for (var i = 0 ; i < links.length ; ++i) {
		links[i].onclick = function() {
			big_photo.src = this.href;
			big_photo.alt = this.alt;
			big_photo.title = this.title;
			titre_photo.firstChild.nodeValue = this.title;
			return false;
		};
	} 
}
window.onload = function () {  display_img(); affiche(id); }
--></script>

La fonction display_img permet d'afficher en grand (toujours sur le même espace) les petites photos.
La fonction affiche me permet de gérer le menu déroulant.

En fait, les deux fonctions ne cohabitent pas ensemble. Si je mets "affiche" avant "display_img", l'album photo ne marche pas. Et inversement.

Est-ce que qq un peut m'aiguiller pour que les deux fonctions puissent fonctionner en même temps ?

D'avance merci !!

**Bisûnûrs** · 24/10/2006, 14h37

Essaie comme ça :

Code Javascript :

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

window.onload = function () {  display_img; affiche; }

Et mets ce code avant la déclaration de tes fonctions.

**Badaboumpanpan** · 24/10/2006, 15h05

Envoyé par BisounoursJos

Essaie comme ça :

Code Javascript :

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

window.onload = function () {  display_img; affiche; }

Et mets ce code avant la déclaration de tes fonctions.

Du coup, la galerie ne marche pas...

**Auteur** · 24/10/2006, 15h59

bonjour,

essaye voir comme ceci :

Code html :

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

1
2
 
<body onload="display_img(); affiche(null);">

par contre

Code javascript :

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

1
2
3
 
var bascule = document.getElementById('galerie');
var links = bascule.getElementsByTagName('a');

Je crois que getElementsByTagName est inconnue de Firefox

**Badaboumpanpan** · 24/10/2006, 16h42

NICKEL !!!

Super !!! Ca marche !!

Mais pourquoi le

Code :

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

affiche(null)

?

**Auteur** · 24/10/2006, 18h27

La fonction affiche prend un paramètre, visiblement l'id du menu à afficher. En faisaint affiche() quelle est la valeur du paramètre que tu transmets ? Tandis que affiche(null), là tu es sûr de ce que tu envois.

C'est, entre autres, pour cette raison que je n'apprécie pas trop les syntaxes du genre

Code :

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

window.onload = fonction

et que je préfère l'appel directement dans le code HTML.

Ceci dit je vais reprendre la réponse de BisounoursJos et la complèter. As-tu essayé ce code :

Code javascript :

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

1
2
 
window.onload = function () {display_img(); affiche(null);}

**Badaboumpanpan** · 25/10/2006, 15h13

Ok. Les deux fonctions cohabitent maintenant !!!

Par contre, y a un dernier truc qui me chagrine. Avec mon javascript :

Code :

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

1
2
3
4
5
6
7
8
9
10
function affiche(id) { 
	for (var i = 1; i<=4; i++) {
		if (document.getElementById('ssmenu'+i)) {
			document.getElementById('ssmenu'+i).style.display='none';
		} 
	}
	if (document.getElementById(id)) {
		document.getElementById(id).style.display='block';
	} 
}

Même si je l'utilise seul, lorsque je charge ma page (sous IE et Firefox) tant que celle-ci n'est pas chargée totalement, je vois l'ensemble de mes menus...

Est-ce normal ?

Si non, qq un aurait-il une piste de pourquoi ça fait ça ?

[JS] Pb avec menu déroulant - cf. 4e post

JavaScript

Discussions similaires

Partager

Partager