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);
}