[AJAX] Appel sous IE

**pierre50** · 10/11/2008, 22h32

Ce n'est pas faute d'avoir lu et relu ....
mais je reste avec un disfonctionnment sous IE

Dans le fichier ci-dessous, un menu deroulant
Je choisis l'option 2 > donc appel ajax
S'execute r.php affichant un champ Input

Impeccable sous Firefox, mais pas de boite input sous IE
Merci à tous

fichier x.php

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
<script>
function getXhr(){
    if(window.XMLHttpRequest) // Firefox et autres
       xhr = new XMLHttpRequest();
    else if(window.ActiveXObject){ // Internet Explorer
       try {
                   xhr = new ActiveXObject("Msxml2.XMLHTTP");
               } catch (e) {
                   xhr = new ActiveXObject("Microsoft.XMLHTTP");
               }
    }
    else { // XMLHttpRequest non supporté par le navigateur
       alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
       xhr = false;
    }
   }
 
 
function ShowRegroupement()
{
getXhr();
xhr.onreadystatechange = function()
    {
     if(xhr.readyState == 4 && xhr.status == 200)
     {
     document.getElementById('gic_ID').innerHTML=xhr.responseText;
     }
    }
xhr.open("GET","r.php",true);
xhr.send(null);
}
</script>
</head>

Code :

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

1
2
3
4
5
6
7
8
<body>
<select name="classe_ID" id="classe" >
            <option value="1">A</option>
            <option value="2" onClick="ShowRegroupement()">Regroupement</option>
            <option value="3">B</option>
          </select>
          <div  id='gic_ID' style='display:inline' align="left"></div>
</body>

fichier r.php

Code :

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

1
2
3
<?php
echo '<input name="gic_ID" type="text" />';
?>

**Bovino** · 10/11/2008, 22h43

Problème de cache ?

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
function ShowRegroupement()
{
getXhr();
var d = new Date();
xhr.onreadystatechange = function()
    {
     if(xhr.readyState == 4 && xhr.status == 200)
     {
     document.getElementById('gic_ID').innerHTML=xhr.responseText;
     }
    }
xhr.open("GET","r.php?"+d,true);
xhr.send(null);
}

**pierre50** · 11/11/2008, 07h13

Cela ne fonctionne toujours pas sous IE.

J'ai essayé de placer un header("Pragma: no-cache") ;en tete du fichier r.php
Même probleme.

Test en ligne ici..
http://www.etab.ac-caen.fr/bsauveur/x.php

**pierre50** · 11/11/2008, 08h49

Trouvé mais non résolu .... Le probleme était autre

IE n'accepte pas le onClick dans la balise <option> . Pas de probleme sous Firefox

Code :

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

1
2
3
4
5
<select name="classe_ID" id="classe" >
            <option value="1">A</option>
            <option value="2" onClick="ShowRegroupement()">Regroupement</option>
            <option value="3">B</option>
          </select>

Si je modifie en mettant un onChange Cela fonctionne sous IE
on a alors

Code :

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

1
2
3
4
5
<select name="classe_ID" id="classe" onchange="ShowRegroupement()">
            <option value="1">A</option>
            <option value="2">B</option>
            <option value="3">C</option>
          </select>

Comment faire pour declencher mon Ajax sur <option value="2"> uniquement ?

**Bovino** · 11/11/2008, 09h22

Code :

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

1
2
3
4
5
function ShowRegroupement(){
    if(document.getElementById('classe').value=='2'){
        // Reste du code
    }
}

**pierre50** · 11/11/2008, 09h39

Oui bien sur ...

Merci pou ton aide

[AJAX] Appel sous IE

JavaScript

Vue hybride

Discussions similaires

Partager

Partager