par
mtex » 18 mars 2012, 22:09
Bonjour,
Je cherche depuis quelque jours comment faire ce qui suis, je vous demande votre aide car je suis désespéré
Sur ma page il y a 5 lien catégories, j'aimerais que lorsque que l'on clique sur une catégories, un div s'affiche dans la section a gauche. Les catégories sont dans la section de droite.
J'aimerais que lorsque l on clique sur catégories 1 exemple, une div avec du texte s’affiche dans la section Welcome.
Quelqu'un pourrais m aider, m'écrire le code et me dire ou l'insérer car je ne connais pas beaucoup PHP et je me cherche là.
Merci
Voici le code de la page:
<div id="center">
<div id="welcome">
<h1 align="center">Ésotérique</h1>
<h2>REIKI</h2>
<p class="welcome">Énergie de transformation, de protection et de puréfication.</p>
<p class="welcome">REIKI Usui</p>
<p class="welcome">Au fond du coeur</p>
<div>
<p><img src="images/image3.jpg" style="margin:0 15px 0 175px;" /></p>
</div>
<h2>Title 2</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi.</p>
<h3>Title 3</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi.</p>
<p style="clear:both" />
</div>
</div>
<div id="right">
<div id="sidebar">
<h3>Categories</h3>
<ul class="vmenu">
<li>
<a href="#" shape="rect">Category 1</a>
</li>
<li>
<a href="#" shape="rect">Category 2</a>
</li>
<li>
<a href="#" shape="rect">Category 3</a>
</li>
<li>
<a href="#" shape="rect">Category 4</a>
</li>
<li>
<a href="#" shape="rect">Category 5</a>
</li>
</ul>
<h3 style="margin-top:40px">News</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi.</p>
<div style="font-weight:bold;margin-top:20px">Call us : 00-123-456-789</div>
<div style="text-align:center;margin:20px 0">
<img src="images/chocolate.jpg" />
</div>
</div>
</div>
Bonjour,
Je cherche depuis quelque jours comment faire ce qui suis, je vous demande votre aide car je suis désespéré ;)
Sur ma page il y a 5 lien catégories, j'aimerais que lorsque que l'on clique sur une catégories, un div s'affiche dans la section a gauche. Les catégories sont dans la section de droite.
J'aimerais que lorsque l on clique sur catégories 1 exemple, une div avec du texte s’affiche dans la section Welcome.
Quelqu'un pourrais m aider, m'écrire le code et me dire ou l'insérer car je ne connais pas beaucoup PHP et je me cherche là.
Merci
Voici le code de la page:
[html]<div id="center">
<div id="welcome">
<h1 align="center">Ésotérique</h1>
<h2>REIKI</h2>
<p class="welcome">Énergie de transformation, de protection et de puréfication.</p>
<p class="welcome">REIKI Usui</p>
<p class="welcome">Au fond du coeur</p>
<div>
<p><img src="images/image3.jpg" style="margin:0 15px 0 175px;" /></p>
</div>
<h2>Title 2</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi.</p>
<h3>Title 3</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi.</p>
<p style="clear:both" />
</div>
</div>
<div id="right">
<div id="sidebar">
<h3>Categories</h3>
<ul class="vmenu">
<li>
<a href="#" shape="rect">Category 1</a>
</li>
<li>
<a href="#" shape="rect">Category 2</a>
</li>
<li>
<a href="#" shape="rect">Category 3</a>
</li>
<li>
<a href="#" shape="rect">Category 4</a>
</li>
<li>
<a href="#" shape="rect">Category 5</a>
</li>
</ul>
<h3 style="margin-top:40px">News</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi.</p>
<div style="font-weight:bold;margin-top:20px">Call us : 00-123-456-789</div>
<div style="text-align:center;margin:20px 0">
<img src="images/chocolate.jpg" />
</div>
</div>
</div>[/html]
