Créer une arborescence récursive

**Gabardin** · 29/11/2016, 11h54

Bonjour,

je veux afficher un tableau récursif j'affiche seulementle dernier malgré que je sois dans une boucle while, je souhaiterais que ceci face une arborescence grâce à la fonction.

Voilà mon code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
function afficher_menu($tb)
{
    // Pour chaque élément du tableau...
    foreach($tb as $key => $value)
    {
        // Si l'élément est un tableau, on appelle la fonction pour qu'elle le parcoure
        if(is_array($value))
        {
             echo $key.' :<ul>';
			 afficher_menu($value);
			 echo '</ul><br />';
		}
        else //Sinon, c'est un élément à afficher, alors on le liste !
        {
             echo '<li>'.$value.'</li>';
        }
    }
}
include('config.php5');
	$sql = mysql_query("SELECT DISTINCT * FROM produit p ORDER BY codeModele,codeSousFamille, codeLigne");
	while($data = mysql_fetch_array($sql))
	{
		$modele = $data['codeModele'];
		$sf = $data['codeSousFamille'];
		$ligne = $data['codeLigne'];
		echo $modele." - ".$sf." - ".$ligne."<br><br>";
		$tb = array(
					"$modele" =>array(
							"$sf"=>array("$ligne")));
	}
 
 afficher_menu($tb);

Ce que j'aimerais c'est que tant qu'il y'a des sf dans le" modèle" afficher et puis tant qu'il y'a des" lignes" dans sf afficher

Je développe :

Si mon champ $modele est different de celui qui est actuelle j'affiche le nouveaux sinon je rentre dans ma boucle $sf puis dans ma boucle $ligne

**Celira** · 29/11/2016, 14h05

