High-Tech Santé Médecine Droit-Finances

Auto-Entrepreneur

Comment faire ?

Rechercher : dans
Par :

Menu deroulant vertical à plusieurs niveaux

Dernière réponse le 13 nov 2009 à 12:52:16 sakyna, le 20 mar 2009 à 14:13:06 
 Signaler ce message aux modérateurs

Bonjour,
j'ai un problème : je veux créer un menu vertical à plusieurs niveaux.
je veux que qu'au survol de la souris sur le menu, les sous menus s'affiche.
merci.

Configuration: Windows XP
Internet Explorer 7.0

Posez votre question Répondre

1

RAD ZONE, le 20 mar 2009 à 15:00:30
  • +2

Un exemple simple a adapter a tes besoins !

le html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>Menu Vertical
    </title>
    <link rel="stylesheet" type="text/css" href="MenuVer.css" />
  </head>
  <body>
    <ul class="menu"><li>
      <a href="#">Un</a>
      <ul><li>
        <a href="#">Niveau 1.1</a></li><li>
        <a href="#">Niveau 1.2</a></li>
      </ul></li><li>
      <a href="#">Deux</a>
      <ul><li>
        <a href="#">Niveau 2.1</a></li><li>
        <a href="#">Niveau 2.2</a></li><li>
        <a href="#">Niveau 2.3</a></li>
      </ul></li>
    </ul>
  </body>
</html>


et le css appele MenuVer.css 
ul.menu {
	list-style-type: none;
}
ul.menu ul {
	position: absolute;
	display: none;
	list-style-type: none;
	left: 80px;
}
ul.menu li a:link, ul.menu li a:visited {
	display: block;
	color: #800000;
	background: #a6a66f;
	width: 150px;
	text-decoration: none;
}

ul.menu li a:hover {
	background: #4e927b;
}

ul.menu li:hover > ul {
	display: block;
}
ul.menu a {
	border: 1px #6e5842 solid;
}

♣  La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une. ♣

   
Répondre à RAD ZONE

2

sakyna, le 23 mar 2009 à 15:10:28

Merci pour votre reponse

   
Répondre à sakyna

3

apollo13, le 9 avr 2009 à 11:27:58

Bonjour RAD ZONE,

J'ai testé ton menu et c'est tout à fait ce que je veux, par contre, j'aimerais que les sous menus ne s'affiche pas dans une popup au survol mais apparaissent sur un click sous le menu parent, pourrais tu m'aider?

Merci d'avance

   
Répondre à apollo13

4

RAD ZONE, le 9 avr 2009 à 11:41:56
  • +2

Salut

vas voir sur un de mes sites http://rad2.free.fr/

dans les menus , tu as le ClickShowHideMenu prend le .rar et adapte a tes besoin c est ce que tu demande

a+
♣  La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une. ♣

   
Répondre à RAD ZONE

5

apollo13, le 9 avr 2009 à 12:15:36

Super! merci beaucoup!!!
Par contre, est que ce menu gère les multi-niveaux?

   
Répondre à apollo13

6

RAD ZONE, le 9 avr 2009 à 13:06:14

Non pas dans l etat !! il faut creer une nouvelle id et lui donner des valeurs aussi bien dans la CSS que dans le js !!

je t en fais un vite fais !!
♣  La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une. ♣

   
Répondre à RAD ZONE

7

RAD ZONE, le 9 avr 2009 à 13:36:00

SALUT
Voila ton menu multi level !
DEMO

telecharge le ICI
♣  La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une. ♣

   
Répondre à RAD ZONE

14

frodolon, le 2 nov 2009 à 20:51:57

C'est exactement se que je veux faire mais je ni arrive po
pourrai tu maider merci

   
Répondre à frodolon

8

apollo13, le 9 avr 2009 à 15:13:03

Vraiment génial... Mille fois merci!
Encore une dernière question et après j'arrête de t'embêter :
J'ai mis des liens sur mon menu qui entraine un rechargement de ma page, du coup le menu est réinitialisé.
J'aimerais qu'il reste ouvert à l'endroit ou l'utilisateur a cliqué...
Une idée?

   
Répondre à apollo13

9

RAD ZONE, le 9 avr 2009 à 15:15:17

Regarde le premier que je t avais donne il y as un systeme de cookie !

mais pas facile a adapte le a celui la ????
♣  La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une. ♣

   
Répondre à RAD ZONE

10

apollo13, le 9 avr 2009 à 15:24:49

J'en suis absolument incapable... help!

   
Répondre à apollo13

11

RAD ZONE, le 9 avr 2009 à 16:44:08

Voila !

il resteras ouvert en fonction de l url mis sur le lien !ICI
♣  La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une. ♣

   
Répondre à RAD ZONE

15

 lady web, le 13 nov 2009 à 12:52:16

C'est CANON merci pour ton aide !

   
Répondre à lady web

12

apollo13, le 10 avr 2009 à 09:59:47

Merci RAD ZONE!!!
mon menu est terminé :)
Dernière question : le fichier js fonctionne très bien mais il a une drôle de tête, j'arrive pas à lire et j'aimerais voir le code...

   
Répondre à apollo13

13

apollo13, le 14 avr 2009 à 13:43:59

Bonjour RAD ZONE,

J'ai besoin de modifier la petite flèche du menu et je pense que c'est dans le javascript, peux tu me donner le code javascript non cripté stp?

merci d'avance!

   
Répondre à apollo13
Posez votre question Répondre
Ils ont besoin de votre aide