Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

PHP & Base de données Discussion :

Structurer menu en fonction d'une base de données


Sujet :

PHP & Base de données

  1. #1
    Nouveau membre du Club
    Structurer menu en fonction d'une base de données
    Bonsoir,

    J'ai un menu qui contient en titre le nom des catégories. En sous-menu quand je le déroule (animé via javascript), je voudrais afficher tous les produits qui appartiennent à cette catégorie.

    J'ai essayé ceci mais ça ne fonctionne pas :
    Code php :Sélectionner tout -Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    <?php foreach ( $categories as $cat ): ?>
                        <li class="titre-categorie"><?php echo $cat['c_name'] ?><i class="fas fa-plus fleche"></i>
                        </li>
                        <ul class="ss-titre-categorie">
                            <?php foreach ( $produits as $p ) : ?>
                               <?php if ( $cat['c_id'] == $p['c_id'] ) { ?>
                                    <li data-id=<?php echo $p['c_id'] ?>><?php echo $p['p_name'] ?></li>
                                <?php }endforeach; ?>
                        </ul>
                    <?php endforeach; ?>


    Je dois structurer mon code via une architecture MVC. Est-il possible de passer via un lien (par exemple en cliquant sur le titre) ou autre l'id de la catégorie et du coup récupérer les produits en fonction ? Il faudrait cependant que la page ne se recharge pas (ajax)
    Est-ce que vous voyez un autre moyen sinon ?

  2. #2
    Membre émérite
    Salut,

    Pourquoi ton code ne fonctionne pas ? ça me parait pourtant bon.

    Pour ajax, oui tu peux le faire, mais je pense que ce n'est pas vraiment utile, parce que d'habitude un menu est prêt quand la page est chargée.

    Mais si tu veux personnaliser ton traitement et utiliser Ajax, tu peux par exemple stocker le id de la catégorie dans un attribut "data-idcat"
    Code :Sélectionner tout -Visualiser dans une fenêtre à part
    <li class="titre-categorie" data-idcat="<?php echo $cat['c_id'];?>">.....</li>


    Après tu récupère la valeur de l'id catégorie via un déclencheur d'événement "click" pour lancer une requête ajax

  3. #3
    Modérateur

    Bonjour,
    Je te conseille d'utiliser Ajax en suivant les étapes ci après :
    - tu charges les catégories dans un tableau ;
    - tu parcours le tableau des catégories et construis ton menu. Afin de retrouver les items du menu de façon unique, tu ajoutes à chacun l'attribut id en lui donnant la valeur du code de la catégorie.
    - ton menu construit et prêt, tu gères l'événement click sur les items et tu récupères l'id de ce dernier qui contient le code de la catégorie, tu envoies une requête Ajax pour charger et construite le sous menu comme tu avais fait pour le menu.

    Désolé de ne t'avoir pas donné de portions de code, je réponds depuis mon téléphone.

    Christian Djo,
    Plus tu apprends sérieusement, plus tu te rapproches d'un savoir noble. Une chose est certaine, les difficultés ne s'écarteront de ton chemin...

    Tu es nouveau dans le développement Android, la page des COURS est là pour te faciliter la vie
    Tu peux trouver la réponse à ta question dans la FAQ
    Retrouvez mon tutoriel sur la consommation des services web SOAP
    Pense à voter positivement en appuyant sur en bas à droite de la réponse qui t'a donné une piste de solution.

  4. #4
    Invité
    Invité(e)
    Bonjour,

    Citation Envoyé par Toufik83 Voir le message
    ...Pour ajax, oui tu peux le faire, mais je pense que ce n'est pas vraiment utile, parce que d'habitude un menu est prêt quand la page est chargée....
    Je suis d'accord avec Toufik83.

    1- Un menu (même un "maxi-menu"), n'est pas censé avoir 10 000 entrées (ou alors, c'est qu'il est mal conçu).
    Donc, on doit pouvoir tout charger en PHP, sans besoin d'appeler Ajax.

    2- "Ca ne fonctionne pas" n'apporte AUCUNE information utile.
    Explique.

    3- Par contre, le code HTML n'est pas correct : il faut que le <ul>...</ul> du sous-menu soit DANS le <li>...</li> du menu :
    Code :Sélectionner tout -Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
             <li class="titre-categorie">...
                        <ul class="ss-titre-categorie">
     ...
                        </ul>
             </li>

  5. #5
    Nouveau membre du Club
    Bonjour !

    Merci à tous pour vos réponses. Vu que ça ne fonctionnait toujours pas (produits pas en adéquation avec les catégories) je suis passée par Ajax et du coup je récupère bien les produits pour chaque catégories