Masquer/afficher un DIV

Version imprimable

Bonjour,

Je me casse la tête sur du Javascript qui me semble simple. Je souhaite masquer un DIV en arrivant sur la page. Lorsque je clique sur un lien, ce DIV apparait et un autre disparait, et vice-versa.

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
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>Test d'interface</title>
 
<script language="javascript" type="text/javascript">
function masquer_div(nom_div) {
	if (nom_div = 'joueur-profil-caracteristiques-graph') {
		document.getElementById("joueur-profil-caracteristiques-graph").style.display = 'none';
		document.getElementById("joueur-profil-caracteristiques").style.display = 'block';
	} else if (nom_div = 'joueur-profil-caracteristiques') {
		document.getElementById("joueur-profil-caracteristiques-graph").style.display = 'block';
		document.getElementById("joueur-profil-caracteristiques").style.display = 'none';
	}
}
</script>
</head>
<body onLoad="masquer_div('joueur-profil-caracteristiques-graph')">
 
<div id="joueur-profil-caracteristiques-graph">
<h2>R&eacute;sum&eacute; des caract&eacute;ristiques</h2>
Toto est là !<br/>
 
<a href="#" onClick="masquer_div('joueur-profil-caracteristiques')">Voir les stats</a>
</div>
<div id="joueur-profil-caracteristiques">
<h2>Caract&eacute;ristiques</h2>
Toto est ici !<br/>
<a href="#" onClick="masquer_div('joueur-profil-caracteristiques-graph')">Voir le graph</a>
</div>
 
</body>
</html>

Je ne comprends pas pourquoi ce code ne fonctionne pas.

Merci de m'éclairer.

uado

bon tu vas trouver ça tout con...

Code:

1
2
3
4
5
6
7
8
9
10
11
 
function masquer_div(nom_div) {
 
    if (nom_div == 'joueur-profil-caracteristiques-graph') {
        document.getElementById("joueur-profil-caracteristiques-graph").style.display = 'block';
        document.getElementById("joueur-profil-caracteristiques").style.display = 'none';
    } else if (nom_div == 'joueur-profil-caracteristiques') {
        document.getElementById("joueur-profil-caracteristiques-graph").style.display = 'none';
        document.getElementById("joueur-profil-caracteristiques").style.display = 'block';
    }
}

1 - pour comparer c'est "==" et non seulement "="
2 - tu as inversé les 2 div dans les conditions :mouarf:

02/07/2007, 10h45
uado

Bonjour,

Merci de tes précisions. Pour l'inversion des DIV, je m'en étais rendu compte.
Par contre, c'est vrai que je ne savais pas que la comparaison était "==" comme en PHP.

En tout cas, merci, ça fonctionne !

uado
02/07/2007, 10h47
jmulans

:resolu: :king: