2 listbox lies entre eux

**swinia** · 29/04/2009, 12h28

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

**andry.aime** · 29/04/2009, 12h42

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

**swinia** · 29/04/2009, 15h07

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é?

**andry.aime** · 29/04/2009, 16h00

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

**swinia** · 29/04/2009, 16h25

voilà la premiere page devoir.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
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 :

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
<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?

**andry.aime** · 29/04/2009, 16h35

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

2 listbox lies entre eux

JavaScript

Discussions similaires

Partager

Partager