[débutant] [Javascript+CSS] Menu type explo

Version imprimable

Voila , avant tout , j'ai deja parcouru les posts du forum a ce sujet ainsi que mon ami : Google .

Mon objectif:
Crée un menu vertical de type explorateur exemple :

Citation:

menu1
menu1.1
menu1.1
menu2
menu2.2
menu3

et aussi prendre en charge le fait que l'orsque l'on clik sur la head catégorie cela referme ses sous catégories .

J'en suis la , mon code :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 <div class="menu"> <h2>Menu</h2> <dl id="menu1"> <dl> <dt onmouseover="javascript:montre();"><a href="" title="Retour à l'accueil">Accueil</a></dt> </dl> <dl> <dt onmouseover="javascript:montre('menu1');">Menu 1</dt> <dd id="smenu4" onmouseover="javascript:montre('menu1');" onmouseout="javascript:montre('');"> <ul> <li><a href="#">Sous-Menu 1.1</a></li> <li><a href="#">Sous-Menu 1.2</a></li> <li><a href="#">Sous-Menu 1.3</a></li> </ul> </dd> </dl> </div>
mais pour linstant j'otien un menu décaler a gauche , ce que je désire mais hors de mon cadre de mon menu vertical .
comme ceci :

http://amenos.free.fr/look.JPG

Help thx .

14/02/2006, 15h01
denisC

cf http://www.developpez.net/forums/vie...604407#2604407

(pas envie de recopier).

C'est ça que tu cherches à faire?
14/02/2006, 15h03
Amenos

oui

oui , j'avais lu ton post , mais je cherche a faire dans cette configuration de menu , mais sans le type explorateur (sans les + et - et les dossier)
juste garder le system de dérouler endessou d'une catégorie principale les sous-catégories .

en résumer : c'est la même présentation que je recherche mais sans les pointillés sur le coter du menu (tree) et sans les icone .
14/02/2006, 15h10
denisC

Re: oui

Citation:

Envoyé par Amenos

oui , j'avais lu ton post , mais je cherche a faire dans cette configuration de menu , mais sans le type explorateur (sans les + et - et les dossier)
juste garder le system de dérouler endessou d'une catégorie principale les sous-catégories .

en résumer : c'est la même présentation que je recherche mais sans les pointillés sur le coter du menu (tree) et sans les icone .

Remplace les images des icones (arbre) par une image transparente de la même taille? Pour les icones type dossier/fichier, c'est configurable lors de la construction de ton arbre.

J'ai reussi a faire ce que je veut merci .

mon code :

Code:

1
2
3
4
5
6
7
8
9
10
 
<dt onmouseover="javascript:montre('smenu1');">Démarche d'intervention </dt>
		<dd id="smenu1" onmouseover="javascript:montre('smenu1');" onmouseout="javascript:montre('');">
			<ul>
				<li>Qui sommes nous ?</li>
				<li>Portefeuille de compétences</li>
				<li>Logique proposée</li>
				<li>Expériences acquises</li>
			</ul>
		</dd>