2 listbox lies entre eux

Bonjour tt le monde,

J'ai un formulaire PHP qui contient 2 listbox, une qui contient tous les modules enseignés pendant l'année, et l'autre les devoirs qu'on devra rendre pour le module selectionné. j'utilise une base de données MYSQL.

Là,j'ai rempli le premier listbox "module" avec tt les modules enregistré dans la base de données, et je veux qd je selectionne un module, listebox "devoir" se rempli avec tt les devoirs de ce module qui sont aussi enregistré ds la base de donnée

des personnes m'ont conseillé javascrip, mais je sais pas comment faire?

si quelqu'un peut m'aider ca sera tré gentil

merci d'avance

Salut,
http://siddh.developpez.com/articles/ajax/#LIV-A

merci andry

j'ai essayé tt à l'heure le code é ca marche,il affiche rien dans l'autre listbox,é il donne pas erreur,

tu l'as déjà essayé?

Ce tutoriel fonctionne, tu as fait un erreur quelque part.

voilà la premiere page devoir.php

Code:

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
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans titre</title>
<script type="text/javascript" src="oXHR.js"></script>
       <script type="text/javascript">
<!-- 
function selectmodule(oElem)
 {
 
        var xhr = getXMLHttpRequest();
        var value =  oElem.options[oElem.selectedIndex].value;
        if(value != "none") {
                if(xhr && xhr.readyState != 0) {
                        xhr.abort(); 
                }
				xhr.open("POST", "ajaxprojet.php", true); 
                xhr.onreadystatechange = function() { 
                        if(xhr.readyState == 4 ) {
                                makeList(xhr.responseXML);
                                document.getElementById("loading").innerHTML = "";
                        } else if(xhr.readyState == 2 || xhr.readyState == 3) {
                                document.getElementById("loading").innerHTML = "<p>Chargement en cours</p>";
                        }
                }
 
                // xhr.open("POST", "js_shearch.php", true);
                xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
                xhr.send('module=' + value);
        }
 
}
 
function makeList(oData) {
        var oOptions = oData.getElementsByTagName("option");
        var oSelect  = document.getElementById("projetselect");
 
        oSelect.innerHTML = "";
        for(var i=0,c=oOptions.length;i<c;i++) {
                var oOption = document.createElement("option");
                oOption.value = oOptions[i].getAttribute("value");
                oSelect.appendChild(oOption);
                oOption.innerHTML = oOptions[i].firstChild.nodeValue;
        }
}
//-->
</script>
</head>
 
<body>
<table width="796" border="1">
  <tr>
    <td width="206" height="129"><table width="200" border="1">
      <tr>
        <td><div align="center">
          <p><a href="envoi_devoir.php"><strong>Envoi des devoirs</strong></a> </p>
        </div></td>
      </tr>
      <tr>
        <td><div align="center"><a href="suivi_devoir.php"><strong>Suivi des devoirs envoy&eacute;s </strong></a></div></td>
      </tr>
      <tr>
        <td><div align="center"><a href="alerte_envoye.php"><strong>Alerte envoy&eacute; </strong></a></div></td>
      </tr>
    </table>    </td>
    <td width="574" valign="top"><form id="form1" name="form1" method="post" action=""><table width="557" border="1">
      <tr>
        <td colspan="4" align="center">
		<fieldset style="width: 500px">
		<legend>Selectionner votre projet</legend>
		<div id="choix_filtre">
		<div id="loading"></div>
            <label>Modules : </label>
 
	       <div id="module">
 
				          	<select id="code_module" onchange="selectmodule(this);">
			<option value="-1">Aucun</option> 
    <?php
 require_once('config.php');
 $reponse=mysql_query("SELECT * FROM module") or die ('Erreur : '.mysql_error()); 
 while($tab=mysql_fetch_array($reponse)){ ?>
  <option value="<?php echo $tab["code_module"]; ?>"><?php echo $tab["nom_module"]; ?></option>
<?php } ?>
</select></div>
 <label>Projet : </label>
		<div id="projet">
              <select id="projetselect">
			  <option value="-1">Choisir un module</option>
              </select>
 
			  </div>
			  </div>
         </fieldset>   </td></tr>

//suite de code

le code de la page ajaxprojet.php

Code:

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
<html>
<body>
<select>
<?php
 if(isset($_POST['module']) && $_POST['module'] != "") {
        $module = htmlentities($_POST['module']);
        include("config.php"); // connectio à mysql
        $query = mysql_query("SELECT * FROM devoir WHERE code_module=". $module ." ORDER BY titre") or die(mysql_error());
        while($back = mysql_fetch_array($query)) { ?>
               <option value="<?php echo $tab["code_devoir"]; ?>"><?php echo $tab["titre"]; ?> </option>;
      <?  }
}
?>
 
</select>
 
</body>
</html>
 
et le fichier oXHR.js
function getXMLHttpRequest() 
{
        var xhr = null;
 
        if(window.XMLHttpRequest || window.ActiveXObject) 
		{
                if(window.ActiveXObject) 
				{
                        try {
                                xhr = new ActiveXObject("Msxml2.XMLHTTP");
                        } catch(e) {
                                xhr = new ActiveXObject("Microsoft.XMLHTTP");
                        }
                } 
				else 
				{
                        xhr = new XMLHttpRequest();
                }
        } 
		else 
		{
                alert("Votre navigateur ne supporte pas l'objet XMLHTTPRequest...");
                return null;
        }
 
        return xhr;
}

j'arrive pas à voir il est ou le probleme?

Code:

for(var i=0;i<oOptions.length;i++)

Code:

1
2
3
        while($back = mysql_fetch_array($query)) { ?>
               <option value="<?php echo $back['code_devoir']; ?>"><?php echo $back["titre"]; ?> </option>;
      <?  }