Discussion :

[Msieurduss]

Bonjour à tous !

Ma question me semble triviale, mais je ne vois pourtant pas où ça cloche...
L'idée est que lorsqu'on appuie sur un bouton, ça affiche 8 blocs. Par défaut, dans le CSS, ces blocs ont comme propriété "visibility : none;"

Voici le code HTML :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
	<p><a href="javascript:minifenetres(8)">Cliquez ici pour encadrer les mini-fenêtres</a>.
	<div id="image_accueil">
		<div id="mf1" class="encadrement_minifenetre"></div>
		<div id="mf2" class="encadrement_minifenetre"></div>
		<div id="mf3" class="encadrement_minifenetre"></div>
		<div id="mf4" class="encadrement_minifenetre"></div>
		<div id="mf5" class="encadrement_minifenetre"></div>
		<div id="mf6" class="encadrement_minifenetre"></div>
		<div id="mf7" class="encadrement_minifenetre"></div>
		<div id="mf8" class="encadrement_minifenetre"></div>
        </div>

Et le Javascript :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
// Affiche ou masque les mini-fenêtres
function minifenetres (nb) {
	// Pour les 8 blocs	
	for(i=0; i<=nb; i++) {
		var obj=document.getElementById("mf"+i).style;
		if(obj.visibility=='visible') {
			obj.visibility='hidden';
		} else {
			obj.visibility='visible';
		}
	}
}

Firefox me renvoie :

Erreur*: document.getElementById("mf" + i) is null
Fichier Source*: file:///C:/moncheminquejai/scripts.js
Ligne*: 20
La ligne 20 c'est : var obj=document.getElementById("mf"+i).style;

Pour information, le code suivant fonctionne parfaitement :

Code :

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

1
2
3
4
5
6
7
8
 
		i=4;
		obj=document.getElementById("mf"+i).style;
		if(obj.visibility=='visible') {
			obj.visibility='hidden';
		} else {
			obj.visibility='visible';
		}

(exemple pour un seul bloc).

Merci par avance aux âmes charitables qui sauront m'aider

[andry.aime]

Salut, tu début i par 0 or qu'il n'y a pas de mf0

Code :

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

1
2
3
4
5
6
7
8
9
10
11
function minifenetres (nb) {
	// Pour les 8 blocs	
	for(i=1; i<=nb; i++) {
		var obj=document.getElementById("mf"+i).style;
		if(obj.visibility=='visible') {
			obj.visibility='hidden';
		} else {
			obj.visibility='visible';
		}
	}
}

[SpaceFrog]

c'est le planter de baton qui va pas ...

oui ou sans modifier la boucle => mf+(i+1)

[andry.aime]

oui ou sans modifier la boucle => mf+(i+1)

il va retourner mf9 dans ce cas.

[Msieurduss]

J'ai honte... Très honte...
J'écrirais combien de Paterscripts et d'Avé PHP ?

Merci à vous en tout cas !

[SpaceFrog]

Pour Andry

Code :

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

1
2
3
4
5
6
7
function minifenetres (nb) {
	// Pour les 8 blocs	
	for(i=0; i<=nb-1; i++) {
		var obj=document.getElementById("mf"+(i+1)).style;
		(obj.visibility=(obj.visibility='visible')?'hidden':'visible';
	}
}

[Matthieu2000]

Pour Andry

Code :

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

1
2
3
4
5
6
7
function minifenetres (nb) {
	// Pour les 8 blocs	
	for(i=0; i<=nb-1; i++) {
		var obj=document.getElementById("mf"+(i+1)).style;
		(obj.visibility=(obj.visibility='visible')?'hidden':'visible';
	}
}

petit correction == au lieu du =

Code :

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

1
2
3
4
5
6
7
8
9
 
function minifenetres () {
	menuParent=document.getElementById("image_accueil");
	menuEnfants=menuParent.getElementsByTagName("div");
	for(i=0; i<menuEnfants.length; i++) {
		var obj=menuEnfants[i].style;
		obj.visibility=(obj.visibility=='visible')?'hidden':'visible';
	}
}

[SpaceFrog]

arf oui ... bon c'est vendredi fin de journée...