Afficher/Cacher des éléments [Débutant(e)]

**cuddy** · 05/09/2012, 18h01

Bonjour, je vias faire plus simple

J'ai une page d'accueil avec apDiv1 et apDiv2 qui s'affiche lors du démarrage.
J'aimerais que ces apDiv1 et apDiv2 disparaisse quand je clic sur un lien et fasse apparaitre une apDiv3.

Voici ce que j'ai

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
33
34
35
36
37
38
39
40
41
42
<head>
<style type="text/css">
#apDiv1 {
	position: absolute;
	width: 200px;
	height: 485px;
	z-index: 1;
	left: 175px;
	top: 6px;
}
#apDiv2 {
	position: absolute;
	width: 200px;
	height: 484px;
	z-index: 2;
	left: 378px;
	top: 6px;
}
#apDiv3 {
	position: absolute;
	width: 404px;
	height: 485px;
	z-index: 3;
	left: 174px;
	top: 6px;
}
</style>
 <script>
function visibilite(thingId)
{
var targetElement;
targetElement = document.getElementById(thingId) ;
if (targetElement.style.display == "none")
{
targetElement.style.display = "" ;
} else {
targetElement.style.display = "none" ;
}
}
</script>
</head>

Code :

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

1
2
3
4
5
6
7
8
9
10
<body onload="apDiv1,apDiv2">

<a href="javascript:visibilite('apDiv3');"> Un lien ici</a>

<div id="apDiv1">S'affiche au départ div 1</div>
<div id="apDiv2">S'affiche au départ div 2</div>

<div id="apDiv3" style="display:none;">S'affiche quand on click sur un lien en effacant les deux autre div</div>
</body>

**wax78** · 05/09/2012, 18h20

Je pense que tu aurais du mettre cela dans un autre forum pour plus d'efficacité

Afficher/Cacher des éléments [Débutant(e)]

Vue hybride

Discussions similaires

Partager

Partager