Récupération des variables des liste/menu dynamique

Version imprimable

Bonjour
alors j'ai un soucis dans mon script et j'arrive pas à trouver une solution :( et j'aimerai bien que vous m'aider :lol:
voila ma situation:
j'ai 3 page .php: index.php, ajaxmodele.php et cible.php
mon problème est dans la page cible.php.
alors dans la page index.php j'ai 4 liste/menu dynamique :

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
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
<head><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 go(){
				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('produit').innerHTML = leselect;
					}
				}
 
				// Ici on va voir comment faire du post
				xhr.open("POST","ajaxModele.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
				sel = document.getElementById('famille');
				idfamille = sel.options[sel.selectedIndex].value;
				xhr.send("id_famille="+idfamille);
			}
			function go(){
				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('produit').innerHTML = leselect;
					}
				}
 
				// Ici on va voir comment faire du post
				xhr.open("POST","ajaxModele.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
				sel = document.getElementById('famille');
				idfamille = sel.options[sel.selectedIndex].value;
				xhr.send("id_famille="+idfamille);
			}
		</script>
 
</head><body><form action="cible.php">
<table width="694" border="0" cellspacing="0">
  <tr>
    <td width="348">La marque de portable </td>
    <td width="543"><select name="famille" id="famille" onchange='go()'>
	<option value='-1'>Aucun</option>
	<?php
						mysql_connect("localhost","root","");
						mysql_select_db("test1");
						$res = mysql_query("SELECT * FROM famille ORDER BY nom_famille");
						while($row = mysql_fetch_assoc($res)){
							echo "<option value='".$row["id_famille"]."'>".$row["nom_famille"]."</option>";
						}
					?>
    </select>
    </td>
  </tr>
  <tr>
    <td>Le mod&egrave;le de portable</td>
    <td><div id='produit' style='display:inline'>
<select name="roduit">
	<option value='-1'>Choisir un modèle</option>
    </select></div></td>
  </tr>
  <tr>
    <td>Prix min </td>
    <td><select name="prix_min">
	    <option value='-1'>Aucun</option>
	<?php mysql_connect("localhost","root","");
						mysql_select_db("test1");
						$rs = mysql_query("SELECT * FROM produit ORDER BY prix");
						while($rw = mysql_fetch_assoc($rs)){
							echo "<option value='".$rw["id_produit"]."'>".$rw["prix"]."</option>"; }?>
    </select></td>
  </tr>
  <tr>
    <td>Prix max </td>
    <td><select name="prix_max">
	<option value='-1'>Aucun</option>
	<?php mysql_connect("localhost","root","");
						mysql_select_db("test1");
						$rs = mysql_query("SELECT * FROM produit ORDER BY prix DESC");
						while($rw = mysql_fetch_assoc($rs)){
							echo "<option value='".$rw["id_produit"]."'>".$rw["prix"]."</option>"; }?>
    </select></td>
  </tr>
  <tr>
    <td><input type="reset" name="Submit" value="R&eacute;initialiser" /></td>
    <td><input type="submit" name="Submit2" value="Envoyer" /></td>
  </tr>
</table></form></body>

comme vous voyez, la deuxième liste depant de la première liste à laide de ajaxmodele.php (je connais rien sur ajax. j'ai trouvé le script quelque par ici).
alors dans la 3eme page cible.php (ici mon problème):
j'aimerai bien affiché les résultats choisis par le visiteur. alors que j'ai travaillé avec $_POST['prix_min'](pour la 3eme liste) il m'affiche UNDIFEINED index prix_min(s'achant que j'ai essayé de travailler avec une session mais toujour rien et avec la même résultat) .
j'aimerai bien aussi avant d'afficher mon résultat de tester les choix:
si le visiteur n'a rien choisi alors j'affiche tous les produit.
si le visiteur a choisi juste le prix min et max j'affiche les produits correspondant et sans prendre en considération la marque .
et enfin si le visiteur a tous choisi j'affiche ce qu'il faut afficher.
je croix que j'ai beaucoup parler :yaisse2: aider moi :cry:

10/12/2008, 13h46
Sub0

Salut!

Ton code me parait bizarre, la fonction go() est déclarée 2 fois ???

Dans le tuto suivant, tu trouveras un exemple pour utiliser ajax et les listes liées :
http://siddh.developpez.com/articles/ajax/

oui c'est vrai :oops: juste un erreur de copier coller

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
94
95
96
97
98
99
100
101
102
103
104
105
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>test</title>
<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 go(){
				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('produit').innerHTML = leselect;
					}
				}
 
				// Ici on va voir comment faire du post
				xhr.open("POST","ajaxModele.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
				sel = document.getElementById('famille');
				idfamille = sel.options[sel.selectedIndex].value;
				xhr.send("id_famille="+idfamille);
			}
 
		</script>
 
</head>
 
