[AJAX] Rechargement de div : problème avec IE 6
Bonjour,
J'utilise AJAX pour recharger un div avec une liste déroulante :
j'ai un tableau qui se recharge à chaque fois qu'on change l'option de la liste déroulante.
Sur FF, ça marche quasiment impeccablement par contre sous IE 6...Rien! Lors du rechargement il n'y a plus rien dans le div...
Voici mon code de la fonction sur onchange
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
|
function creerRequete()
{
try
{
/* On tente de créer un objet XmlHTTPRequest */
requete = new XMLHttpRequest();
}
catch (microsoft)
{
/* Microsoft utilisant une autre technique, on essays de créer un objet ActiveX */
try
{
requete = new ActiveXObject('Msxml2.XMLHTTP');
}
catch(autremicrosoft)
{
/* La première méthode a échoué, on en teste une seconde */
try
{
requete = new ActiveXObject('Microsoft.XMLHTTP');
}
catch(echec)
{
/* À ce stade, aucune méthode ne fonctionne... mettez donc votre navigateur à jour ;) */
requete = null;
}
}
}
if(requete == null)
{
alert('Impossible de créer l\'objet requête,\nVotre navigateur ne semble pas supporter les object XMLHttpRequest.');
}
}
function ajaxMajTab(idProcess)
{
if(idProcess == 'vide')
{
//document.getElementById('blocPole').innerHTML = '';
}
else
{
/* À cet endroit précis, on peut faire apparaître un message d'attente */
var tableau = document.getElementById('tabHoraires');
tableau.innerHTML = "Traitement en cours, veuillez patienter..."+idProcess;
/* On crée l'objet XHR */
creerRequete();
/* Définition du fichier de traitement */
var url = 'php/tabHorairesEssai.php?idProcess='+ idProcess;
/* Envoi de la requête à la page de traitement */
requete.open('GET', url, true);
/* On surveille le changement d'état de la requête qui va passer successivement de 1 à 4 */
requete.onreadystatechange = function()
{
/* Lorsque l'état est à 4 */
if(requete.readyState == 4)
{
tableau.innerHTML = "Ready state 4";
/* Si on a un statut à 200 */
/* if(requete.status == 200)
{*/
tableau.innerHTML = "Requete status : 200 !";
/* Mise à jour de l'affichage, on appelle la fonction apropriée */
var tabHoraire = requete.responseText;
var divTabHoraires = document.getElementById('tabHoraires');
divTabHoraires.innerHTML = tabHoraire ;
/* }*/
}
}
requete.send(null);
}
} |
Donc voila je voulais savoir si j'ai fait une erreur ou si ce type de code est carrément incompatible avec IE6...
Merci d'avance!
