Chargement + passage par page interm�diaire

**richard_sraing** · 20/04/2009, 14h32

Bonjour tout le monde.

Mon probl�me est relativement simple.
J'ai une page contenant un formulaire � deux champs me permettant de saisir un mois et une ann�e.

Lorsque je valide le formulaire, je r�acc�de � la m�me page avec une valeur pass�e en param�tre, afin de signaler que je dois changer le contenu de la page.voici donc ce petit formulaire:

Code asp :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
 
<form action="CaCom.asp" method="post" >
<label for="Mois">Mois :</label><input type="text" size="2" name="Mois" id="Mois" tabindex="10">
<label for="Annee">Année :</label> <input type="text" size="4" name="Annee" id="Annee" tabindex="20">
 
<br/>
<input type="submit" name="GetCA" value="Calculer" tabindex="30" onClick="warning()"/>
<input type="reset" value="Réinitialiser les champs"/>
</form>

Quand je reviens sur ma page, je v�rifie avec la valeur de GetCA si j'affiche mon chiffre d'affaire ou non (Calcul bas� sur le mois et l'ann�e pr�c�demment saisi). Le chiffre d'affaire s'affichera par appel � une proc�dure se trouvant dans mon code Dataflex (code behind).
Le processus de calcul �tant tr�s long (pour ma BD de test +/- 6 secondes pour 5 commerciaux et +/- 1000documents).
J'ai pr�sent� la premi�re partie ce matin aux responsables, et ils pensent tous qu'il faudrait passer par une page interm�diaire permettant de signaler qu'il faudra patienter un peu.

J'ai essayer avec le code suivant:

Code Javascript :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
 
function warning(){
	document.write('Veuillez patienter s'+"'"+'il vous plait...');
}

Et la page interm�diaire se charge bien. Le probl�me est que c'est fini apr�s.
Comment faire pour charger la suite, c'est � dire envoyer les infos pour le calcul, et afficher le r�sultat?

Je n'ai aucune id�e si j'ai �t� clair dans mon explication, si besoin est, je r�expliquerais.

Richard

**andry.aime** · 20/04/2009, 15h01

Utilises AJAX, tu peux trouver ton bonheur.

**richard_sraing** · 20/04/2009, 15h12

Euh, je veux bien, mais �tant un gros d�butant tout mauvais dans le monde du d�veloppement web, j'y connais pas grand chose, et je risque fort de me prendre les pattes dans le tapis.

Aurais tu des infos suppl�mentaires sur comment proc�der?

**emmanuel.remy** · 20/04/2009, 15h11

Salut,

- L'id�al serait de pouvoir ex�cuter dans un autre thread le calcul long, de mani�re � ne pas bloquer la navigation. Si tu peux faire cela, le plus simple c'est de rendre la main au navigateur en affichant une page d'attente; une fois fini ton calcul sur le server, tu renseignes une variable de session; du c�t� client, tu interroges � intervalle r�gulier le server et tu testes l'existence de la variable de session: d�s qu'elle est l�, c'est que le calcul est fini et donc que tu peux r�afficher ta page r�sultat.

- Si tu ne peux pas faire de thread, rien ne t'emp�che de conserver ce que tu as fait pr�c�demment mais d'afficher au chargement de ta page un panneau (type DIV) pr�venant que le calcul est en cours... Tu caches le panneau � la fin du chargement de ta page, quand ton calcul sera donc fini.

- Autre solution: plut�t que de reposter les donn�es, tu appelles via AJAX une URL charg�e de faire le calcul, dont tu stockes le (les) r�sultat(s) en session. Le temps du calcul tu affiches un panneau d'attente, et une fois le retour de ton script AJAX (id est la fin du calcul) tu recharges ta page (window.location...

ERE

En fonction de ton cas voici quelques piste

**richard_sraing** · 20/04/2009, 15h22

Envoy� par emmanuel.remy

- L'id�al serait de pouvoir ex�cuter dans un autre thread le calcul long, de mani�re � ne pas bloquer la navigation. Si tu peux faire cela, le plus simple c'est de rendre la main au navigateur en affichant une page d'attente; une fois fini ton calcul sur le server, tu renseignes une variable de session; du c�t� client, tu interroges � intervalle r�gulier le server et tu testes l'existence de la variable de session: d�s qu'elle est l�, c'est que le calcul est fini et donc que tu peux r�afficher ta page r�sultat.

Je n'ai strictement aucune id�e de comment r�aliser cela en Dataflex. Et honn�tement, je n'ai pas vraiment le temps de m'y int�resser (pour l'instant du moins).

