Discussion :

[skywhi]

Bonjour à tous!
Dans le cadre de la création d'un petit site, je voudrais afficher un menu accordéon (avec donc des sous menus) à l'aide d'une boucle while afin que le rendu soit comme sur cette photo: http://hpics.li/470d4e9

Voici le code html de ce menu:

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
39
40
41
42
43
44
45
<div id="accordion">
<h3>Bijoux fantaisie</h3>
<div>
<p><a href="">Tous les produits It Bijoux</a></p>
<p><a href="">Tous les produits bijoux fantaisie</a></p>
<p><a href="">Nouveautés bijoux fantaisie</a></p>
<p><a href="">Promotions bijoux fantaisie</a></p>
<p><a href="">Boucles d'oreilles bijoux fantaisie</a></p>
<p><a href="">Bagues bijoux fantaisie</a></p>
<p><a href="">Bracelets bijoux fantaisie</a></p>
<p><a href="">Colliers bijoux fantaisie</a></p>
<p><a href="">Noir et blanc bijoux fantaisie</a></p>
<p><a href="">Couleurs bijoux fantaisie</a></p>
</div>
<h3>Bijoux argent</h3>
<div>
<p><a href="">Tous les produits It bijoux</a></p>
<p><a href="">Tous les produits bijoux argent</a></p>
<p><a href="">Nouveautés bijoux argent</a></p>
<p><a href="">Promotions bijoux argent</a></p>
<p><a href="">Boucles d'oreilles bijoux argent</a></p>
<p><a href="">Bagues bijoux argent</a></p>
<p><a href="">Bracelets bijoux argent</a></p>
<p><a href="">Colliers bijoux argent</a></p>
<p><a href="">Noir et blanc bijoux argent</a></p>
<p><a href="">Couleurs bijoux argent</a></p>
</div>
<h3>Accessoires mode</h3>
<div>
<p><a href="">Tous les produits It bijoux</a></p>
<p><a href="">Tous les accessoires mode</a></p>
<p><a href="">Nouveautés accessoires mode</a></p>
<p><a href="">Promotions accessoires mode</a></p>
<p><a href="">Boucles d'oreilles accessoires mode</a></p>
<p><a href="">Bagues accessoires mode</a></p>
<p><a href="">Bracelets accessoires mode</a></p>
<p><a href="">Colliers accessoires mode</a></p>
<p><a href="">Noir et blanc accessoires mode</a></p>
<p><a href="">Couleurs accessoires mode</a></p>
</div>
<h3>Créateurs</h3>
<div>
<p><a href="">Tous les créateurs</a></p>
</div>
</div>

J'ai donc créé dans ma base de données 2 tables: t_menu (pour les catégories) et t_sousmenu (pour les sous catégories).
Photos ci-joint: http://hpics.li/643a436
http://hpics.li/f442850

Je parviens à afficher les catégories à l'aide de ce code mais je ne parviens pas à faire une seconde boucle dans la boucle pour qu'elle affiche les sous-catégories correspondantes aux catégories (si sousCategorieId = 1 > Bijoux fantaisie, si 2 > Bijoux argent, etc...):

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
echo '<div id="accordion">';
 
  $query = "SELECT *
            FROM t_menu
            WHERE afficheCategorie = 1
            ORDER BY ordreCategorie";
  $result = mysql_query($query);
 
  while ($row = mysql_fetch_array($result)){
    echo '<h3>'.$row['lienCategorie'].'</h3>
          <div></div>';  
  }
  echo'</div>';

Pouvez-vous, s'il vous plait, m'éclairer car j'avoue que je suis perdue! Merci d'avance!

[demenvil]

Alors ce n'est pas trop compliqué
Soit tu pars comme tu as fait là, une première requete donc :

Code :

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

1
2
3
4
5
6
7
 
<?php
$query = "SELECT *
            FROM t_menu
            WHERE afficheCategorie = 1
            ORDER BY ordreCategorie";
            ?>

Puis dans ta première boucle : tu sélectionnes les sous cat de ton menu par son id.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<div id="accordion">
<?php
while ($row = mysql_fetch_array($result)):
	$sousMenu = "select * from t_sousmenu where sousCategorieId = '".$row['categorieId']."' order by ordreSousCat ASC"; ?>
		<h3><?=$row['lienCategorie'];?></h3>
	<div>
	<?php while($sousMenuData = mysql_fetch_array($sousMenu)):?>
		<p><?=$sousMenuData['lienSousCat'];?></p>
		<?php endwhile;?>
	</div>';  
<?php endwhile;?>
</div> <!-- fin de div #accordion -->

Voilà un truc dans le genre, bon ce n'est pas du code tester hein