[AJAX] Ne fonctionne pas sous Firefox
Bonjours,
Voila mon problème, j’ai crée trois select, quand je sélectionne une option dans la première les deux autres changent à temps réel et ainsi de suite. Sa marche très bien sous IE mais pas sous Firefox, voila le code java script et Ajax :
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
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
| var Ld11Id='';
var Ld22Id='';
var id_liste='';
function ValideLd11(val) {
Ld00Id=val; //id_département
id_liste='1';//Utilisé dans la fonction ChargeLd() pour identifier la liste déroulante
var LD_URL = 'ValideLdm11.php?Ld00='+Ld00Id;
ObjetXHR(LD_URL)
id_liste='2';//Utilisé dans la fonction ChargeLd() pour identifier la liste déroulante
var LD_URL1 = 'ValideLdm22.php?Ld00='+Ld00Id;
ObjetXHR(LD_URL1)
id_liste='3'; //Utilisé dans la fonction ChargeLd() pour identifier la liste déroulante
var LD_URL2 = 'ValideLdm33.php?Ld00='+Ld00Id;
ObjetXHR(LD_URL2)
// Réinitialisation de Ld3 si modification de LD1 après passage en Ld2
}
function ValideLd22(val) {
Ld11Id=val; //id_département
id_liste='2';//Utilisé dans la fonction ChargeLd() pour identifier la liste déroulante
var LD_URL1 = 'ValideLdm22.php?Ld11='+Ld11Id;
ObjetXHR(LD_URL1)
// Réinitialisation de Ld3 si modification de LD1 après passage en Ld2
id_liste='3'; //Utilisé dans la fonction ChargeLd() pour identifier la liste déroulante
var LD_URL1 = 'ValideLdm33.php?Ld11='+Ld11Id;
if (Ld11Id=='') {var LD_URL1 = 'ValideLdm33.php?';}
ObjetXHR(LD_URL1)
}
function ValideLd33(val) {
Ld22Id=val; //id_commune
id_liste='3'; //Utilisé dans la fonction ChargeLd() pour identifier la liste déroulante
var LD_URL = 'ValideLdm33.php?Ld22='+Ld22Id;
if (Ld22Id=='') {var LD_URL = 'ValideLdm33.php?';}
ObjetXHR(LD_URL)
}
function ObjetXHR(LD_URL) {
//creation de l'objet XMLHttpRequest
if (window.XMLHttpRequest) { // Mozilla,...
xmlhttp=new XMLHttpRequest();
if (xmlhttp.overrideMimeType) {
xmlhttp.overrideMimeType('text/xml');
}
//setrequestHeader;
xmlhttp.onreadystatechange=ChargeLd;
xmlhttp.open("GET", LD_URL, true);
xmlhttp.send(null);
} else if (window.ActiveXObject) { //IE
xmlhttp=new ActiveXObject('Microsoft.XMLHTTP');
if (xmlhttp) {
xmlhttp.onreadystatechange=ChargeLd;
xmlhttp.open('GET', LD_URL, false);
xmlhttp.send();
}
}
// Bouton non apparent car modification de LD1 ou Ld2
}
// fonction pour manipuler l'appel asynchrone
function ChargeLd() {
if (xmlhttp.readyState==4) {
if (xmlhttp.status==200) {
//span id="niv2" ou "niv3"
document.getElementById('niv'+id_liste).innerHTML=xmlhttp.responseText;
if (xmlhttp.responseText.indexOf('disabled')<=0) {
//focus sur liste déroulante 2 ou 3
document.getElementById('Liste'+id_liste).focus();
}
}
}
} |
Je crois que le problème est dans la création de l’Objet XHR ou je ne sais pas exactement. Merci de votre aide
