Code bon que si Alert javascript

**blackstrobe** · 09/10/2014, 10h42

Bonjour,

Je suis en train de développer une fonction Ajax et je m'étonne d'une chose :
si je décommente mon alert (cf. ci-dessous), le code marche bien.
Par contre s'il est commenté, la valeur retournée dans mon_id n'est pas la bonne !
Cela est dû au fait que mon alert fait office de "sleep" ? Et si non, de quoi cela peut-il venir ?

Code :

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

1
2
//window.alert(sel01.options[sel01.selectedIndex].value);
mon_id = sel01.options[sel01.selectedIndex].value;

Merci d'avance.

**SpaceFrog** · 09/10/2014, 10h43

quelle est la chronologie ?
quel evenement ?

**blackstrobe** · 09/10/2014, 11h12

J'ai 3 listes deroulantes : A, B, C
En fonction de ce qui est choisi dans la liste A, le contenu de la liste B se met à jour.
En fonction de ce qui est choisi dans la liste B, le contenu de la liste C se met à jour.

Je mets la valeur choisie de chaque liste dans des variables en session
et lorsque je retourne sur cette page, je veux que les listes soient bien chargées avec les valeurs bien sélectionnées.

Au chargement de la page, je lance les 2 fonctions javascripts suivantes à la suite :
AjaxGetRegionsDeptsByPays();
AjaxGetVillesByRegionsDepts();

La 1ère fonction javascript fait bien son travail.
Par contre, sur la 2nd, j'ai id_RegionsDepts="la valeur sélectionnée dans la liste" que si le
//window.alert(sel01.options[sel01.selectedIndex].value);
est décommenté !

Sinon, j'ai :
id_RegionsDepts=-1 et cela est faux !

Voici le code lancé :

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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
 
function initAjax()
{
		var xmlHttp;
		try
		{
			// Firefox, Opera 8.0+, Safari
			xmlHttp=new XMLHttpRequest();
		}
		catch (e)
		{
			// Internet Explorer
			try
			{
				xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
			}
			catch (e)
			{
				xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
			}
		}
		return xmlHttp ;
}
 
function AjaxGetRegionsDeptsByPays()
{
		var xmlHttp2=initAjax();
		var id_Pays='-1';
 
		//window.alert("execution ajax");
		xmlHttp2.onreadystatechange=function()
		{
			//window.alert("execution onreadystatechange");
			if(xmlHttp2.readyState == 4 || xmlHttp2.readyState == 0)
			{
				//window.alert("execution onreadystatechange");
				//				window.alert(" avant:"+id_Pays);
				document.getElementById('slcRegionsDepts').innerHTML = xmlHttp2.responseText;
			}
		}
			sel = document.getElementById('slcPays');
 
			//window.alert(sel.options[sel.selectedIndex].value);
			id_Pays = sel.options[sel.selectedIndex].value;
 
			//window.alert("apres:"+id_Pays);
			xmlHttp2.open("GET","searchRegionsDepts.php?Id_Pays="+id_Pays,true);
 
			//window.alert("apres1:"+id_Pays);
			xmlHttp2.send(null);
}
 
function AjaxGetVillesByRegionsDepts()
{
		var xmlHttp2=initAjax();
		var id_Pays='-1';
		var id_RegionsDepts='-1';
 
 
		//window.alert("execution ajax");
		xmlHttp2.onreadystatechange=function()
		{
			//window.alert("execution onreadystatechange");
			if(xmlHttp2.readyState == 4 || xmlHttp2.readyState == 0)
			{
				//window.alert("execution onreadystatechange");
				//				window.alert(" avant:"+id_Pays);
				document.getElementById('slcVilles').innerHTML = xmlHttp2.responseText;
			}
		}
 
		sel00 = document.getElementById('slcPays');
		sel01 = document.getElementById('slcRegionsDepts');
 
		//window.alert(sel00.options[sel00.selectedIndex].value);
		id_Pays = sel00.options[sel00.selectedIndex].value;
 
		//window.alert(sel01.options[sel01.selectedIndex].value);
		id_RegionsDepts = sel01.options[sel01.selectedIndex].value;
 
		//window.alert("apres:"+id_Region);
		xmlHttp2.open("GET","searchVilles.php?Id_Pays="+id_Pays+"&Id_RegionDept="+id_RegionsDepts,true);
 
		//window.alert("apres1:"+id_Region);
		xmlHttp2.send(null);
}