[AJAX] [Scriptaculous] D�claration objet Ajax/Scriptaculous
Bonjour,
J'ai une page qui me permet d'afficher une liste d'image. C'est liste est charg�e en ajax via un fichier xml qui me renvoi toute les infos de chaque images. Apr�s j'ai une fonction js qui r�cup�re toutes ces infos et me les affichent via une boucle. Jusque l� tout va bien, tout s'affiche sans prob.
Mon probl�me est que pour chaque image j'instancie un objet scriptaculous qui me rend mon image "draggable". Donc � chaque passage dans ma boucle j'instance un nouvel objet "new Draggable("image"+id);". L� o� �a bloque c'est qu'au final, il n'y a que l'objet pour ma derni�re image qui instanci�. Toutes celles d'avant ne sont pas prises en compte. Donc il n'y a que ma derni�re image qui est draggable ...
Pourtant l'id passe bien, aucune erreur n'est retourn�e et si j'instancies mes objets en dur du style : "new Draggable("image1");" , "new Draggable("image2");" etc. �a passe. Je sais pas trop quoi faire ...
Voila une version simplifi�e de ma fonction qui r�cup�re les infos du xml et les affichent :
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
|
function mafonction(obj)
{
var tabResult = obj.responseXML.getElementsByTagName('image');
document.getElementById('images_liste').innerHTML = "";
if (tabResult.length > 0) {
for (var i = 0; i < tabResult.length; i++) {
var content = "";
var image = tabResult.item(i);
var id = image.getAttribute('id');
var titre = image.getAttribute('titre');
var fichier = image.getAttribute('fichier');
content += "<div class='image' id='image"+id+"'>";
content += "<img src='"+fichier+"' alt='"+titre+"' />";
content += "</div>";
document.getElementById('images_liste').innerHTML += content;
//C'est ça qui ne fonctionne qu'une fois
new Draggable("image"+id);
}
} |
En esperant avoir �t� pas trop brouillon ... Merci
