Remplissage d'un div suite à une requête AJAX
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 :mouarf:).
La page qui contient la div se nomme affichage.phtml, je fais donc ceci :
Citation:
echo "<div id='annotation' style='border : red solid 1px'></div>";
Le code du bouton :
Code:
echo '<input type="button" value="mets à jour le div" onclick="majAnnot()"/>';
Le code de la fonction javascript du tutorial:
Code:
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:
<img src ="../../public/images/punaise_mauve.png">
je pensais qu'après l'appui sur le bouton j'aurais comme code :
Code:
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:
1
2
|
echo "<div id='annotation' style='border : red solid 1px'> <img src ='../../public/images/punaise_mauve.png'> </div>"; |
