Discussion :

[Jonathan.b]

Bonjour à tous,

Commençons directement par le code:

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
 
function test2 (){
	URL ="xml/win/win_bdd_oracle_xml.php?id_action=40&id_ecran=0";
 
	new Ajax.Updater('console_message',URL , { 
		onLoading: start_loading(),
		method : 'get' , 
		onComplete: stop_loading()
	})
}
 
function start_loading(){
	document.getElementById('loading1').className="loading_visible";
}
 
function stop_loading(){
	document.getElementById('loading1').className="loading_invisible";
}

Pour vous expliquer rapidement, les fonctions start_loading() et stop_loading permettent d'afficher et de cacher une image de chargement.
Je lance donc ces deux fonctions respectivement avec les arguments onLoading et onComplete de prototype.

Le problème que je rencontre est que le onComplete se lance (et donc cache l'image de chargement) presque instantanément après le onLoading. Je ne vois donc pas d'image de chargement.

Je test sous FF avec le Firebug et l'on voit bien que le onComplete lance la fonction stop_loading() bien avant que je recoive la réponse de la requete ajax (updater).

D'où cela peut il venir?

Je ne comprend plus...

Merci d'avance.

[rootdaoud]

Bonjour,
essayez svp se code:

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
 
	var url='xml/win/win_bdd_oracle_xml.php';
	new Ajax.Request(url, {
		method: 'post',
		parameters: {'id_action':'40','id_ecran':'0'},
		onSuccess: function(transport) {
			//alert(transport.responseText);return;
			$('console_message').innerHTML=transport.responseText;
		},
		onLoading: function(transport) {
                                      alert('loading');//pour verifier
			$('loading1').className="loading_visible";
		},
		onComplete: function(transport) {
                                      alert('complete');//pour verifier
			$('loading1').className="loading_invisible";
		},
		onFailure: function(transport) {
			alert('Error');
		}
	}

d'habitude je n'utilise pas updater -c'est un avis-
merci.