Bonsoir,

J'essaye de remplir 2 DIV dans une page via AJAX mais après execution du code seul la dernière, dans l'ordre d'appel, est remplis.
Petit exemple:
mes 2 DIV:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
<div id="div_mysql" style="width:400px;height:100px;overflow:auto"></div>
<div id="div_utilisateur" style="width:800px;height:400px;overflow:auto"></div>
mon code JS appelant les fonctions AJAX (ressemblant étrangement au tuto )
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
function ajx_mysql() {
	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 && xhr.status == 200){
			document.getElementById('div_mysql').innerHTML = xhr.responseText;
		}
	}
	url_ajax = "ajax.php?step=1";
	xhr.open("GET",url_ajax,true);
	xhr.send(null);
}
function ajx_utilisateur(){
	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 && xhr.status == 200){
			document.getElementById('div_utilisateur').innerHTML = hr.responseText;
		}
	}
	url_ajax = "ajax.php?step=1";
	xhr.open("GET",url_ajax,true);
	xhr.send(null);
}
function onchange_connect() {
	ajx_mysql();
	ajx_utilisateur();
}
Ici seul la div_utilisateur (appelé par ajx_utilisateur) est remplis.
Si j'intervertis les 2 appel ajx... alors c'est la div_mysql qui est remplis.

Donc comment faire pour avoir mes 2 DIV remplis?