Discussion :

[nicoweb371]

Bonjour,

J'ai suivi le tutorial suivant :

http://siddh.developpez.com/articles/ajax/

Impeccable, j'ai pu l'adapter pour une de mes applications.
Petit souci, je souhaite faire la même chose, mais avec 3 listes déroulantes (choix de la 1ère => incremente la deuxième => choix de la deuxième => incrémente la 3ème).
Comment faire ?
Car pour le moment, je cale !
Si vous voulez mon code dite le moi

Merci

[NeHuS]

Salut nico ,

J'ai eu le même besoin que toi il y a quelques semaines ...

Si tu as pris le tuto de siddh ça risque d'aller vite

Alors d 'abord il faut que tu rendes la fonction go generique , en lui passant 3 parametres : la source , l'adresse de la page web , et l'id pour le resultat

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
 
function go( src , page , result )
{
page = page + ".php"; // ou ".asp" ça depend du langage of course
 
....
document.getElementById(result).innerHTML = leselect;
...
xhr.open("POST",page,true);
...
sel = document.getElementById(src);
...
    xhr.send("Query="+scherche);

ensuite dans ton code il faut appeler la fonction go proprement donc dans ton onchange ou onclick de ton select passe les bons arguements ex :

Code :

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

 onchange='go("leselect" , "la-page-ou-je-vais-faire-la-requete","le div ou je veux le resultat")

voila Mr a priori ça rox keep me in touch dude...

[nicoweb371]

Salut nico ,

J'ai eu le même besoin que toi il y a quelques semaines ...

Si tu as pris le tuto de siddh ça risque d'aller vite

Alors d 'abord il faut que tu rendes la fonction go generique , en lui passant 3 parametres : la source , l'adresse de la page web , et l'id pour le resultat

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
 
function go( src , page , result )
{
page = page + ".php"; // ou ".asp" ça depend du langage of course
 
....
document.getElementById(result).innerHTML = leselect;
...
xhr.open("POST",page,true);
...
sel = document.getElementById(src);
...
    xhr.send("Query="+scherche);

ensuite dans ton code il faut appeler la fonction go proprement donc dans ton onchange ou onclick de ton select passe les bons arguements ex :

Code :

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

 onchange='go("leselect" , "la-page-ou-je-vais-faire-la-requete","le div ou je veux le resultat")

voila Mr a priori ça rox keep me in touch dude...

Pas tout saisie, tu peux m'en dire plus stp ?
Merci !

[NeHuS]

Aller je vais prendre un exemple concret pour que tu saisisses

exemple en asp ( mais en php c 'est kif kif bourricot comme dirait je sais plus qui )

Code :

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

1
2
3
4
5
6
7
 
 
<select id="firstSelect" onchange='go("firstSelect","firstPageHttpRequest","firstDiv")' >
            <%
                 Call FillFirstSelect() // procedure qui rempli le select d'option 
            %>
            </select>

la procedure que voila :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
sub FillFirstSelect()
 
'connexion a la db etc...
if not rs.eof then 
            Response.Write("<option value='-1'> Please select </option>")
            do while not rs.eof 
        Response.Write("<option value= '" & rs(0) & "'>" & rs(0) & "</option>")
                rs.movenext                                                             
            Loop
        end if
        rs.close
end sub

la page firstPageHttpRequest.asp // ou php peu importe uniquement la methode pour recuperer la valeur du post et la connexion a la db changeront

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
 
req = request.form("Query")
if (req <> "" )  then
 
'requete sql
WHERE machin='" & req &  "'"
....
'generation des options du second select
if not rs.eof then 
response.write "<div id="firstDiv">
response.write "<select name='secondselect' id='secondselect' onchange='go(""secondselect"",""secondPageHttpRequest"",""secondDiv"")' >'"
 
do while not rs.eof 
            Response.Write("<option value= '" & rs(0) & "'>" & rs(1) & "</option>")
rs.movenext                                                             
        Loop
    end if
...
response.write "</select></div>
....

la page secondPageHttpRequest.asp ... est la meme que la premiere ...

En esperant avoir etait plus concret

[nicoweb371]

Salut,

Merci pour cette réponse.
Cependant, j'ai toujours un problème pour incrémenter ma 3ème liste à partir de la deuxième. Lorque je fais un choix sur ma deuxième liste, il ne se passe rien, comme si il ne rentrait pas dans la fonction go.
J'y comprend rien !

J'ai pourtant mis la fonction go en générique avec 3 paramètres.
Aucun pb de la 1ère à la deuxième.

D'ou peut venir mon erreur ?

Merci

[nicoweb371]

C'est bon j'ai réussi !!
Merci beaucoup !