Script Page d'Accueil

[L.Shadow]

Bonjour ^^

Je suis vraiment désolé si le problème a déjà été posé mais ne sachant pas comment s'appelle ce que je veux faire, je n'arrive pas à le trouver dans les recherches. Aussi je m'adresse à vous et j'espère pouvoir compter sur votre aide.
Voici mon forum tout d'abord : http://demo-kwaii.forums-actifs.com
Sur la page d'accueil, il s'agit d'un menu déroulant, cependant ce n'est pas exactement ce que je voudrais. J'ai fais un montage de ce que je voudrais : ici

En fait, quand on passe sur Titre 2, je voudrais que le grand cadre à droit change en fonction de ce que j'y ai inscrit. Dans le script que j'ai mis, ça fait juste un menu, je ne pense pas avoir utilisé la bonne méthode. J'aurais voulu une petite précision, s'il vous plaît. Ou alors, pouvez-vous me donner le nom de ce système s'il est déjà présenté sur le forum afin que j'essaye sur mon forum ?

Ma page d'accueil :

Code:

<br><script type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
//-->
</script>

<style type="text/css" media="screen">
<!--
body {
margin: 0;
padding: 0;
background: white;
font: 80% verdana, arial, sans-serif;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
width: 15em;
}
#menu dt {
cursor: pointer;
margin: 2px 0;;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
border: 1px solid gray;
background: #ccc;
}
#menu dd {
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #fff;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#menu li a:hover, #menu dt a:hover {
background: #eee;
}
-->
</style>
<!-- FIN DU CSS -->



<dl id="menu">

<dt onclick="javascript:montre();"><a href="url-de-renvoi">Menu 1</a></dt>

<dt onclick="javascript:montre('smenu2');">Menu 2</dt>
<dd id="smenu2">
<ul>
<li><a href="url-de-renvoi">Sous-Menu 2.1
Ici</a></li>
<li><a href="url-de-renvoi">Sous-Menu 2.2</a></li>
<li><a href="url-de-renvoi">Sous-Menu 2.3</a></li>
</ul>
</dd>

<dt onclick="javascript:montre('smenu3');">Menu 3</dt>
<dd id="smenu3">
<ul>
<li><a href="url-de-renvoi">Sous-Menu 3.1</a></li>
<li><a href="url-de-renvoi">Sous-Menu 3.1</a></li>
<li><a href="url-de-renvoi">Sous-Menu 3.1</a></li>
<li><a href="url-de-renvoi">Sous-Menu 3.1</a></li>
<li><a href="url-de-renvoi">Sous-Menu 3.1</a></li>
<li><a href="url-de-renvoi">Sous-Menu 3.1</a></li>
</ul>
</dd>

<dt onclick="javascript:montre('smenu4');">Menu 4</dt>
<dd id="smenu4">
<ul>
<li><a href="url-de-renvoi">Sous-Menu 4.1</a></li>
<li><a href="url-de-renvoi">Sous-Menu 4.1</a></li>
</ul>
</dd>
</dl>

Je vous remercie d'avance !

[Pentacle]

http://www.dezinerfolio.com/2007/07/19/simple-javascript-accordions/

Cette article te propose de faire différent style de menu, et l'un de ces menus te permet de faire ceci http://www.dezinerfolio.com/wp-content/uploads/accordemo/03.html Je pense que c'est ce que tu cherche

[L.Shadow]

Je vous remercie pour votre réponse rapide et effectivement c'est ce que je recherche. Cependant, je ne comprends déjà pas vraiment le CSS et autre en français, alors en anglais c'est un peu compliqué... Mais merci quand même.

[L.Shadow]

UP ! Quelqu'un pourrait-il m'aider s'il vous plaît ? Merci.