Discussion :

[veriecherie]

Bonjour à tous,

Je suis actuellement en train de développer des pages Intranet permettant de créer des bons de commande interne. Mon soucis est qu'actuellement je fais dans cet ordre :

1. la personne s'identifie
2. la personne choisit son département
3. la personne remplie le bon de commande

Tous ça en trois pages... Et j'aimerai que ça se passe en deux pages, c'est à dire la personne s'identifie (première page) puis (deuxième page) la personne choisit son département, je fais une mise à jour de la page et j'affiche le formulaire pour remplir le bon de commande. Et là est mon problème, je ne sais pas comment faire pour rafraîchir la page une fois que la personne a choisit son département. Sachant que quand je doit rafraichir la page, je dois aller chercher des infos, dans ma base, correspondantes au choix du département.
Quelqu'un pourrait-il m'aider svp ?
Merci

[vva]

une seule solution AJAX.

sur la combo tu mets l'évènement onchange qui lance la fonction de mise à jour de ta page

[veriecherie]

Bonjour vva,

Merci pour ta réponse. Mais Ajax je ne connais absolument pas... Est ce que cela est difficile à comprendre ou je peux y arriver facilement ?
Saurais-tu me guider pour y arriver stp ?
Sinon ils auront trois pages et puis tant pis, ça leur fera un clic de plus

Merci

[vva]

petit tuto

sur ta page 1 tu as ceci

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
<script>
/Création d'un objet pour AJAX
function getXhr()
{
var xhr = null; 
xhr = new ActiveXObject("Msxml2.XMLHTTP");
return xhr;
}
 
function Ajax(Div,Val)
{
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)
{
document.getElementById(Div).innerHTML=xhr.responseText;
}
}
xhr.open("GET","Page.asp?Val="+Val,true);
xhr.send(null);
}
</script>
 
<select nom="" onchange="ajax('nomdudivd'affichage',valeursélectionnéedanslacombo)">
<option></option>
</select>
<div id="'nomdudivd'affichage'"></div>

et dans ta page asp tu auras une requête sql qui traite la sélection de la combo en récupérant la valeur par une request.querystring
une fois la requête exécutée, tu dois faire un response.write du résultat et ton div de résultat de la page 1 va se mettre à jour.

[veriecherie]

Merci pour ton aide ! ! !

Il y a un truc que je ne comprends pas dans ton tuto ceci :

ton div de résultat de la page 1 va se mettre à jour

Comment il se met à jour, je dois le dire quelque part non ? C'est dans la page asp que je dis quoi mettre dans le div ?

Encore merci pour ton aide et ta patience

[pc75]

Bonjour,

Tu as aussi cette possibilité :

1 Page d'authentification

2 Page avec choix du département et sur le onchange, tu rapelles la même page (en testant le contenu de request from / querystring)

[vva]

c'est cette ligne là qui insère le code html envoyé par la page asp de traitement

Code :

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

1
2
 
document.getElementById(Div).innerHTML=xhr.responseText;

pc75 a raison c'est aussi une autre méthoque que j'utilisais auparavant mais immobilis m'a convaincu de passer à l'ajax et franchement je ne le regrette pas c'est plsu simple que de gérer les relaod et tout ce qui s'y raccroche et niveau charge serveur tu ne recharges pas tout le temps tes pages

[veriecherie]

merci à tous les deux,

J'ai essayé en Ajax et je n'y arrive pas, c'est trop compliqué pour moi
Et j'ai donc essayé avec la solution de PC 75, mais ça ne fonctionne pas non plus , quand je sélectionne un département rien ne se passe...
Je vous ai mis mon code en PJ

Merci pour votre aide !

[pc75]

Re,
Il te faut un formulaire que tu soumets avec la méthode post. Si tu ne mets rien dans la propriété action de ton formulaire, c'est la page en cours qui est rapellée.

Tu testes alors le contenu de ta variable avec un request.form.

En shématisant :

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
 
<script language="javascript">
function Go()
{
document.MonForm.submit();
}
</script>
...
if Len(Trim(request.form("Departement"))) <> 0 then
......
end if
... 
<form name="MonForm" method="post">
 
<select name="Departement" onchange="Go()">
<option value="1">Dépt1</option>
<option value="2">Dépt2</option>
<option value="3">Dépt3</option>
</select>
...
</form>
...

[veriecherie]

Merci beaucoup !

J'ai réussi j'ai mis mon code en PJ
ça fonctionne à merveille

L'Ajax ce n'est pas encore pour moi mais je vais mis mettre ça me servira surement un jour!

A bientôt
Et merci encore