Masquer/afficher un DIV

**uado** · 01/07/2007, 22h55

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 :

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
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

**jmulans** · 02/07/2007, 08h36

bon tu vas trouver ça tout con...

Code :

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

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

**uado** · 02/07/2007, 10h45

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

**jmulans** · 02/07/2007, 10h47

Masquer/afficher un DIV

JavaScript

Discussions similaires

Partager

Partager