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

JavaScript Discussion :

Aide : Générer dynamiquement une liste déroulante ( dépendante de 2 premières ) [Fait]


Sujet :

JavaScript

  1. #1
    Candidat au Club
    Inscrit en
    Mai 2008
    Messages
    2
    Détails du profil
    Informations forums :
    Inscription : Mai 2008
    Messages : 2
    Points : 2
    Points
    2
    Par défaut Aide : Générer dynamiquement une liste déroulante ( dépendante de 2 premières )
    Bonjour,
    Un énième poste sur les select.
    Je dois modifier une site :
    Avant on choisissait des salles en fonction d'un site. Je dois faire en sorte maintenant qu'on doit choisir une ville qui va déterminer un site puis enfin choisir le site.
    Alors certes je connais et sais faire avec le rechargement de la page sans problème. Mais graphiquement la position de mon <select> m'empèche d'utiliser cette solution de manière propre, car l'utilisateur rentre des informations avant.
    j'ai modifier une fonction javascript pour obtenir la génération dynamique des deux premier select :
    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
    <SCRIPT LANGUAGE="JavaScript">
    function ModifierListe(code_item)
    {
       lg = document.nom_formulaire.id_area.length;
       // On vide la liste
       for (i = lg - 1; i >= 0; i--)
       {
         document.nom_formulaire.id_area.options[i] = null;
       }
       code_rub = document.nom_formulaire.id_city.selectedIndex;
     
     
       <?php
       // Génération des Items par Rubriques
       // Cas où aucun domaine n'a été précisé
       echo "  if (document.nom_formulaire.id_city.options[code_rub].value == -1) {\n";
       echo "    document.nom_formulaire.id_area.length = 1;\n";
       echo "    document.nom_formulaire.id_area.options[0].value = -1;\n";
       echo "    document.nom_formulaire.id_area.options[0].text  = \"------\";\n";
       echo "    if (code_item == -1) document.nom_formulaire.id_area.options[0].selected = true;\n";
       echo "  }\n";
       // Cas où un domaine a été précisé
       $sql = "SELECT id FROM city ORDER BY  c_name";
       $resultat = sql_query($sql);
       $max_lignes = 0;
       $option_max = '';
     
        for ($enr = 0; ($row = sql_row($resultat, $enr)); $enr++)
        {
         $sql  = "SELECT id, a_name, id_a ";
         $sql .= "FROM site ";
         $sql .= "WHERE id='".$row[0]."'";
         $sql .= "ORDER BY a_name";
         $resultat2 = sql_query($sql);
         echo "  if (document.nom_formulaire.id_city.options[code_rub].value == ".$row[0].") {\n";
         echo "    document.nom_formulaire.id_area.length = ".(sql_count($resultat2)+1).";\n";
         $cpt = 0;
         echo "    document.nom_formulaire.id_area.options[0].value = -1;\n";
         echo "    document.nom_formulaire.id_area.options[0].text  = \"".$vocab["default_room_all"]."\";\n";
         echo "    if (code_item == -1) document.nom_formulaire.id_area.options[0].selected = true;\n";
         $cpt++;
            for ($enr2 = 0; ($row2 = sql_row($resultat2, $enr2)); $enr2++)
            {
           echo "    document.nom_formulaire.id_area.options[".$cpt."].value = ".$row2[0].";\n";
           echo "    document.nom_formulaire.id_area.options[".$cpt."].text  = \"".$row2[1]." ".$vocab["display_week"]."\";\n";
           echo "    if (code_item == ".$row2[0].") document.nom_formulaire.id_area.options[".$cpt."].selected = true;\n";
           $cpt++;
           if ($cpt > $max_lignes) $max_lignes = $cpt;
           if (strlen($row2[1]) > strlen($option_max)) $option_max = $row2[1];
    	 }
    	 echo "  }\n";
    	   }
          ?>
    }
    Avec ceci j'obtiens bien la dynamique souhaité entre le choix des villes et des sites, le code php :
    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
    <?php
        #Liste des domaines
    $sql = "SELECT id, c_name FROM city ORDER BY c_name";
    $resultat = sql_query($sql);
    ?>
    <table><tr><td>
    <?php
    echo "<h4>".$vocab["explain_default_area_and_room"]."</h4>";
     
    echo "<table ><tr><td>Ville </td><td>";
    echo "<SELECT NAME='id_city' onChange='ModifierListe(-1)'>\n";
    echo "<OPTION VALUE='-1'>Choisissez une ville</OPTION>\n";
    for ($enr = 0; ($row = sql_row($resultat, $enr)); $enr++)
    {
      echo "<OPTION VALUE='".$row[0]."'";
      if ($default_c == $row[0]) echo " SELECTED";
      echo ">".htmlspecialchars($row[1]);
      echo "</OPTION>\n";
    }
    echo "</SELECT></td></tr>\n";
        #Liste des ressources
    echo "<tr><td>Site par défault</td><td>";
    echo "<SELECT NAME='id_area'>\n";
    for ($cpt = 0; $cpt < $max_lignes; $cpt++)
      echo "<OPTION>".ereg_replace(".", "--", $option_max)."</OPTION>\n";
    echo "</SELECT></td></tr>\n";
    echo "<SCRIPT LANGUAGE='JavaScript'>\n;ModifierListe(".$id_area.");\n</SCRIPT>\n";
    Donc voilà mon problème actuel est que je n'arrive pas à rajouter le code nécessaire pour générer les salles en fonction des sites.
    J'ai essayé de rajouter une boucle for dans la fonction javascript :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
         $sql  = "SELECT id, r_name, id_a ";
         $sql2 .= "FROM salle ";
         $sql2 .= "WHERE id_a='".$row2[0]."'";
         $sql2 .= "ORDER BY r_name";
         $resultat3 = sql_query($sql2);
     
     
     for ($enr3 = 0; ($row3 = sql_row($resultat3, $enr3)); $enr3++)
            {
           echo "    document.nom_formulaire.id_room.options[".$cpt."].value = ".$row3[0].";\n";
           echo "    document.nom_formulaire.id_room.options[".$cpt."].text  = \"".$row3[1]." ".$vocab["display_week"]."\";\n";
           echo "    if (code_item == ".$row3[0].") document.nom_formulaire.id_room.options[".$cpt."].selected = true;\n";
           $cpt++;
    	   }
    Mais voilà ca me génère des salles mais tout en gardant afficher dans le select les salles afficher par un autre choix.
    Si quelqu'un aurai des petits indices, pistes, aide ou quoi que ce soit ça serai gentil. Merci d'avoir lu c'est déjà ça : >

  2. #2
    Membre habitué Avatar de hiul dragonfel
    Profil pro
    Inscrit en
    Juin 2005
    Messages
    199
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2005
    Messages : 199
    Points : 155
    Points
    155
    Par défaut
    euh je sais pas si c'est une erreur de copier coller mais

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    $sql  = "SELECT id, r_name, id_a ";
         $sql2 .= "FROM salle ";
         $sql2 .= "WHERE id_a='".$row2[0]."'";
         $sql2 .= "ORDER BY r_name";
         $resultat3 = sql_query($sql2);
     
     
     for ($enr3 = 0; ($row3 = sql_row($resultat3, $enr3)); $enr3++)
            {
           echo "    document.nom_formulaire.id_room.options[".$cpt."].value = ".$row3[0].";\n";
           echo "    document.nom_formulaire.id_room.options[".$cpt."].text  = \"".$row3[1]." ".$vocab["display_week"]."\";\n";
           echo "    if (code_item == ".$row3[0].") document.nom_formulaire.id_room.options[".$cpt."].selected = true;\n";
           $cpt++;
    	   }
    faudrai pas mettre :

    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
     
    // $sql ? mauvais copié collé ?
    $sql2  = "SELECT id, r_name, id_a ";
    $sql2 .= "FROM salle ";
    $sql2 .= "WHERE id_a='".$row2[0]."'";
    $sql2 .= "ORDER BY r_name";
    $resultat3 = sql_query($sql2);
     
    // comme ça on évite d'utiliser une variable
    // déjà utilisée par la boucle précédente
    $cptRoom = 1; 
    for ($enr3 = 0; ($row3 = sql_row($resultat3, $enr3)); $enr3++){
      echo "    document.nom_formulaire.id_room.options[".$cptRoom."].value = ".$row3[0].";\n";
      echo "    document.nom_formulaire.id_room.options[".$cptRoom."].text  = \"".$row3[1]." ".$vocab["display_week"]."\";\n";
      echo "    if (code_item == ".$row3[0].") document.nom_formulaire.id_room.options[".$cptRoom."].selected = true;\n";
      $cptRoom++;
    }
    pour que ça fontionne ?
    Le langage de programmation le plus vieux, le plus optimiser et le plus efficace est l'ADN quelqu'un d'extrêmement intelligent l'a obligatoirement inventé.

  3. #3
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 637
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 637
    Points : 66 661
    Points
    66 661
    Billets dans le blog
    1
    Par défaut
    Sinon as tu fais une recherche sur le forum, et consulté en particulier ce post
    http://www.developpez.net/forums/showthread.php?t=598

    ou encore le tutoriel de siddh sur les listes dynamiques avec ajax ?
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  4. #4
    Candidat au Club
    Inscrit en
    Mai 2008
    Messages
    2
    Détails du profil
    Informations forums :
    Inscription : Mai 2008
    Messages : 2
    Points : 2
    Points
    2
    Par défaut
    Merci de vos réponses rapide.
    @hiul dragonfel : $sql : oui erreur de c/c autant pour moi, concernant le compteur je vais tester ca merci.
    @SpaceFrog : Effectivement, bien qu'ayant fait de multiple recherche je n'ai pas trouvé ce post là.
    Concernant AJAX, je n'ai pas le "droit" d'en utiliser étant contraint à suivre la "ligne de construction" du site bien que ca sera apparement plus pratique d'après ce qu'il en ressort sur les nombreux sites consultés.

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

Discussions similaires

  1. Réponses: 3
    Dernier message: 09/10/2012, 13h07
  2. Réponses: 0
    Dernier message: 13/09/2007, 08h33
  3. Dérouler dynamiquement une liste déroulante (combobox)
    Par yoyo1985 dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 12/07/2007, 08h52
  4. remplir dynamiquement une liste déroulante
    Par transistor49 dans le forum ASP
    Réponses: 11
    Dernier message: 11/07/2006, 10h53
  5. Réponses: 3
    Dernier message: 30/06/2006, 22h56

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