<body><form action="cible.php">
<table width="694" border="0" cellspacing="0">
  <tr>
    <td width="348">La marque de portable </td>
    <td width="543"><select name="famille" id="famille" onchange='go()'>
	<option value='-1'>Aucun</option>
	<?php
						mysql_connect("localhost","root","");
						mysql_select_db("test1");
						$res = mysql_query("SELECT * FROM famille ORDER BY nom_famille");
						while($row = mysql_fetch_assoc($res)){
							echo "<option value='".$row["id_famille"]."'>".$row["nom_famille"]."</option>";
						}
					?>
    </select>
    </td>
  </tr>
  <tr>
    <td>Le mod&egrave;le de portable</td>
    <td><div id='produit' style='display:inline'>
<select name="roduit">
	<option value='-1'>Choisir un modèle</option>
    </select></div></td>
  </tr>
  <tr>
    <td>Prix min </td>
    <td><select name="prix_min">
	    <option value='-1'>Aucun</option>
	<?php mysql_connect("localhost","root","");
						mysql_select_db("test1");
						$rs = mysql_query("SELECT * FROM produit ORDER BY prix");
						while($rw = mysql_fetch_assoc($rs)){
							echo "<option value='".$rw["id_produit"]."'>".$rw["prix"]."</option>"; }?>
    </select></td>
  </tr>
  <tr>
    <td>Prix max </td>
    <td><select name="prix_max">
	<option value='-1'>Aucun</option>
	<?php mysql_connect("localhost","root","");
						mysql_select_db("test1");
						$rs = mysql_query("SELECT * FROM produit ORDER BY prix DESC");
						while($rw = mysql_fetch_assoc($rs)){
							echo "<option value='".$rw["id_produit"]."'>".$rw["prix"]."</option>"; }?>
    </select></td>
  </tr>
  <tr>
    <td><input type="reset" name="Submit" value="R&eacute;initialiser" /></td>
    <td><input type="submit" name="Submit2" value="Envoyer" /></td>
  </tr>
</table></form>
</body>

pour le tuto; j'ai déjà travailler avec mais mon problème est comment je vais récupérer les choix de l'utilisateur sachant que j'ai travailler avec $_post[''] mais ça marche pas

10/12/2008, 14h24
Sub0

Peut-être faut-il reprendre l'exemple donné dans ce tuto et l'adpater à ton projet
10/12/2008, 14h38
smp82
tout d'abord je vous remercie pour votre réponse.
alors je croix que j'ai pas bien expliquer mon problème.
dans la page index.php j'ai déjà travaillé avec ce tuto et ça marche très très bien dans les liste liée. dans cette exemple j'ai mit un
<form action="cible.php" method="post">
....</form>. ce qu'il y a dans le formulaire ça marche très bien.
alors quand j'ai commencer à travailler sur cible.php:
j'aimerai bien avant tout faire un petit contrôle sur le prix_min et prix_max
alors j'ai fait ça:
Code:

1 2 <?php if ($_POST['parix_min'] > $_POST['prix_max']) { echo 'Impossible, le prix min ne peut pas être supérieur au prix max'; } ?>
quand je test il me donne ça (dans la page cible.php)

Notice: Undefined index: prix_max in c:\program files\easyphp1-8\www\test\cible.php on line 2

Notice: Undefined index: prix_min in c:\program files\easyphp1-8\www\test\cible.php on line 2

ça veut dire qu'il n'a pas reconnu les deux variables. alors moi je demande comment faire pour qu'il reconnait mes variable sachant que j'ai déjà tester de travailler avec les session :dans la page index.php
Code:

1 2 3 4 <?php session_start(); $_SESSION['prix_min'] = $_POST['prix_min']; $_SESSION['prix_max'] = $_POST['prix_max'];
et dans la page cible.php
Code:

1 2 3 <?php session_start(); ?>
mais ça marche pas
merci

En général, on n'utilise pas directement les données du POST dans son code, on teste d'abord si elles ont bien été postées :

Code:

$prix_min=''; if(isset($_POST['prix_min'])) $prix_min=$_POST['prix_min'];

ou encore :

Code:

$prix_min=@$_POST['prix_min'];

Ensuite, tu ne dois jamais faire confiance à ce que peuvent envoyer les utilisateurs, tu dois t'assurer que les données reçues correspondent bien à ce que tu attends.
Cela permet de contrer le piratage par injection SQL par exemple et surtout des bugs.

Donc, tu dois vérifier qu'il s'agit bien de nombre et utiliser dorénavant tes variables et non le tableau $_POST :
Code:

1 2 3 4 5 6 if(!is_int($prix_min)) echo 'Impossible, le prix min doit être un nombre'; elseif(!is_int($prix_max)) echo 'Impossible, le prix max doit être un nombre'; elseif($prix_min > $prix_max) echo 'Impossible, le prix min ne peut pas être supérieur au prix max';
Code:

1 2 3 session_start(); $_SESSION['prix_min'] = $prix_min; $_SESSION['prix_max'] = $prix_max;