Script Page d'Accueil

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Script Page d'Accueil

Message par L.Shadow le Sam 12 Mar 2011 - 18:02

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 !


Dernière édition par L.Shadow le Ven 18 Mar 2011 - 22:44, édité 1 fois

L.Shadow
***

Messages : 108
Inscrit(e) le : 12/04/2009

http://horse-beautiful.forumactif.org
L.Shadow a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Script Page d'Accueil

Message par Pentacle le Sam 12 Mar 2011 - 18:49

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

Pentacle
*

Masculin
Messages : 33
Inscrit(e) le : 26/10/2010

Pentacle a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Script Page d'Accueil

Message par L.Shadow le Sam 12 Mar 2011 - 19:56

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
***

Messages : 108
Inscrit(e) le : 12/04/2009

http://horse-beautiful.forumactif.org
L.Shadow a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Script Page d'Accueil

Message par L.Shadow le Ven 18 Mar 2011 - 20:47

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

L.Shadow
***

Messages : 108
Inscrit(e) le : 12/04/2009

http://horse-beautiful.forumactif.org
L.Shadow a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum