actualiser un formulaire sans la recharger

**xspleen** · 04/05/2007, 16h34

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!

**eowene** · 04/05/2007, 17h08

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

**xspleen** · 04/05/2007, 17h32

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

**Haze.** · 04/05/2007, 21h01

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

**xspleen** · 05/05/2007, 01h58

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

**gerald2545** · 05/05/2007, 02h35

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

**xspleen** · 06/05/2007, 17h46

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

merci a tous!

**xspleen** · 07/05/2007, 13h39

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 :

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
 
//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 :

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

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

actualiser un formulaire sans la recharger

PHP & Base de données

Discussions similaires

Partager

Partager