Page 1 sur 1

Menus déroulants dynamiques

Posté : 22 nov. 2013, 17:13
par dj_mez
Bonjour,

J'aimerais savoir s'il n'y a pas un tuto concernant ce que je souhaite réaliser.

Je souhaites faire une série de menus déroulants, si possible, le 1er est visible, ensuite, après avoir choisi, le 2e est visible etc.

Dans le 1er menu, je choisis une catégorie, ensuite, le 2e s'affiche et me propose un choix de produits (par exemle), ensuite, le 3e s'affiche et me propose un choix de taille (par exemple) et ensuite, le prix (par exemple) s'affiche.

Merci d'avance de m'éclairer.

Je pense qu'il doit y avoir une histoire de boucles, et de tables...

Re: Menus déroulants dynamiques

Posté : 28 nov. 2013, 02:58
par dj_mez
Personne pour m'aider ?

Re: Menus déroulants dynamiques

Posté : 28 nov. 2013, 11:52
par xTG
Sur le même principe nous avons un bon article :
faq-tutoriels/listes-liees-avec-html-ja ... 55580.html

L'adaptation à faire n'est que pour l'affichage dans ton cas. :)

Re: Menus déroulants dynamiques

Posté : 30 nov. 2013, 00:42
par dj_mez
Je te remercie.

Je vais jeter un oeil et vous tiens au courant.

Re: Menus déroulants dynamiques

Posté : 30 nov. 2013, 17:45
par dj_mez
ça fonctionne mais moi je veux récupérer les données d'une base de données et afficher en fonction de son contenu les menus déroulants avec le prix qui va avec un produit choisi pour récrire la commande dans une base et imprimer un bon

Re: Menus déroulants dynamiques

Posté : 30 nov. 2013, 19:30
par xTG
Le tutoriel est avec des données en dur mais il te suffit de faire une boucle sur ton retour de requête pour construire dynamiquement le HTML de tes menus. :)

De la même façon qu'on listerai des éléments par exemple :
$elements = array(
array('id' => 1, 'nom' => "Catégorie 1"),
array('id' => 1, 'nom' => "Sous-titre 1"),
array('id' => 1, 'nom' => "Sous-titre 2"),
array('id' => 2, 'nom' => "Catégorie 2"),
array('id' => 2, 'nom' => "Sous-titre 1"),
);
$derniereCategorie = NULL;
echo "<ul>";
foreach($elements as $element)
{
    if( $derniereCategorie !== NULL && $derniereCategorie != $element['id'] )
    {
      echo "</ul>";
    }
    echo "<li>" . $element['nom'] . "</li>";
    if( $derniereCategorie != $element['id'] )
    {
      echo "<ul>";
    }
    $derniereCategorie = $element['id'];
}
if( $derniereCategorie !== NULL )
  echo "</ul>";
echo "</ul>";

Code : Tout sélectionner

<ul> <li>Catégorie 1</li> <ul> <li>Sous-titre 1</li> <li>Sous-titre 2</li> </ul> <li>Catégorie 2</li> <ul> <li>Sous-titre 1</li> </ul> </ul>