C'est assez normal que tu n'affiches qu'une seule ligne : à chaque tour de boucle tu écrases ta variable $tb. Donc seule la valeur du dernier tour de boucle est conservée.
Il faut que tu alimentes $tb de façon un chouia plus subtile :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
$tab = array();
while($data = mysql_fetch_array($sql))
{
    $modele = $data['codeModele'];
    $sf = $data['codeSousFamille'];
    $ligne = $data['codeLigne'];
    echo $modele." - ".$sf." - ".$ligne."<br><br>";
 
    if (!isset($tb[$modele])) {
        $tb[$modele] = array();
    }
    if (!isset($tb[$modele][$sf]) {
        $tb[$modele][$sf] = array();
    }
    $tb[$modele][$sf][] = $ligne;
}

Au passage, l'API Mysql est obsolète depuis PHP 5.5 et supprimée en PHP 7. Il faudra envisager d'utiliser PDO ou mysqli à la place.

**Gabardin** · 29/11/2016, 14h11

Bonjour,

Je penserai à passer à mysqli. Je te remercie pour le code mais il ne fonctionne pas mais je vois que tu a laisser $tab et elle est rappeller avec $tb c'est normal?

Reedit : J'ai passé toutes les valeurs à $tab, mais ça ne fonctionne toujours pas.

ce qui me donne ce code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
function afficher_menu($tab)
{
    // Pour chaque élément du tableau...
    foreach($tab as $key => $value)
    {
        // Si l'élément est un tableau, on appelle la fonction pour qu'elle le parcoure
        if(is_array($value))
        {
             echo $key.' :<ul>';
			 afficher_menu($value);
			 echo '</ul>';
		}
        else //Sinon, c'est un élément à afficher, alors on le liste !
        {
             echo '<li>'.$value.'</li>';
        }
    }
}
include('config.php5');
	$sql = mysql_query("SELECT DISTINCT * FROM produit p ORDER BY codeModele,codeSousFamille, codeLigne");
	$tab = array();
	while($data = mysql_fetch_array($sql))
	{
		$modele = $data['codeModele'];
		$sf = $data['codeSousFamille'];
		$ligne = $data['codeLigne'];
		echo $modele." - ".$sf." - ".$ligne."<br><br>";
 
			if (!isset($tab[$modele])) 
			{
				$tab[$modele] = array();
			}
 
			if (!isset($tab[$modele][$sf]) 
			{
				$tab[$modele][$sf] = array();
			}
 
			$tab[$modele][$sf][] = $ligne;
	}
 
 
 afficher_menu($tab);

**Celira** · 29/11/2016, 14h46

Envoyé par Gabardin

je vois que tu a laisser $tab et elle est rappeller avec $tb c'est normal?

Oups! Effectivement, c'est soit $tab, soit $tb partout...

Qu'est-ce que tu obtiens comme résultat avec ton nouveau code ?

**Gabardin** · 29/11/2016, 14h54

Finalement j'ai trouvé j'avais pas vu que tu avais laisser le dernier entre crochet vide $tb[$modele][$sf][] = $ligne; donc j'ai rajouter $ligne au dernier et ça marche niquel. Par contre je me demander si il était possible de bien redefinir chaque sous menu ou pas. Pour pouvoir l'intégrer sur bootstrap

Invité · 29/11/2016, 14h57

Bonjour,

1/ il faut commencer par vérifier ce que contient $tab :

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<?php
var_dump($tab);

2/ Il faut ensuite vérifier aussi le code HTML obtenu. Surtout la bonne imbrication des <ul>,<li>....

**Gabardin** · 29/11/2016, 15h00

1/ J'ai utilisé la fonction var_dump et celà m'a donné

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

array(7) { [1]=> array(1) { [123]=> array(1) { ["sa55"]=> string(4) "sa55" } } ["Col droit"]=> array(1) { ["Manche courte"]=> array(1) { ["Femme"]=> string(5) "Femme" } } ["Col rond"]=> array(2) { ["Manche courte"]=> array(1) { ["Homme"]=> string(5) "Homme" } ["Manche longue"]=> array(1) { ["Homme"]=> string(5) "Homme" } } ["Col v"]=> array(1) { ["Manche courte"]=> array(1) { ["Homme"]=> string(5) "Homme" } } }

2/ Je n'es pas trop compris parce que quand j'affiche il est correctement imbriquer mais vu que j'ai une fonction afficher menu je ne peux pas afficher $modele ou je veux

J'ai deux petits problèmes:
- le premier est que il m'affiche une ligne blanche à chaque fois pour le dernier
- le second est il ne me met une puce qu'au premier venu donc si j'ai 4 modèles le premier à un point noir disant que c'est une liste les trois prochains n'ont rien.

**Gabardin** · 29/11/2016, 18h13

J'ai deux petits problèmes:
- le premier est que il m'affiche une ligne blanche à chaque fois pour le dernier
- le second est il ne me met une puce qu'au premier venu donc si j'ai 4 modèles le premier à un point noir disant que c'est une liste les trois prochains n'ont rien.

Invité · 29/11/2016, 19h04

Montre le code HTML généré.

**Gabardin** · 30/11/2016, 09h00

Bonjour,

il génère le code suivant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
Sans<ul><li>Manche longue<ul><li></li></ul><li>Sans<ul><li><li>000</li></li></ul><li>Ville<ul><li></li></ul><li></li></ul><li>Femme<ul><li>Sans<ul><li><li>MTN</li><li>ALP</li><li>000</li></li></ul><li></li></ul><li>Homme<ul><li>Sans<ul><li><li>MTN</li><li>000</li><li>000</li><li>000</li></li></ul><li></li></ul><li>

Invité · 30/11/2016, 10h01

BOnjour,

si je prends juste le début, on sent qu'il y a des problèmes

imbrication et de fermeture des balises
<li></li> vide

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
Sans
<ul>
	<li>Manche longue
	<ul>
		<li></li>
	</ul>
	<li>Sans
	<ul>
...

**Gabardin** · 30/11/2016, 10h04

Le problème vient de ma fonction afficher_menu().

J'ai réctifié le problème de mon premier arrivé. Mais pas la suite ou j'ai les li de vide ca je ne comprend pas

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
	function afficher_menu($tb)
	{
		// Pour chaque élément du tableau...
		foreach($tb as $key => $value)
		{
			// Si l'élément est un tableau, on appelle la fonction pour qu'elle le parcours
			if(is_array($value))
			{
				echo $key.'<ul><li>';
				 afficher_menu($value);
				echo '</li></ul><li>';
			}
			else //Sinon, c'est un élément à afficher, alors on le liste !
			{
				echo '<li>'.$value.'</li>';
			}
		}
	}

Reedit : Finalement, c'est pas le echo <ul> qui fallait rajouté ça me les as tous imbriqué l'un dans l'autre.
Il fallait bien gérer les ouverture et fermeture donc ce qui me donne :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
echo "<ul><li>".$key."<ul>";
				 afficher_menu($value);
				echo '</ul></li></ul>';

Ce code me génére ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<ul><li>Sans<ul><ul><li>Manche longue<ul></ul></li></ul><ul><li>Sans<ul><ul><li>Sans<ul><li>000</li></ul></li></ul></ul></li></ul><ul><li>Ville<ul></ul></li></ul></ul></li></ul><ul><li>Femme<ul><ul><li>Sans<ul><ul><li>Chaussure<ul><li>MTN</li></ul></li></ul><ul><li>Long<ul><li>000</li><li>ALP</li></ul></li></ul><ul><li>Soutien gorge<ul><li>000</li></ul></li></ul></ul></li></ul></ul></li></ul><ul><li>Homme<ul><ul><li>Sans<ul><ul><li>Chaussure<ul><li>MTN</li></ul></li></ul><ul><li>Long<ul><li>000</li></ul></li></ul><ul><li>Manche longue<ul><li>000</li></ul></li></ul><ul><li>Ville<ul><li>000</li></ul></li></ul></ul></li></ul></ul></li></ul>

Il y'a encore des balises qui s"ouvre et qui se ferme pour rien

Invité · 30/11/2016, 13h12

Bon.
Pour pouvoir tester, il me faut l'array...

Affiche le résultat de :

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

<?php json_encode( $tab );

**Gabardin** · 30/11/2016, 13h26

Le json_encode m'a générer le code suivant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

{"Sans":{"Sans":{"000":"000"}},"Femme":{"Sans":{"MTN":"MTN","000":"000","ALP":"ALP"}},"Homme":{"Sans":{"MTN":"MTN","000":"000"}}}

Invité · 30/11/2016, 15h57

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
function afficher_menu($tb)
{
	// Pour chaque élément du tableau...
	foreach($tb as $key => $value)
	{
		// Si l'élément est un tableau, on appelle la fonction pour qu'elle le parcours
		if(is_array($value))
		{
			echo '<li>'."\n";
			echo $key."\n";
			echo '<ul>'."\n";
			 afficher_menu($value);
			echo '</ul>'."\n";
			echo '</li>'."\n";
		}
		else //Sinon, c'est un élément à afficher, alors on le liste !
		{
			echo '<li>'.$value.'</li>'."\n";
		}
	}
}

Fonctionnement : il faut ajouter les 1er <ul> et </ul> :

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
echo '<ul>'; 
afficher_menu( $tab ); 
echo '</ul>';

On obtient (après avoir ajouté manuellement les tabulations) :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<ul>
	<li>
		Sans
		<ul>
			<li>
				Sans
				<ul>
					<li>000</li>
				</ul>
			</li>
		</ul>
	</li>
	<li>
		Femme
		<ul>
			<li>
				Sans
				<ul>
					<li>MTN</li>
					<li>000</li>
					<li>ALP</li>
				</ul>
			</li>
		</ul>
	</li>
	<li>
		Homme
		<ul>
			<li>
				Sans
				<ul>
					<li>MTN</li>
					<li>000</li>
				</ul>
			</li>
		</ul>
	</li>
</ul>

Invité · 30/11/2016, 16h07

Voici un code corrigé, incluant les tabulations et <ul> </ul> de début et fin :

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
function afficher_menu($tb, $niv)
{
	if( empty($niv) ) $niv = 0;
	if( $niv==0 ) {
		echo '<ul>'."\n";
	}
	// Pour chaque élément du tableau...
	foreach($tb as $key => $value)
	{
		// Si l'élément est un tableau, on appelle la fonction pour qu'elle le parcours
		if(is_array($value))
		{
			echo str_repeat("\t",$niv+1).'<li>'.$key."\n";
			echo str_repeat("\t",$niv+2).'<ul>'."\n";
			 afficher_menu( $value, $niv+1 );
			echo str_repeat("\t",$niv+2).'</ul>'."\n";
			echo str_repeat("\t",$niv+1).'</li>'."\n";
		}
		else //Sinon, c'est un élément à afficher, alors on le liste !
		{
			echo str_repeat("\t",$niv+2).'<li>'.$value.'</li>'."\n";
		}
	}
	if( $niv==0 ) {
		echo '</ul>'."\n";
	}
}

Fonctionnement :

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

afficher_menu( $tab, 0 );

Résultat :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<ul>
	<li>Sans
		<ul>
		<li>Sans
			<ul>
				<li>000</li>
			</ul>
		</li>
		</ul>
	</li>
	<li>Femme
		<ul>
		<li>Sans
			<ul>
				<li>MTN</li>
				<li>000</li>
				<li>ALP</li>
			</ul>
		</li>
		</ul>
	</li>
	<li>Homme
		<ul>
		<li>Sans
			<ul>
				<li>MTN</li>
				<li>000</li>
			</ul>
		</li>
		</ul>
	</li>
</ul>

**Gabardin** · 05/12/2016, 09h10

Bonjour,

Je n'es pas pu me reconnecté depuis la dernière fois suite à des raisons personnelles.
Ton code fonctionne niquel par contre j'ai un petit problème avec le menu pour l'adapter sur bootstrap. Je n'arrive pas à l'afficher comme je le souhaite :
Le code du menu que je veux afficher ressemble à sa :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
 
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>Menu Plusieurs niveaux</title>
		<meta name="viewport" content="width=device-width, initial-scale=1">
 
		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css">
		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap-theme.min.css">
		<link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
 
 
 
		<style>
			.dropdown-submenu{position:relative;}
			.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
			.dropdown-submenu:hover>.dropdown-menu{display:block;}
			.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
 
		</style>
 
	</head>
	<body>
 
 
			<nav class="navbar navbar-inverse">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#main-menu">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<a class="navbar-brand hidden-md hidden-lg" href="#">Menu</a>
				</div>
 
				<div class="collapse navbar-collapse" id="main-menu" style="margin-bottom: 0px;">
					<ul class="nav navbar-nav">
 
									<?php
	include('config.php5');
	function afficher_menu($tb, $niv)
	{
		if( empty($niv) ) $niv = 0;
		if( $niv==0 ) {
			echo '<ul>'."\n";
		}
		// Pour chaque élément du tableau...
		foreach($tb as $key => $value)
		{
			// Si l'élément est un tableau, on appelle la fonction pour qu'elle le parcours
			if(is_array($value))
			{
				echo str_repeat("\t",$niv+1).'<li>'.$key."\n";
				echo str_repeat("\t",$niv+2).'<ul>'."\n";
				 afficher_menu( $value, $niv+1 );
				echo str_repeat("\t",$niv+2).'</ul>'."\n";
				echo str_repeat("\t",$niv+1).'</li>'."\n";
			}
			else //Sinon, c'est un élément à afficher, alors on le liste !
			{
				echo str_repeat("\t",$niv+2).'<li>'.$value.'</li>'."\n";
			}
		}
		if( $niv==0 ) {
			echo '</ul>'."\n";
		}
	}
 
	$sql = mysql_query("SELECT DISTINCT * FROM produit p WHERE codeModele = 'Sans' ORDER BY codeModele,codeSousFamille,codeMarque,codeLigne");
	$tb = array();
	// $req = mysql_query('SELECT * FROM Menu WHERE actif="1" ORDER BY ordre_menu');
		// while( $numero = mysql_fetch_array($req))
		// {
			// $nom = $numero['nom'];
			// $ordre = $numero['ordre_menu'];
		while($data = mysql_fetch_array($sql))
		{
			$modele = $data['codeModele'];
			$sf = $data['codeSousFamille'];
			$marque = $data['codeMarque'];
			$ligne = $data['codeLigne'];
			$libelle = $data['libelle'];
 
			if (!isset($tb[$ligne])){
				$tb[$ligne] = array();
			}
 
			if (!isset($tb[$ligne][$modele])){
				$tb[$modele] = array();
			}
 
			if (!isset($tb[$ligne][$modele][$sf])) {
				$tb[$ligne][$modele][$sf] = array();
			}
 
			// if (!isset($tb[$ligne][$modele][$sf][$marque])) {
				// $tb[$ligne][$modele][$sf][$marque] = array();
			// }
				$tb[$ligne][$modele][$sf][$marque] = $marque;
 
		}
		// }
		afficher_menu( $tb, 0 );
 
?>
 
							<li class="dropdown"><a data-toggle="dropdown" href="#"><?php  echo $daty['codeModele']; ?><b class="caret"></b></a>	
								<ul class="dropdown-menu jqueryFadeIn">
									<li class="dropdown-submenu">
										<a data-toggle="dropdown" tabindex="-1" href="#"><?php echo $daty['codeSousFamille']; ?></a>
											<ul class="dropdown-menu">
												<li class="dropdown-submenu">
													<a data-toggle="dropdown" tabindex="-2" href="#"><?php echo $daty['codeLigne']; ?></a>
														<ul class="dropdown-menu">
															<li>
															<a data-toggle="dropdown" tabindex="-1" href="#"><?php echo $daty['libelle']; ?></a> 
															</li>
														</ul>
												</li>
											</ul>
									</li>
								</ul>
						</li>
					</ul>
				</div>
			</nav>
 
		<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
		<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>			
		<script>
		$(function() {
			// Affichage du sous menu en douceur
			jQuery('ul.nav li.dropdown').hover(function() {
			  jQuery(this).find('.jqueryFadeIn').stop(true, true).delay(200).fadeIn();
			}, function() {
			  jQuery(this).find('.jqueryFadeIn').stop(true, true).delay(200).fadeOut();
			});
 
		});		
		</script>
	</body>
</html>

Je n'arrive pas à imbriqué plusieurs menus, il affiche la ligne lorsqu'on clique il affiche bien le modèle par contre la suite ne fonctionne pas

Invité · 05/12/2016, 09h41

Bonjour,

1/ montre le code HTML généré (sans PHP) -> "afficher le code source" ou "Ctrl"+"U"

2/ le script de la fonction n'est pas obligé d'^tre à l'endroit où le code sera écrit.
Il peut/doit se mettre avant le <doctype>.

**Gabardin** · 05/12/2016, 09h53

Le code générer est le suivant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>Menu Plusieurs niveaux</title>
		<meta name="viewport" content="width=device-width, initial-scale=1">
 
		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css">
		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap-theme.min.css">
		<link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
 
 
 
		<style>
			.dropdown-submenu{position:relative;}
			.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
			.dropdown-submenu:hover>.dropdown-menu{display:block;}
			.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
 
		</style>
 
	</head>
	<body>
 
 
			<nav class="navbar navbar-inverse">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#main-menu">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<a class="navbar-brand hidden-md hidden-lg" href="#">Menu</a>
				</div>
 
				<div class="collapse navbar-collapse" id="main-menu" style="margin-bottom: 0px;">
					<ul class="nav navbar-nav">
 
	<li class="dropdown"><a data-toggle="dropdown" href="#">Sans<b class="caret"></b></a>			<ul class="dropdown-menu">
		<li class="dropdown"><a data-toggle="dropdown" href="#"><b class="caret"></b></a>				<ul class="dropdown-menu">
			<li class="dropdown"><a data-toggle="dropdown" href="#">000<b class="caret"></b></a>					<ul class="dropdown-menu">
					<li></li>
				</ul>
			</li>
			</ul>
		</li>
		<li class="dropdown"><a data-toggle="dropdown" href="#">Accessoire<b class="caret"></b></a>				<ul class="dropdown-menu">
			<li class="dropdown"><a data-toggle="dropdown" href="#">Sans<b class="caret"></b></a>					<ul class="dropdown-menu">
					<li>000</li>
				</ul>
			</li>
			</ul>
		</li>
		<li class="dropdown"><a data-toggle="dropdown" href="#">Manche longue<b class="caret"></b></a>				<ul class="dropdown-menu">
			<li class="dropdown"><a data-toggle="dropdown" href="#">Sans<b class="caret"></b></a>					<ul class="dropdown-menu">
					<li>000</li>
				</ul>
			</li>
			</ul>
		</li>
		<li class="dropdown"><a data-toggle="dropdown" href="#">Sans<b class="caret"></b></a>				<ul class="dropdown-menu">
			<li class="dropdown"><a data-toggle="dropdown" href="#">Sans<b class="caret"></b></a>					<ul class="dropdown-menu">
					<li>000</li>
				</ul>
			</li>
			</ul>
		</li>
		</ul>
	</li>
	<li class="dropdown"><a data-toggle="dropdown" href="#">sa55<b class="caret"></b></a>			<ul class="dropdown-menu">
		<li class="dropdown"><a data-toggle="dropdown" href="#">123<b class="caret"></b></a>				<ul class="dropdown-menu">
			<li class="dropdown"><a data-toggle="dropdown" href="#">1<b class="caret"></b></a>					<ul class="dropdown-menu">
					<li></li>
					<li>0000-00-00 00:00:00</li>
				</ul>
			</li>
			</ul>
		</li>
		</ul>
	</li>
	<li class="dropdown"><a data-toggle="dropdown" href="#">Femme<b class="caret"></b></a>			<ul class="dropdown-menu">
		<li class="dropdown"><a data-toggle="dropdown" href="#">Manche courte<b class="caret"></b></a>				<ul class="dropdown-menu">
			<li class="dropdown"><a data-toggle="dropdown" href="#">Col droit<b class="caret"></b></a>					<ul class="dropdown-menu">
					<li>000</li>
				</ul>
			</li>
			</ul>
		</li>
		<li class="dropdown"><a data-toggle="dropdown" href="#">Chaussure<b class="caret"></b></a>				<ul class="dropdown-menu">
			<li class="dropdown"><a data-toggle="dropdown" href="#">Fermeture Zip<b class="caret"></b></a>					<ul class="dropdown-menu">
					<li>000</li>
				</ul>
			</li>
			<li class="dropdown"><a data-toggle="dropdown" href="#">Sans<b class="caret"></b></a>					<ul class="dropdown-menu">
					<li>MTN</li>
				</ul>
			</li>
			</ul>
		</li>
		<li class="dropdown"><a data-toggle="dropdown" href="#">Long<b class="caret"></b></a>				<ul class="dropdown-menu">
			<li class="dropdown"><a data-toggle="dropdown" href="#">Sans<b class="caret"></b></a>					<ul class="dropdown-menu">
					<li>000</li>
					<li>ALP</li>
				</ul>
			</li>
			</ul>
		</li>
 
				</ul>
			</li>
			</ul>
		</li>
		</ul>
	</li>
	<li class="dropdown"><a data-toggle="dropdown" href="#">Homme<b class="caret"></b></a>			<ul class="dropdown-menu">
		<li class="dropdown"><a data-toggle="dropdown" href="#">Manche courte<b class="caret"></b></a>				<ul class="dropdown-menu">
			<li class="dropdown"><a data-toggle="dropdown" href="#">Col rond<b class="caret"></b></a>					<ul class="dropdown-menu">
					<li>000</li>
				</ul>
			</li>
			<li class="dropdown"><a data-toggle="dropdown" href="#">Col v<b class="caret"></b></a>					<ul class="dropdown-menu">
					<li>000</li>
				</ul>
			</li>
			</ul>
		</li>
		<li class="dropdown"><a data-toggle="dropdown" href="#">Manche longue<b class="caret"></b></a>				<ul class="dropdown-menu">
			<li class="dropdown"><a data-toggle="dropdown" href="#">Col rond<b class="caret"></b></a>					<ul class="dropdown-menu">
					<li>000</li>
				</ul>
			</li>
			<li class="dropdown"><a data-toggle="dropdown" href="#">Sans<b class="caret"></b></a>					<ul class="dropdown-menu">
					<li>000</li>
				</ul>
			</li>
			</ul>
		</li>
		<li class="dropdown"><a data-toggle="dropdown" href="#">Basket<b class="caret"></b></a>				<ul class="dropdown-menu">
			<li class="dropdown"><a data-toggle="dropdown" href="#">Lacets<b class="caret"></b></a>					<ul class="dropdown-menu">
					<li>000</li>
					<li>ALP</li>
				</ul>
			</li>
			</ul>
		</li>
		<li class="dropdown"><a data-toggle="dropdown" href="#">Ville<b class="caret"></b></a>				<ul class="dropdown-menu">
			<li class="dropdown"><a data-toggle="dropdown" href="#">Lacets<b class="caret"></b></a>					<ul class="dropdown-menu">
					<li>ALP</li>
				</ul>
			</li>
			<li class="dropdown"><a data-toggle="dropdown" href="#">Sans<b class="caret"></b></a>					<ul class="dropdown-menu">
					<li>000</li>
				</ul>
			</li>
			</ul>
		</li>
		<li class="dropdown"><a data-toggle="dropdown" href="#">Long<b class="caret"></b></a>				<ul class="dropdown-menu">
			<li class="dropdown"><a data-toggle="dropdown" href="#">Sans<b class="caret"></b></a>					<ul class="dropdown-menu">
					<li>000</li>
				</ul>
			</li>
			</ul>
		</li>
		<li class="dropdown"><a data-toggle="dropdown" href="#">Chaussure<b class="caret"></b></a>				<ul class="dropdown-menu">
			<li class="dropdown"><a data-toggle="dropdown" href="#">Sans<b class="caret"></b></a>					<ul class="dropdown-menu">
					<li>MTN</li>
				</ul>
			</li>
			</ul>
		</li>
		</ul>
	</li>
 
				</div>
			</nav>
 
		<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
		<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>			
		<script>
		$(function() {
			// Affichage du sous menu en douceur
			jQuery('ul.nav li.dropdown').hover(function() {
			  jQuery(this).find('.jqueryFadeIn').stop(true, true).delay(200).fadeIn();
			}, function() {
			  jQuery(this).find('.jqueryFadeIn').stop(true, true).delay(200).fadeOut();
			});
 
		});		
		</script>
	</body>
</html>

D'accord je le déplace merci pour l'information.