[MySQL] actualiser un formulaire sans la recharger

actualiser un formulaire sans la recharger

bonjour a tous,

je crois pas que mon titre soit tres explicite donc j'essayerai d'expliquer mon probleme au mieux.
Je voudrais créer un formulaire "emboité" c'est a dire pour etre plus précis: en fait j'ai plusieurs balises select, radio, checkbox,etc... dont les options sont genere en php par ma base mysql. en fonction de ce premier choix une deuxieme balise select, radio, checkbox... s'affiche dynamiquement et ainsi de suite... sans que la page sois recharger a chaque fois si possible.

bon j'espere que j'ai eté assez claire. merci a tous ceux qui prendront le temps de se pencher sur mon pb!

Je pense que tu devrais faire de l'Ajax pour ça.

Citation:

Envoyé par eowene

Je pense que tu devrais faire de l'Ajax pour ça.

je n'y connais rien en AJAX

si t'avais un bout de code voir a quoi ca ressemble ca serai sympa. mercy

pour ceux qui n'avait pas trop compris, voila a quoi ca devrai ressembler:
http://www.nvidia.com/content/drivers/drivers.asp

C'est du javascript !
PHP est un langage client/serveur, ce qui impliquerait un rechargement de la page à chaque fois.

Citation:

Envoyé par Haze.

C'est du javascript !
PHP est un langage client/serveur, ce qui impliquerait un rechargement de la page à chaque fois.

javascript!! ok ok
est -il possible en javascript d'interroger une base de données ?
et est ce que quelqu'un aurait une idée en javascript pour mon application??

comme dis plus haut, ajax est ce qu'il te faut. Tu trouveras de bons tutoriels sur ce site.

ok ok jvous remercie jvais lire les tuto et voir skil en retourne.

merci a tous!

bonjour,

comme beaucoup m'on conseilllé, je suis allé voir des tutoriels et donc sur l'un d'entre eux j'ai trouvé une petite application qui ressemblait a ce que voulais.
donc jai pris ce qu'il me fallait et j'ai essayer de l'executer chez moi mais jme retrouve avec des erreurs que j'arrive pas a corriger. donc si quelqu'un pouvais m'aider ca serai sympa de ca part!

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
 
//fichier espece.php
<?php
header('Content-type: text/html; charset=iso-8859-1');
 
 
		$host="localhost";
		$user="root";
		$bdd="testespece";
		$passwd="";
 
$connexion=mysql_connect($host,$user,$passwd) or die("erreur de connexion au serveur\n".mysql_error());
$db=mysql_select_db($bdd,$connexion) or die("erreur de connexion a la base de donnees\n".mysql_error());
 
$query  = "SELECT `espece` FROM `Animaux` WHERE `famille` = '".$_POST["famille"]."'";
$query .= " ORDER BY `espece`";
$result = @mysql_query($query);
 
echo 'var o = null;';
echo 'var s = document.forms["'.$_POST["form"].'"].elements["'.$_POST["select"].'"];';
echo 's.options.length = 0;';
while($r = mysql_fetch_array($result))
	echo 's.options[s.options.length] = new Option("'.$r["espece"].'");';
 
@mysql_close($mysql_db);
?>

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
 
//javascript.php
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans titre</title>
 
<script language="javascript" type="text/javascript">
 
function test2(){
var l1    = f.elements["list1"];
var l2    = f.elements["list2"];
var index = l1.selectedIndex;
 
if(index < 1)
   l2.options.length = 0;
else {
   var xhr_object = null;
 
   if(window.XMLHttpRequest) // Firefox
      xhr_object = new XMLHttpRequest();
   else if(window.ActiveXObject) // Internet Explorer
      xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
   else { // XMLHttpRequest non supporté par le navigateur
      alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
      return;
	}
 
   xhr_object.open("POST", "espece.php", true);
 
   xhr_object.onreadystatechange = function() {
      if(xhr_object.readyState == 4)
         eval(xhr_object.responseText);
   }
 
   xhr_object.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
   var data = "famille="+escape(l1.options[index].value)+"&form="+f.name+"&select=list2";
   xhr_object.send(data);
}
}
</script>
 
</head>
 
<body>
choix: <br />
<form name="form" id="form" >
famille:
<select name="list1" id="list1" class="ButtonL" onchange="test2">
				<option value="" selected="selected">       </option>
				<option value="Canidés"             >Canidés</option>
				<option value="Félidés"             >Félidés</option>
				<option value="Équidés"             >Équidés</option>
				<option value="Bovidés"             >Bovidés</option>
</select>
<br />			
 
Espèces:<select name="list2" id="list2" size"5" ></select>
</form>
</body>
</html>

//erreurs

Citation:

Warning: Cannot modify header information - headers already sent by (output started at e:\stage access commerce\projet\test ajax\espece.php:9) in e:\stage access commerce\projet\test ajax\espece.php on line 10

Notice: Undefined index: famille in e:\stage access commerce\projet\test ajax\espece.php on line 24
var o = null;
Notice: Undefined index: form in e:\stage access commerce\projet\test ajax\espece.php on line 29

Notice: Undefined index: select in e:\stage access commerce\projet\test ajax\espece.php on line 29
var s = document.forms[""].elements[""];s.options.length = 0;

merci!!!