Envoy� par emmanuel.remy

- Si tu ne peux pas faire de thread, rien ne t'emp�che de conserver ce que tu as fait pr�c�demment mais d'afficher au chargement de ta page un panneau (type DIV) pr�venant que le calcul est en cours... Tu caches le panneau � la fin du chargement de ta page, quand ton calcul sera donc fini.

Je pense que ce serait la solution la plus simple � mettre en place. Peut �tre pas la plus propre, mais probablement la plus simple et la plus rapide.

Envoy� par emmanuel.remy

- Autre solution: plut�t que de reposter les donn�es, tu appelles via AJAX une URL charg�e de faire le calcul, dont tu stockes le (les) r�sultat(s) en session. Le temps du calcul tu affiches un panneau d'attente, et une fois le retour de ton script AJAX (id est la fin du calcul) tu recharges ta page (window.location...

J'ai pas tout compris dans l'imm�diat, mais j'ai ressorti un tuto sur l'ajax du site de w3schools (je vais me replonger dedans). J'ai d�velopper quelques petites fonctions ajax, mais j'ai oublier comment �a marche

Bon, le gros

que je suis vas y retourner alors.

Merci pour les pistes en tout cas

**richard_sraing** · 20/04/2009, 16h24

Bon, je viens de mettre en place mon appel � la fonction Ajax.

J'obtiens donc quelque chose du genre ceci:

Code asp :

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
 
<div id="WaitMsg" name="WaitMsg">
<p>
Veuillez patienter s'il vous plait...<br/>
Le calcul est en cours de réalisation.
</p>
</div>
<div class="CA"><p>Voici le chiffre d'affaire jusqu'au <%if Mois<>"" and Annee<>"" then %> <%=Mois%>/<%=Annee%>.<%else%> mois courant.<%end if%></p>
  <p><i>Les montants affichés correspondent aux ventes en tant que Premier <u><b>et</b></u>
  Second vendeur.</i></p>
 
 
<!-- Le tableau avec les CA des commerciaux -->
  <table class="CaVend" id="CaVend">
	<script>CalculCA('<%=Mois%>', '<%=Annee%>', '<%=Init%>', <%=iRights%>);</script>
  </table>

Et gr�ce � Firebug, j'ai v�rifier, je r�cup�re bien mon texte avec mes td, tr, ...

Le probl�me, il ne m'affiche pas mon tableau.

J'ai oublier quelque chose? Je suppose que oui, mais quoi? Quelqu'un pourrait-il me mettre sur la voit?

Mon div contenant le petit texte demande au user d'attendre ne disparait pas non plus:

Code javascript :

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
 
function CalculCA(Mois, Annee, Init, Rights){
    xmlHttp = GetXmlHttpObject();
    if (xmlHttp==null)
    {
        alert('Votre navigateur ne supporte pas l\'Ajax');
        return;
    }
    var url = "./fct/calculCA.asp"
    url = url+ "?Mois="+Mois;
    url = url+ "&Annee="+Annee;
    url = url+ "&Init="+Init;
    url = url+ "&Rights="+Rights;
    xmlHttp.onreadystatechange=function()
    {
        if(xmlHttp.readyState==4)
        {
            document.getElementById("WaitMsg").style.display="none";
            document.getElementById("CaVend") = xmlHttp.responseText;
        }
    }
 
    xmlHttp.open("GET", url, true);
    xmlHttp.send (null);	
}

Merci d'avance pour l'aide en conseil apport�.

Richard

**emmanuel.remy** · 20/04/2009, 15h48

Dans ton cas, passer par AJAX semble le plus simple et le moins sujet � probl�mes.

Une fois mis en places tes fichiers asp et AJAX reviens vers nous si tu as un souci !

