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 :
- <input type="button" value="envoyer" onclick="test();"/>
|
Ma fonction "test()" :
Code :
- 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 { // XMLHttpRequest non supporté par le navigateur
- alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..." );
- xhr = false;
- }
- return xhr;
- }
- function moncv(){
- var xhr = getXhr()
- // On défini ce qu'on va faire quand on aura la réponse
- xhr.onreadystatechange = function(){
- // On ne fait quelque chose que si on a tout reçu et que le serveur est ok
- 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 :
- <?php
- echo "Bonjour";
- ?>
|
Ici, "Bonjour s'affiche bien
Mais si le contenu est celui-ci :
Code :
- <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