Discussion :

[Taharoa]

Bonjour à tous
Voila, je débute en JS et j'ai une question bête
Je voudrais faire en sorte que lorsque l'on clique sur un <div>, cela affiche/masque un autre div. Donc jusque là tout va bien, je crée ma fonction:

Code :

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

1
2
3
4
5
6
7
8
function afficher_element(id){
	var elt = document.getElementById(id);
	if(elt.style.display == 'none'){
		elt.style.display='block';
	}else{
		elt.style.display='none';
	}
}

Cette fonction est utilisée pour plusieurs types de div, des articles, une console de login, etc...
Hors certains de ces éléments sont par défaut en display:block, et d'autres par défaut en display:none.

Le truc c'est que ma fonction ne marche pas au 1er coup pour les éléments qui sont masqués par défaut, comme si il ne détectait pas qu'ils sont en display:none...
Si je change et que je met dans ma fonction

Code :

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

1
2
3
4
5
6
7
8
function afficher_element(id){
	var elt = document.getElementById(id);
	if(elt.style.display != 'block'){
		elt.style.display='block';
	}else{
		elt.style.display='none';
	}
}

ca ne marche pas non plus, pour les éléments activés de base ce coup-ci. Donc j'ai l'impression qu'il voit toujours les éléments en display:block par défault, même si dans mon .css ils sont définis en display:none

Auriez vous une idée pour éviter ça??
Merci.
Taharoa

[Bovino]

Essaye peut-être comme ça :

Code :

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

1
2
3
4
function afficher_element(id){
	var elt = document.getElementById(id);
	elt.style.display=(elt.style.display == 'block')?'':'block';
}

[SpaceFrog]

Code :

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

elt.style.display=(elt.style.display == 'none')?'':'none';

[Bovino]

certains de ces éléments sont par défaut en display:block, et d'autres par défaut en display:none.

Code :

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

1
2
3
4
function afficher_element(id){
	var elt = document.getElementById(id);
	elt.style.display=(elt.style.display == 'block')?'none':'block';
}

Désolé...

[Taharoa]

Non plus, j'ai le même problème qu'au début, la syntaxe est équivalente de toute facon non?

[SpaceFrog]

Code :

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

elt.style.display=(elt.style.display == 'block' || elt.style.display == '')?'none':'';

[Taharoa]

Bovino > Merci pour ta réponse mais ça ne fonctionne pas non plus.
Ca marche pour les éléments masqués de base mais ca ne fonctionne plus du tout pour les éléments affichés de base.

Spacefrog > Idem sauf que ca marche pour les affichés et plus du tout pour les masqués