Discussion :

[pierrot2908]

Bonsoir,
Je dois faire patienter les internautes le temps d'une fonction PHP. cette fonction fait appelle à différent serveurs web ce qui implique un temps d'attente d'environs 6s. L'objectif est donc d'avoir un popup qui s'affiche le temps du traitement.
Je pense que la seule facon de faire est du AJAX mais je n'ai jamais vraiment utilisé AJAX d'ou quelques lacunes.
Merci d'avnace

[andry.aime]

Bonjour,

Je pense que la seule facon de faire est du AJAX mais je n'ai jamais vraiment utilisé AJAX d'ou quelques lacunes.

Le tutoriel

L'objectif est donc d'avoir un popup qui s'affiche le temps du traitement.

Tu peux manipuler simplement le contenue d'un div ou span.

[pierrot2908]

Je précise ma question, qui ne me semble pas très claire,
J'utilise comme framework Prado (mais c po le pb) dans mon formulaire je souhaite lorsque l'on clic sur le bouton de lancement lancer avec l'évènement Onclic le script javacript.
Ensuite le script ferai appel un fonction XX classe php. est possible en Ajax?

Code :

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

OnClic = "mafonctionJavascript"

Code :

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

<script> la je ne sais po quoi mettre </script>

merci de votre aide

[andry.aime]

Je ne comprend pas ton problème.

Ensuite le script ferai appel un fonction XX classe php. est possible en Ajax?

As-tu lu le tutoriel sur le lien que j'ai donné sur mon poste précédent?

En effet la technologie Web entière est basée sur le modèle de l'aller retour : pour une requête serveur, vous avez un retour qui se traduit par un rafraîchissement des données (la page Web affichée).

[pierrot2908]

dsl je n'avais po vu ton message au moment ou j'ai posté.
Je viens de lire le tuto. cependant je ne vois po du tout comment faire appel à ma fonction php.

Sinon qu'est ce que tu entends par la manipulation de div

[andry.aime]

cependant je ne vois po du tout comment faire appel à ma fonction php.

1-tu faits une requête AJAX pour envoyer les données vers le fichier php.
2-Quand le fichier reçoit les données, tu lances la fonction et retourne son résultat.
3-le requête AJAX récupère le résultat et l'affiche sur la page.
Comprendre les mécanismes d'AJAX

[pierrot2908]

Code :

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

1
2
3
4
5
6
                    <com:TImageButton
                    	ImageUrl="<%=$this->Page->Theme->BaseUrl%>/images/auto/btn-telechargez-imprimez.gif"
                        OnClick="redirectMail" //reference a la fonction php
                        ToolTip="Téléchargez et imprimez votre demande"
                        ValidationGroup="FormGroup"
                        />

et la sur le OnClic je voudrai avoir un tickbox le temps de l'execution du php

[andry.aime]

C'est dans le onclick que tu dois appeler la fonction AJAX. Tu trouves comment faire une fonction AJAX dans le tutoriel.

[pierrot2908]

merci pour ta réponse, je omprend bien kil faut utilisé le Onclic mais la je doit fait pour le javascript

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
 
<script language="javascript">
 
function fonction ( ){
 
		var texte = document.getElementById("champ").value;
 
		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", "./traitement.php", true);// c'est ici comment dire prend la fonction redirectMail
 
	   xhr_object.onreadystatechange = function() { 
	      if(xhr_object.readyState == 4) {
			 //alert(xhr_object.responseText); // DEBUG MODE
			 // --- ICI le retour (c'est à dire tout ce qui est écrit dans le fichier de traitement)
			 // --- est interprété, donc il suffi d'écrire du code JS dans traitement.php pour
			 // --- qu'il soit interprété au retour.
	         eval(xhr_object.responseText);
		  }
	   } 
 
	   xhr_object.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	   // --- ICI TU PASSE TES ARGUMENTS AU SCRIPT :
	   var data = "donnee="+texte;
	   xhr_object.send(data);
 
}
 
</script>

[andry.aime]

Dans traitement.php tu appelles la fonction.

Code PHP :

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

1
2
3
4
5
6
7
8
9
10
<?php
function fonction($a)
{
  echo $a;
}
if(isset($_POST['donnee']))
{
  fonction($_POST['donnee'])
}
?>

et tu récupères le retour avec xhr_object.responseText dans ton JS.

Code :

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

1
2
3
4
5
 xhr_object.onreadystatechange = function() { 
	      if(xhr_object.readyState == 4) {
			alert(xhr_object.responseText);// Tu affiche le retour de la fonction php.
		  }
	   }

[bdaboah]

* 0 : L'objet XHR a été créé, mais pas encore initialisé (la méthode open n'a pas encore été appelée)
* 1 : L'objet XHR a été créé, mais pas encore envoyé (avec la méthode send )
* 2 : La méthode send vient d'être appelée
* 3 : Le serveur traite les informations et a commencé à renvoyer des données
* 4 : Le serveur a fini son travail, et toutes les données sont réceptionnées

Code :

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

1
2
if(xhr_object.readyState == 3){traitement attente}
if(xhr_object.readyState == 4){traitement final}