Bonjour à tous,
Je souhaite réaliser la chose suivante à l'intérieur de ma page :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
 
-------------------------------
IMAGE1        |                 |
IMAGE2        |                 |
-------------------------------
Par défault contenu1 est dans le cadre. Si on clique sur IMAGE2, contenu1 disparait pour laisser place à contenu2.
Voila le code HTML
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
 
<a href="javascript:montre('txt_boutique');"><img border="0" src="images/Boutons/AccueilBout1.gif"></a><br>
			<a href="javascript:montre('txt_agenRugby');"><img border="0" src="images/Boutons/AccueilAgenR1.gif"></a><br>
 
<div id="txt_boutique" style="z-index:40;">
<p align="justify" class="bloc"> pouet txt_boutique<p>
</div>
<div id="txt_agenRugby" style="z-index:40; visibility : hidden"">
<p align="justify" class="bloc"> pouet txt_agenRugby</p>
</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
 
function montre(object){
   cache(document.getElementById('txt_boutique'))
   cache(document.getElementById('txt_agenRugby'))
   cache(document.getElementById('txt_partenaires'))
   cache(document.getElementById('txt_news'))
   cache(document.getElementById('txt_centre'))
   document.getElementById('object').style.visibility = "visible"
}
 
function cache(object){
   object.style.visibility = "hidden"
}
Le problème est que au chargement de la page le contenu1 est présent dans le bloc puis on peut cliquer sur IMAGE2 le contenu disparait mais plus rien n'apparait !