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

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

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, 15h37

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, 16h05

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, 16h59

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, 17h42

NICKEL !!!

Super !!! Ca marche !!

Mais pourquoi le

Code :

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

affiche(null)

?

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

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);}

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

JavaScript

Vue hybride

Discussions similaires

Partager

Partager