Discussion :

[totojordi]

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>";

[gwyohm]

Bonjour,

Tu es sur que la div cible n'est pas mise à jour ? Ce n'est pas plutot l'image qui a un chemin qui ne convient pas depuis la page source ?
(Si tu mets en dur le code de l'image, tu vois l'image ou pas) ?

[totojordi]

Si je met le code en dur (c'est ce que je disais dans le PS

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

echo "<div id='annotation' style='border : red solid 1px'> <img src ='../../public/images/punaise_mauve.png'> </div>";

L'image s'affiche bien dans mon div.

Maintenant, si je fais :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Et que j'appuie sur le bouton, rien ne s'affiche, mais il y a bien une réponse.

Petite suggestion, le framework prototype utilisé dans le tuto est Prototype 1.4.0.js.

Moi j'utilise windows_js_1.3,j'ai bien intégré le script Prototype dans ma page mais peut-etre que ce n'est pas la bonne version ?
Mais bon dans ce cas là je ne pense pas qu'il y aurait de réponses à la requête.

[totojordi]

Je pensais pas que ça avait de l'importance, mais je travaille avec Zend Frameworks 1.10.

Donc il doit y avoir des choses spécifiques à mettre en place pour l'Ajax, je vais me documenter.

EDIT :
Est-ce qu'un administrateur pourrait déplacer ce post dans la section Zend Framework ? Car je pense maintenant que c'est un problème lié au framework et non pas à Prototype.

Merci !

[totojordi]

Enfin la solution est trouvée, il y avait conflit entre Jquery et Prototype qui utilise tout deux le raccourci $().

Donc il à fallu que je change tout les $ par $$$ dans prototype.js

je ne sais pas si c'est la bonne solution, mais ça marche !