Bonjour à tous,

Je met à jour un div en ajax lorsque je clique sur un bouton.
Cela fonctionne bien lorsque je n'affiche que du code XHTML.
Mais si je met du code javascript dans ce contenu, il ne s'exécute pas.

Voici un exemple :

Mon bouton, rien de bien compliqué :


Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
 
 
<input type="button" value="envoyer" onclick="test();"/> 
<div id="data"></div>
Ma fonction "test()" :

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
 
function getXhr(){
         var xhr = null;
         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 { 
           alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
           xhr = false; 
        } 
        return xhr;
}
 
function test(){
        var xhr = getXhr()
 
        xhr.onreadystatechange = function(){
 
          if(xhr.readyState == 4 && xhr.status == 200){
            document.getElementById("data").innerHTML = xhr.responseText;
          }
        }
        xhr.open("GET","test.php",true);
        xhr.send(null);
}
Et voici le contenu de mon fichier "test.php" :



Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
 
 
<?php echo "Bonjour"; ?>
Ici, "Bonjour s'affiche bien

Mais si le contenu est celui-ci :


Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
 
<script type="text/javascript">document.write("Bonjour" );</script>

Rien ne s'affiche, donc j'en déduis que les appels de Javascript ne fonctionnent pas.

Avez-vous une idée ?

Je vous remercie