appel de javascript impossible dans page appelée en ajax
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:
1 2 3 4
|
<input type="button" value="envoyer" onclick="test();"/>
<div id="data"></div> |
Ma fonction "test()" :
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
|
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:
1 2 3
|
<?php echo "Bonjour"; ?> |
Ici, "Bonjour s'affiche bien
Mais si le contenu est celui-ci :
Code:
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