IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
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

jQuery Discussion :

List déroulante JQUERY PHP MYSQL


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Homme Profil pro
    Inscrit en
    Juillet 2008
    Messages
    58
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Juillet 2008
    Messages : 58
    Par défaut List déroulante JQUERY PHP MYSQL
    Bonjour,

    Sa fait maintenant plusieurs jours que je me casse la tête sur un problème lié à l'affichage du résultat d'une liste déroulante, je vous explique:

    je chercher à sortir de ma base MySQL les champs classé par type (ex:electricitée, sécuritée, etc..) en gros :

    Electricité
    |_>ste 1
    ste 2
    ste 3
    sécurité
    |_>ste1
    ste 2
    ste 3
    ste 4
    etc...
    jusqu'à la pas de problème ma requête sql fonctionne à parfaitement et le php fait parfaitement sont office :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
     
    while ($retour = $reqFour->fetch(PDO::FETCH_ASSOC))
                  {  
                  //Condition qui affiche une seule fois le type de métier
    	       if ($retour['Lib'] != $rubrique)
                           { 
    			   $rubrique = $retour['Lib'];
    			   echo "<div class='slidedown_head'><h2>".$rubrique."</h2></div>";  
    			}
    			   echo "<div class='slidedown_body'>".$retour['Entreprise']."-".$retour['Lib']."</div>";
    		}//Fin boucle
    En revanche ce que je maitrise moins c'est la partie jquery, car si je fait :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
     
       $('.slidedown_head').click(function (){
    	  $(this).next('.slidedown_body').slideToggle();
    j'obtient bien l'effet escompté de slide si je click sur la rubrique, mais que sur la première ligne du retour de ste (soit dans mon cas $retour['Entreprise']) et pas l'ensemble des ste .
    Je voulais donc savoir si quelqu'un pouvait me dire pourquoi ?.

  2. #2
    Expert confirmé
    Avatar de Watilin
    Homme Profil pro
    En recherche d'emploi
    Inscrit en
    Juin 2010
    Messages
    3 099
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 36
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations professionnelles :
    Activité : En recherche d'emploi

    Informations forums :
    Inscription : Juin 2010
    Messages : 3 099
    Par défaut
    Le JavaScript fait exactement ce que tu lui dis de faire
    Regarde ton code HTML généré (Ctrl+U) : tu as autant de <div class='slidedown_body'> qu'il y a de lignes dans le résultat de ta requête SQL.

    Soit tu utilises .nextAll() à la place de .next() (mais il faudra ruser pour que seuls les div de la rubrique concernée soient repliées), soit tu modifies ton PHP pour que tous les résultats de la même rubrique soient dans la même div.
    La FAQ JavaScript – Les cours JavaScript
    Touche F12 = la console → l’outil indispensable pour développer en JavaScript !

  3. #3
    Membre confirmé
    Homme Profil pro
    Inscrit en
    Juillet 2008
    Messages
    58
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Juillet 2008
    Messages : 58
    Par défaut
    Merci pour ton retour Watilin,

    Après plusieurs tests c'est bien ce que je constate, je pense que je vais donc revoir la partie PHP afin de mettre tout les résultat dans une chaine et non un tableau.

    Merci

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [AJAX] 3 listes déroulantes liées PHP/MYSQL/AJAX
    Par zied.ellouze dans le forum AJAX
    Réponses: 2
    Dernier message: 06/09/2011, 12h58
  2. 6 listes déroulantes liées php JavaScript mysql
    Par s1sofiane dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 11/03/2011, 10h10
  3. [MySQL] 2 listes déroulantes avec php et mysql
    Par SHERPAE dans le forum PHP & Base de données
    Réponses: 2
    Dernier message: 26/12/2007, 13h04
  4. [PHP-JS] Liste déroulante + Javascript + Php et Mysql : Besoin d'aide
    Par vampyrx dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 19/03/2006, 01h40

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo