Bonjour,

j'ai essayé de mettre en place ce tutorial :

http://javascript.developpez.com/faq...pe.updater.php

Je veux juste tester l'insertion d'une image dans le div suite à l'appui sur un bouton (on commence petit ).

La page qui contient la div se nomme affichage.phtml, je fais donc ceci :

echo "<div id='annotation' style='border : red solid 1px'></div>";
Le code du bouton :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
echo '<input type="button" value="mets à jour le div" onclick="majAnnot()"/>';
Le code de la fonction javascript du tutorial:

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
function majAnnot(){
var url = 'http://localhost/XXX/application/views/scripts/annotations/Annot.php';
var pars = '';
var target = 'annotation';
var myAjax = new Ajax.Updater(target, url, {method: 'get', parameters: pars});
}
Avec Firebug, je vois qu'il y bien un envoi d'une requête GET à la page Annot.php, la réponse est :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
<img src ="../../public/images/punaise_mauve.png">
je pensais qu'après l'appui sur le bouton j'aurais comme code :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
<div id='annotation' style='border : red solid 1px'>
<img src ="../../public/images/punaise_mauve.png">
</div>



Donc comme cela ne marche pas, je me demande qu'elle doit être la réponse renvoyé par Annot.php ?


PS : J'ai testé en faisant ceci, l'image s'affiche;

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
 
echo "<div id='annotation' style='border : red solid 1px'> <img src ='../../public/images/punaise_mauve.png'> </div>";