ERE

**emmanuel.remy** · 20/04/2009, 16h48

Plut�t comme cela:

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
//au niveau du body:
<body onload="CalculCA('<%=Mois%>', '<%=Annee%>', '<%=Init%>', <%=iRights%>);" >
...


<div id="WaitMsg" name="WaitMsg">
<p>
Veuillez patienter s'il vous plait...<br/>
Le calcul est en cours de r�alisation.
</p>
</div>
<div class="CA"><p>Voici le chiffre d'affaire jusqu'au <%if Mois<>"" and Annee<>"" then %> <%=Mois%>/<%=Annee%>.<%else%> mois courant.<%end if%></p>
  <p><i>Les montants affich�s correspondent aux ventes en tant que Premier <u><b>et</b></u>
  Second vendeur.</i></p>
  
 
<!-- 
Le tableau avec les CA des commerciaux 
GENERE TOUTE LA TABLE SUR LE SERVER
Ci-dessous la balise div qui accueillera le r�sultat
-->
<div id="resCalcul"></div>

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
function CalculCA(Mois, Annee, Init, Rights){
    var xmlHttp = GetXmlHttpObject();
    if (xmlHttp==null)
    {
        alert('Votre navigateur ne supporte pas l\'Ajax');
        return;
    }
    var url = "./fct/calculCA.asp"
    url = url+ "?Mois="+Mois;
    url = url+ "&Annee="+Annee;
    url = url+ "&Init="+Init;
    url = url+ "&Rights="+Rights;
    xmlHttp.onreadystatechange=function()
    {
        if(xmlHttp.readyState==4)
        {
            document.getElementById("WaitMsg").style.display="none";
            document.getElementById("resCalcul").innerHTML = xmlHttp.responseText;
        // alert('retour ok'); si tu veux t'assurer bien passer ici
        }
    }
 
    xmlHttp.open("GET", url, true);
    xmlHttp.send (null);	
}

ERE

**richard_sraing** · 21/04/2009, 08h42

Je ne peux pas le mettre dans le onload de Body, car la page est la m�me que j'affiche le petit formulaire de d�part, ou que j'affiche le chiffre d'affaire.

Ce que je pourrais faire, c'est conditionner le le tag body, en regardant si j'ai fait une demande pour voir le CA ou pas, et en fonction, charger un tag plut�t qu'un autre.
Mais j'ai un autre probl�me, � la base, je ne r�cup�rais pas tout le code du tableau dans le r�sultat, juste les tags de contenus du tableau. (la d�claration �tant dans ma page asp).
J'ai changer, et cr��e donc maintenant mon tableau dans le code behind, mais le r�sultat n'arrive pas. On dirait qu'il ne met pas mon code � jour. Pareil pour la partie en Javascript et Ajax. Je fais des changements, mais il n'en tiens pas compte tout de suite. Faut-il que je change une option de FFx?

**richard_sraing** · 21/04/2009, 08h57

Bon, � ce niveau ci, il me reste une erreur.

Lors de l'entr�e dans la page, dans la partie qui concerne l'affichage du tableau, je cache la partie avec le div qui contient un petit texte d'explication.
Par contre, j'affiche un div contenant un texte demandant de patienter.

Lorsque je re�ois la r�ponse, mon div de "patientement"(pas fran�ais tout �a, mais on me comprendre) disparait, mais le div contenant le tableau n'apparait pas.

Au niveau du code j'ai ceci:
Pour le code Ajax

Code javascript :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
xmlHttp.onreadystatechange=function()
{
	if(xmlHttp.readyState==4)
	{
		document.getElementById("WaitMsg").style.display="none";
		document.getElementById("ContentRes").style.display="block";
		document.getElementById("resCalcul").innerHtml = xmlHttp.responseText;
	}
}

Et ceci pour le code dans la page asp:

Code HTML :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<div id="WaitMsg" name="WaitMsg">
<p>
Veuillez patienter s'il vous plait...<br/>
Le calcul est en cours de réalisation.
</p>
</div>
 
