Ordre d'execution et httpRequest

Version imprimable

Bonsoir à tous,

J'ai un soucis pour effectuer une action basique : modifier le contenu d'un bouton. Le problème n'est pas la modification en elle même mais plutôt l'ordre d'execution de mon script.

En effet, lors du clic d'un bouton je lance ma fonction Sub2() :

Code:

<input id="btvalidation" type="button" value="Valider" class="bouton" onclick="Sub2();"/>

Dans cette fonction je commence par modifier mon bouton puis lancer mon httpRequest :
Code:

1 2 3 4 5 6 function Sub2() { // Modification de mon bouton document.getElementById('btvalidation').value = 'Traitement en cours...'; // Ma fonction httprequest sendData('1', 'null', 'inscription_req_.php', 'POST'); }
Le problème c'est que mon script execute d'abord mon request puis modifie mon bouton à la fin (soit quelques secondes plus tard) alors que le but de la manoeuvre est justement qu'il soit fait avant.

Je montre la modification d'un value dans mon exemple mais j'ai essayé avec plusieurs choses (affichage d'une popup, etc...) et ça fait toujours la même chose !

Merci par avance de votre aide.

Bonjour,

Code:

1
2
3
4
5
6
<input id="btvalidation" type="button" value="Valider" class="bouton" onclick="this.value='Traitement en cours...';Sub2();"/>
...
function Sub2() {
// Ma fonction httprequest
sendData('1', 'null', 'inscription_req_.php', 'POST');
}

A+

06/03/2007, 16h54
sourize

Merci mais j'ai essayé cette façon là aussi, ça me fait le même resultat.
J'ai même tenté une fonction récursive qui ne lance pas le sendData tant que le value modifié => même résultat.

J'ai l'impression qu'il prend en compte la modification mais qu'il n'affiche qu'à la fin du httpRequest...
06/03/2007, 17h01
E.Bzz

En faisant comme ça, il n'y a aucune raison.
Par contre sendData() tout seul, c'est un peu juste pour un appel Ajax :mrgreen:

A+
06/03/2007, 17h45
sourize

J'ai retesté pour bien être sûr mais ça ne passe pas :(
07/03/2007, 09h51
E.Bzz

Comme on ne voit pas tout ton appel Ajax : tu le fais en synchrone ou asynchrone ?

Voici à quoi ressemble ma fonction httprequest, ce sera peut être plus simple ;)

Code:

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
39
function sendData(id_use, data, page, method) {
	if(document.all) {
       		//Internet Explorer
       	 	var XhrObj = new ActiveXObject("Microsoft.XMLHTTP") ;
    	}
    	else {
     		//Mozilla
       		var XhrObj = new XMLHttpRequest();
	    }
	    if(method == "GET") {
	        if(data == 'null') {
	            XhrObj.open("GET", page);
	        }
	        else {
	            XhrObj.open("GET", page+"?"+data);
	        }
	    }
	    else if(method == "POST") {
	        XhrObj.open("POST", page);
	    }
 
	    XhrObj.onreadystatechange = function() {
			if (XhrObj.readyState == 4 && XhrObj.status == 200) {
				switch(id_use) {
					//Inscription
					case "1":  
	    	    	    	    document.getElementById('bulle').style.display = 'none';
					break;
				}
			}
	    }    
	    if(method == "GET") {
	    	    XhrObj.send(null);
	    }
	    else if(method == "POST" && id_use == 1) {
XhrObj.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	        XhrObj.send("submit="+_submit);
	    }
	}