Bonjour à tous,
Je souhaite réaliser la chose suivante à l'intérieur de ma page :
Par défault contenu1 est dans le cadre. Si on clique sur IMAGE2, contenu1 disparait pour laisser place à contenu2.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5 ------------------------------- IMAGE1 | | IMAGE2 | | -------------------------------
Voila le code HTML
et le javascript :
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>
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 !
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" }
Partager