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

AJAX Discussion :

Liste déroulante liée avec un contenu


Sujet :

AJAX

  1. #1
    Membre à l'essai
    Femme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Mai 2015
    Messages
    21
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : Algérie

    Informations professionnelles :
    Activité : Ingénieur développement logiciels

    Informations forums :
    Inscription : Mai 2015
    Messages : 21
    Points : 16
    Points
    16
    Par défaut Liste déroulante liée avec un contenu
    Bonjour à tous,

    je veux créer un contenu de page qui s'affiche en fonction de deux liste déroulante indépendante, ça veux dire que ma liste 1 ne dépend pas de la liste 2 et inversement,

    seulement ces liste e permet de filtrer des résultat

    voici mon 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
    28
    29
    30
    31
    32
    33
    34
    35
     
    <script type='text/javascript' src='js/liste_dynamique_ajax.js'></script>
    <form action='trace.php' method='post'><center>
     
     
    	<label for='trace'>Evenement</label>
    		<select name='trace' id='trace' onchange='go($id)'>
    			<option value='-1'> Choisir un évènement</option>
    			<option value='1'>".get_string('nbr_acc', 'report_suivi')."</option>
    			<option value='2'>".get_string('nbr_page', 'report_suivi')."</option>
    			<option value='3'>".get_string('nbr_fichier', 'report_suivi')."</option>
    			<option value='4'>".get_string('nbr_msg', 'report_suivi')."</option>
    			<option value='5'>".get_string('nbr_elt', 'report_suivi')."</option>
    			<option value='6'>".get_string('nbr_tentativ', 'report_suivi')."</option>
    		</select> ";
    		$s=mysql_query('select * from mdl_groups where courseid='.$id);
           $d= mysql_fetch_array($s);
         if(isset($d['id'])){
         echo "<label for='groupe'>Groupe</label>
    		       <select name='groupe' id='groupe' onchange='go2()'>
    						<option value='-1'> Choisir un groupe</option>";
                            $ss=mysql_query('select * from mdl_groups where courseid='.$id);							
    							 while ($don= mysql_fetch_array($ss))
     
    									 { 
    					                 echo "<option value=".$don['id'].">".$don['name']."</option>";
     
    	                                       } 					                      
     
                            echo "</select></center>";
         }
    echo"</form>
    <div id='resultat' style='display:inline'>
    </div>
    ";
    ma fonction ajax
    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
     
    function go(id2){
    				var xhr = getXhr();
    				// On défini ce qu'on va faire quand on aura la réponse
    				xhr.onreadystatechange = function(){
    					// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
    					if(xhr.readyState == 4 && xhr.status == 200){
    						leselect = xhr.responseText;
    						// On se sert de innerHTML pour rajouter les options a la liste
    						document.getElementById('resultat').innerHTML = leselect;
     
     
    					}
    				}
                    sel = document.getElementById('trace');
    				idtrace = sel.options[sel.selectedIndex].value;
    				xhr.open("GET","ajax_liste.php?course="+id2+"&trace="+idtrac,true);	
    				xhr.send(null);
     
     
     
    			}
    function go2(){
    				var xhr = getXhr();
    				// On défini ce qu'on va faire quand on aura la réponse
    				xhr.onreadystatechange = function(){
    					// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
    					if(xhr.readyState == 4 && xhr.status == 200){
    						leselect = xhr.responseText;
    						// On se sert de innerHTML pour rajouter les options a la liste
    						document.getElementById('resultat').innerHTML = leselect;
     
     
    					}
    				}
                    sel = document.getElementById('groupe');
    				idgroupe = sel.options[sel.selectedIndex].value;
    				xhr.open("GET","ajax_liste.php?groupe="+idgroupe,true);	
    				xhr.send(null);
     
     
     
    			}
    et mon de code php d'affichage de contenu
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
     
    if(isset($_GET["trace"])){
      $id=$_GET["course"];
      if(isset ($_GET["groupe"])){
    // contenu
    } else{
    // contenu
    }
    }
    donc je dois choisir une trace pour m'affiché une liste d'étudiant ensuite la filtré par le groupe choisi

    quelqu'un pourra m'aider svp

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    16 956
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 16 956
    Points : 44 116
    Points
    44 116
    Par défaut
    Bonjour,
    merci de mettre le code HTML généré (CTRL + U) pour que l'on puisse mieux appréhender le problème.

Discussions similaires

  1. [AJAX] compatibilité liste déroulante liée avec Internet Explorer IE
    Par pasc06 dans le forum Général JavaScript
    Réponses: 27
    Dernier message: 09/12/2008, 19h16
  2. [12] [?] 2 Listes déroulantes liées avec utilisation de paramètres
    Par johannT dans le forum SAP Crystal Reports
    Réponses: 1
    Dernier message: 03/04/2008, 15h45
  3. Gestion de 5 listes déroulantes liées avec paramètres SQL
    Par kenshir0 dans le forum Servlets/JSP
    Réponses: 1
    Dernier message: 06/04/2007, 18h46
  4. [AJAX] Listes déroulantes liées avec Ajax
    Par paupiette dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 01/08/2006, 16h51
  5. [MySQL] Problème de listes déroulantes liées avec requêtes sql
    Par richton95 dans le forum PHP & Base de données
    Réponses: 5
    Dernier message: 21/12/2005, 16h04

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