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 :

[AJAX] des listes liées


Sujet :

AJAX

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Candidat au Club
    Femme Profil pro
    Étudiant
    Inscrit en
    Avril 2011
    Messages
    3
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Avril 2011
    Messages : 3
    Par défaut [AJAX] des listes liées
    Bonjour, après avoir cherché un peu partout sur internet, je viens vous trouver en espérant que vous puissiez m'aider.

    Je cherche à faire 3 liste déroulante liées les unes aux autres.
    Mes 3 liste sont : "Audit", "Finding" et "Recommendation".

    La liste des Finding est remplit par rapport aux audits et la liste des recommendations par rapport aux findings.

    J'ai suivi un tuto qui m'a permis de m'en sortir plus ou moins.
    J'ai réussi à lier ma première et deuxième liste seulement pour la troisième, il n'y a rien à faire je n'y arrive pas.
    C'est surement un détail ou quelques chose que je ne vois pas.




    voici mon code :
    index.php :

    Code php : 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
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    94
    95
    96
    97
    98
    99
    100
    101
    102
    103
    104
    105
    106
    107
    108
    109
    110
    111
    112
    113
    114
    115
    116
    117
    118
    119
    120
    121
    122
    123
    124
    125
    126
    127
    128
    129
    130
    131
    132
    133
    134
    135
    136
    137
    138
    139
    140
    141
    142
    143
    144
    145
    146
    147
    148
    149
    150
    151
    152
    153
    154
    155
    156
    157
    158
    159
    160
    161
    162
    163
    164
    165
    166
     
    <script type='text/javascript'>
     
    			function getXhr(){
                                var xhr = null;
    				if(window.XMLHttpRequest){ // Firefox et autres
    				   xhr = new XMLHttpRequest(); 
     
    				}
    				else if(window.ActiveXObject){ // Internet Explorer 
    				   try {
    							xhr = new ActiveXObject("Msxml2.XMLHTTP");
    						} catch (e) {
    							xhr = new ActiveXObject("Microsoft.XMLHTTP");
    						}
    				}
    				else { // XMLHttpRequest non support� par le navigateur 
    				   alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
    				   xhr = false; 
    				} 
                                return xhr;
    			}
     
     
     
    			/**
    			* M�thode qui sera appel�e sur le click du bouton
    			*/
    			function audit(){
     
    				var xhr = getXhr();
     
    				// On d�fini ce qu'on va faire quand on aura la r�ponse
    				xhr.onreadystatechange = function(){
    					//alert(xhr.readyState);
    					// 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){
    						di = document.getElementById('finding');
    						di.innerHTML = xhr.responseText;
    					}
    				}
     
    				// Ici on va voir comment faire du post
    				xhr.open("POST","ajaxfinding.php",true);
    				// ne pas oublier �a pour le post
    				xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
    				// ne pas oublier de poster les arguments
    				// ici, l'id de l'auteur
    				idaudit = document.getElementById('audit').options[document.getElementById('audit').selectedIndex].value;
    				//alert(idauteur);
    				xhr.send("audit="+idaudit);
     
     
    			}
     
     
    			function change2(){
     
    				var xhr = getXhr();
     
    				// On d�fini ce qu'on va faire quand on aura la r�ponse
    				xhr.onreadystatechange = function(){
    					//alert(xhr.readyState);
    					// 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){
    						di = document.getElementById('finding');
    						di.innerHTML = xhr.responseText;
    					}
    				}
     
    				// Ici on va voir comment faire du post
    				xhr.open("POST","ajaxfinding.php",true);
    				// ne pas oublier �a pour le post
    				xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
    				// ne pas oublier de poster les arguments
    				// ici, l'id de l'auteur
    				idaudit = document.getElementById('audit').options[document.getElementById('audit').selectedIndex].value;
    				//alert(idauteur);
    				xhr.send("audit="+idaudit);
     
     
    			}
     
     
     
    			function change(){
     
    				var x = getXhr();
     
    				// On d�fini ce qu'on va faire quand on aura la r�ponse
    				x.onreadystatechange = function(){
    					//alert(xhr.readyState);
    					// On ne fait quelque chose que si on a tout re�u et que le serveur est ok
    					if(x.readyState == 4 && x.status == 200){
    						di = document.getElementById('recommendation');
    						di.innerHTML = x.responseText;
    					}
    				}
     
    				// Ici on va voir comment faire du post
    				x.open("POST","ajaxrecommendation.php",true);
    				// ne pas oublier �a pour le post
    				x.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
    				// ne pas oublier de poster les arguments
    				// ici, l'id de l'auteur
    				id = document.getElementById('finding2').options[document.getElementById('finding2').selectedIndex].value;
    				alert(id);
    				x.send("finding2="+id);
     
     
    			}
     
     
    		</script>
    	</head>
    	<body>
     
    <?php include("menu.html");?><br><br>
    <?php
    if( !isset($_SESSION['login']))
    {
    header("location: index4.php");
    } 
     
    $serveur = "127.0.0.1";
    $base = "audits";	
     
    $db =mysql_connect($serveur, "user", "mysql") or die ("erreur de connexion au serveur ".mysql_error());
    mysql_select_db($base,$db)or die ("erreur de connexion a la base"); 
     
    $sql= "SELECT AuditID, AuditName FROM audit order by AuditName;";
    // on envoie la requete 
    $req = mysql_query($sql) or die('Erreur SQL !<br>'.$sql.'<br>'.mysql_error()); 
     
    ?>
     
    <form>    
     
    <select name="audit" id='audit' onchange='change2()'>
     
            <option value='-1'>Selectionnez Audit :</option>
    <?php
    while($data = mysql_fetch_array($req))
    {
    ?>
    <option value= "<?php echo $data['AuditID'];?>"><?php echo $data['AuditName'];?></option>
    <?php
    }
    ?>
    </select>
     
     
     
    				<div id='finding' style='display:inline'>
    				<select name="finding2" id='finding2' onchange='change()'>
    					<option value='-1'>Choisissez un Audit</option>
    				</select>
                    </div>
     
     
                    <div id='recommendationn' style='display:inline'>
    				<select name='recommendation' id='recommendation'>
    					<option value='-1'>Choisissez un Finding</option>
    				</select>
    				</div>
                    </form>




    ajaxfinding.php :


    Code php : 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
     
     
    <body>
     
    <?php
    $serveur = "127.0.0.1";
    $base = "audits";	
     
    $db =mysql_connect($serveur, "user", "mysql") or die ("erreur de connexion au serveur ".mysql_error());
    mysql_select_db($base,$db)or die ("erreur de connexion a la base"); 
     
     
    	echo "<select name='finding' id='finding'>";
    	echo "<option value='-1'>Selectionnez Finding :</option>";
    	if(isset($_REQUEST["audit"])){
    		$res = mysql_query("SELECT FindingID, FindingISO27001Controls FROM finding WHERE AuditID=".$_REQUEST["audit"]." ORDER BY FindingISO27001Controls");
    		while($data = mysql_fetch_array($res))
    	{
     
    			echo "<option value='".$data["FindingID"]."'>".$data["FindingISO27001Controls"]."</option>";
    		}
    	}
     
    	else
    		echo "<option value='-1'>Choississez un audit</option>";
    	echo "</select>";
     
     
    ?>


    ajaxrecommendation.php :



    Code php : 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
     
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Document sans titre</title>
    </head>
     
    <body>
     
    <?php
    $serveur = "127.0.0.1";
    $base = "audits";	
     
    $db =mysql_connect($serveur, "user", "mysql") or die ("erreur de connexion au serveur ".mysql_error());
    mysql_select_db($base,$db)or die ("erreur de connexion a la base"); 
     
        if(isset($_REQUEST["finding2"])){
    	echo "<select name='recommendation'>";
    	echo "<option value='-1'>Selectionnez Recommendation :</option>";
    		$res = mysql_query("SELECT RecommendationID FROM recommendation WHERE FindingID='".$_REQUEST["finding2"]."'ORDER BY RecommendationID");
    		while($data = mysql_fetch_array($res))
    	{
     
    			echo "<option value='".$data["RecommendationID"]."'>".$data["RecommendationID"]."</option>";
    		}
    	}
     
     
    	else
    		echo "<option value='-1'>Choississez un Finding</option>";
    	echo "</select>";
     
     
    ?>
     
     
    </body>
    </html>




    Voila merci d'avance .

  2. #2
    Membre Expert
    Homme Profil pro
    Inscrit en
    Septembre 2009
    Messages
    875
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 35
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Septembre 2009
    Messages : 875
    Par défaut
    Bon déjà, utilise les balises [ CODE ] [ /CODE ] pour nous fournir une présentation pas trop lourde
    (ainsi qu'une petite présentation de ton code, quel fichier fait quoi etc, pour qu'on comprenne vite et te réponde vite)

    Je crois que ton premier Audit, renvoie en ajax le nouveau select Finding. ce select finding ne comporte pas le javascript onChange quand il est renvoyé par ajaxfinding.php.


    Dis moi si ca marche!

    ajaxfinding.php : (corrigé)

    Code php : 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
    <?php
    $serveur = "127.0.0.1";
    $base = "audits";
    
    $db =mysql_connect($serveur, "user", "mysql") or die ("erreur de connexion au serveur ".mysql_error());
    mysql_select_db($base,$db)or die ("erreur de connexion a la base");
    
    
    echo "<select name='finding' id='finding' onChange='change()'>";
    echo "<option value='-1'>Selectionnez Finding :</option>";
    if(isset($_REQUEST["audit"])){
    $res = mysql_query("SELECT FindingID, FindingISO27001Controls FROM finding WHERE AuditID=".$_REQUEST["audit"]." ORDER BY FindingISO27001Controls");
    while($data = mysql_fetch_array($res))
    {
    
    echo "<option value='".$data["FindingID"]."'>".$data["FindingISO27001Controls"]."</option>";
    }
    }
    
    else
    echo "<option value='-1'>Choississez un audit</option>";
    echo "</select>";
    
    
    ?>

  3. #3
    Candidat au Club
    Femme Profil pro
    Étudiant
    Inscrit en
    Avril 2011
    Messages
    3
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Avril 2011
    Messages : 3
    Par défaut
    Désolé pour la présentation, j'ai rectifié.
    Alors merci pour ta réponse, j'ai modifié mais ça n'a rien changé.
    Ma liste reste vide.

  4. #4
    Membre Expert
    Homme Profil pro
    Inscrit en
    Septembre 2009
    Messages
    875
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 35
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Septembre 2009
    Messages : 875
    Par défaut
    j'avais pas vu, ton id de select change aussi, d'un coté tu as finding2 dans ton script change() et dans ton code tu a juste l'id finding.

    il cherche donc la valeur de ton champs finding2 qui n'existe pas vu que tu as un champs finding

    quelle est la différence entre audit() et change2()?
    Par ailleurs, tu n'as pas besoin de mettre de l'entete html (doctype body etc..) dans tes pages php qui servent de réponses a ajax

    bref,essaye donc ceci

    ajaxfinding.php
    Code php : 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
    $serveur = "127.0.0.1";
    $base = "audits";
     
    $db =mysql_connect($serveur, "user", "mysql") or die ("erreur de connexion au serveur ".mysql_error());
    mysql_select_db($base,$db)or die ("erreur de connexion a la base");
     
     
    echo "<select name='finding2' id='finding2' onChange='change()'>";
    echo "<option value='-1'>Selectionnez Finding :</option>";
    if(isset($_REQUEST["audit"])){
    $res = mysql_query("SELECT FindingID, FindingISO27001Controls FROM finding WHERE AuditID=".$_REQUEST["audit"]." ORDER BY FindingISO27001Controls");
    while($data = mysql_fetch_array($res))
    {
     
    echo "<option value='".$data["FindingID"]."'>".$data["FindingISO27001Controls"]."</option>";
    }
    }
     
    else
    echo "<option value='-1'>Choississez un audit</option>";
    echo "</select>";
     
     
    ?>

  5. #5
    Candidat au Club
    Femme Profil pro
    Étudiant
    Inscrit en
    Avril 2011
    Messages
    3
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Avril 2011
    Messages : 3
    Par défaut
    Merci beaucoup pour tous ces conseils, tout fonctionne sans problème.
    Bonne soirée.

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

Discussions similaires

  1. [ZF 1.11] Zend form & Ajax pour des listes liée
    Par katsuya dans le forum Zend_Form
    Réponses: 0
    Dernier message: 05/11/2012, 10h59
  2. [AJAX] deux listes liées
    Par kawther dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 03/04/2007, 13h15
  3. [AJAX] Trois listes liées
    Par jason69 dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 30/03/2007, 20h23
  4. [AJAX] plusieurs listes liées
    Par highman dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 02/03/2007, 10h31
  5. Utilisation des liste liées (ajax) avec du perl
    Par Jim_Nastiq dans le forum Web
    Réponses: 1
    Dernier message: 12/07/2006, 12h07

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