<div class="CA" id="ContentRes" style="display: none;">
<p>Voici le chiffre d'affaire jusqu'au <%if Mois<>"" and Annee<>"" then %> <%=Mois%>/<%=Annee%>.<%else%> mois courant.<%end if%></p>
 <p><i>Les montants affichés correspondent aux ventes en tant que Premier <u><b>et</b></u> Second vendeur.</i></p>
  <div id="resCalcul">
	<script>CalculCA('<%=Mois%>', '<%=Annee%>', '<%=Init%>', <%=iRights%>);</script>
  </div>
</div>

Donc le div "WaitMsg" s'affiche bien au d�part, et disparait lors de la r�ception de la r�ponse. Par contre, le div "ContentRes" n'apparait pas une fois la r�ponse re�ue?

Quelqu'un pourrait-il m'aider � mettre le doit sur la chose qui cloche?

Merci d'avance une fois encore pour toute l'aide que vous m'avez apporter.

**emmanuel.remy** · 21/04/2009, 09h12

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
document.getElementById("ContentRes").style.display="block";

et ce n'est pas tr�s propre de mettre ton script dans cette div dont le contenu se modifi�. C'est logiquement sur le onload du body que ce devrait �tre positionn�. A toi de le supprimer si c'est le premier chargement, ce qui ne devrait pas poser de probl�me majeur en ASP

.

ERE

**richard_sraing** · 21/04/2009, 09h41

Bon, maintenant, moi code est le bon.

Mais le tableau ne s'affiche pas...

voici donc ce que j'ai:

Code Javascript :

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
function CalculCA(Mois, Annee, Init, Rights){
	xmlHttp = GetXmlHttpObject();
	if (xmlHttp==null)
	{
		alert('Votre navigateur ne supporte pas l\'Ajax');
		return;
	}
	var url = "./fct/calculCA.asp"
	url = url+ "?Mois="+Mois;
	url = url+ "&Annee="+Annee;
	url = url+ "&Init="+Init;
	url = url+ "&Rights="+Rights;
	xmlHttp.onreadystatechange=function()
	{
		if(xmlHttp.readyState==4)
		{
			document.getElementById('WaitMsg').style.display='none';
			document.getElementById('ContentRes').style.display='block';
			document.getElementById('resCalcul').innerHtml = xmlHttp.responseText;
		}
	}
 
	xmlHttp.open("GET", url, true);
	xmlHttp.send (null);	
}

Pour la partie asp:

Code HTML :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<div id="WaitMsg" name="WaitMsg">
<p>
Veuillez patienter s'il vous plait...<br/>
Le calcul est en cours de réalisation.
</p>
</div>
 
<div class="CA" id="ContentRes" style="display: none;">
<p>Voici le chiffre d'affaire jusqu'au <%if Mois<>"" and Annee<>"" then %> <%=Mois%>/<%=Annee%>.<%else%> mois courant.<%end if%></p>
<p><i>Les montants affichés correspondent aux ventes en tant que Premier <u><b>et</b></u> Second vendeur.</i></p>
  <div id="resCalcul"></div>
</div>

Je pensais devoir mettre un style.display='block'; sur le tableau aussi, mais �a ne change rien.
Des id�es?

[EDIT]
Voici la r�ponse (une partie) que je r�cup�re gr�ce � la partie Ajax:

<table class="CaVend" id="CaVend" ><tr><th class="Header">Vendeur(s)</th><th class="Header">5/2008</th
><th class="Header">6/2008</th><th class="Header">7/2008</th><th class="Header">8/2008</th><th class
="Header">9/2008</th><th class="Header">10/2008</th>

**andry.aime** · 21/04/2009, 10h33

Salut,

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

document.getElementById('resCalcul').innerHTML = xmlHttp.responseText;

**richard_sraing** · 21/04/2009, 10h34

Excellent.

il ne me serais jamais venu � l'id�e que cela pourrait poser un probl�me.

Merci beaucoup. Le tout marche correctement maintenant.

**emmanuel.remy** · 21/04/2009, 10h56

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

document.getElementById('resCalcul').innerHtml =

tiens je l'avais manqu� celle-l� !

ERE

Chargement + passage par page interm�diaire

JavaScript

Vue hybride

Discussions similaires

Partager

Partager