Liste déroulante Tutoriel Siddh Ajax

Version imprimable

Salut

J'ai regardé le tutoriel de Siddth afin de créer deux listes déroulantes liées.

voici mon formulaire:
Code:

1 2 3 4 5 6 7 <form action="" method="post" > <p ><label>Pourquoi avez-vous besoin d'un expert-comptable? </label> <input type="radio" name="besoin" value='creation'/>Création d'entreprise; <input type="radio" name="besoin" value='continuite'/>Reprise d'un dossier; <input type="button" value="ok" onclick="AfficheForm(this.form.besoin)" /> </form>
Je veux suite au choix effectué afficher en dessous un deuxième formulaire alimenté par une base de donnée, est-ce possible?

J'ai une table devis(id,type,intitule,contenu) où intitule=creation ou continuite.
j'ai une fonction qui, selon le type(radio, case,text..) m'affiche mon formulaire.
Il suffit de lui envoyer une requete sql :
select * from devis where intitule=this.form.besoin

Est-ce possible en utilisant la même méthode que pour les listes, et si oui comment?

merci beaucoup pour votre aide.
claire

Ajout code

Bon, je vois que ça n'inspire personne, certainement que je me suis mal exprimé:cry:

Je teste différents code et voici le dernier
Evidemment ça marche pas encore mais peut-etre que quelqu'un pourra voir mon erreur ou me dire que je me plante totalement!!!!

code de page devis_ajax:

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
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('devis').innerHTML = leselect;
                        alert(leselect);	}
}

// Ici on va voir comment faire du post
           xhr.open("POST","process_devis_ajax.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('types_devis');
	idType = sel.options[sel.selectedIndex].value;
	xhr.send("idtype="+idType);}
</script>
</head>
<body>
<form>
	<fieldset style="width: 500px">
	<legend>Formulaire liés</legend>
		<label>Pages</label>
	<select name='types_devis' id='types_devis' onchange='go()'>
	<option value='-1'>Aucun</option>
<?
mysql_connect("localhost","root","èç&-éà");
mysql_select_db("base_test");
$res = mysql_query("SELECT * FROM types_devis ORDER BY type_devis");
while($row = mysql_fetch_assoc($res)){
echo "<option value='".$row["id_type_devis"]."'>".$row["type_devis"]."</option>";
}
?>
</select>
                <div id='devis'>
                <form name='devis'>

                </form>
                </div>
</fieldset>
		</form>

quand je fais alert(leselect) il n'y a rien!!!

voici le code de process_devis_ajax.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
<?php
include_once'mes_fonctions.php';
?>
 
<?php
echo "<form name='devis'>";
        if(isset($_POST["idtype"])){
                mysql_connect("localhost","root","èç&-éà");
                mysql_select_db("base_test");
                $res = mysql_query("SELECT * FROM devis
                        WHERE idtype=".$_POST["idtype"]." ORDER BY contenu");
/*              while($row = mysql_fetch_assoc($res)){


            $contenu=stripslashes(str_ireplace('é','&eacute',$row["contenu"]));

                        echo "<option value='".$row["id"]."'>".$contenu."</option>";
                }*/
 AfficherFormulaire($res);
 
        }
    echo "</form>";
?>

Ma fonction AfficherFormulaire est juste et normalement il doit s'afficher un formulaire, mais rien ne se passe!

Help me!!
ou simplement me dire que je suis à côté de la plaque, que cette solution n'est pas la bonne.
merci d'avance à celui ou ceux qui voudront bien se pencher sur ce code.

claire

19/10/2007, 10h34
E.Bzz

Bonjour,

Code:

var leselect = xhr.responseText;

car la variable n'est pas déclarée.
Sinon, est ce que tu récupères bien le formulaire attendu si tu tappes l'url appelée par Ajax (+ paramètres) directement dans la barre d'adresse du nav ?

A+

Bon j'ai un peu avancé, voici la partie de mon code modifié:

Code:

1
2
<div id='devis'>
                </div>

dans page devis_ajax.php

et dans process:

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
<?php
 
 
if(isset($_POST["idtype"])){
        mysql_connect("localhost","root","èç&-éà");
        mysql_select_db("base_test");
        $res = mysql_query("SELECT * FROM devis
                WHERE idtype=".$_POST["idtype"]." ORDER BY contenu");
 //       $type=$_POST['type'];
                while($row = mysql_fetch_assoc($res)){
 
 
         $contenu=stripslashes(str_ireplace('é','&eacute',$row["contenu"]));
 
 
// if($type){
 echo' <label>'.$contenu.'</label>';
echo '          <input type="text" name="'. $contenu . '">';
 //}
//  else{echo "problème";};
 
        }
    }
?>

Ca marche.
Mais j'ai encore un problème:

Dans ma requête, je sélectionne toutes les colonnes de ma table devis.
Donc je devrais avoir $_POST['type'].
Pourtant, quand j'ajoute une condition sur cette variable, ça marche pas.
Elle n'éxiste pas!!!!8O

merci encore

19/10/2007, 11h54
claire13

:yaisse2:

j'ai fais une erreur trop bête, au lieu de marquer

Code:

if ($_row['type'])

j'avais mis:

Code:

if($_POST['type']

:oops:

Bon merci et A+