Discussion :

[Kerod]

Salut,

Actuellement je tente de créer une liste sortable avec scriptaculous. Jusque là aucun soucis. Mais lorsque je rajoute des éléments de manière dynamique à ma liste ça ne fonctionne pas correctement.

Voici le code html :

Code :

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

1
2
3
4
5
6
7
<ul id="myLinks">
  <li id="item_5">item</li>   
  <li id="item_4">item</li>   
  <li id="item_3">item</li>   
  <li id="item_2">item2</li>   
  <li id="item_1">item</li>
</ul>

Je crée ma liste sortable à partir de mes li. Puis je rajoute un nouvel élément :

Code :

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

1
2
3
element = Builder.node('li',{id:'item_'+300}, [ Builder.node('a',{id:'item-'+300, className:'actived'},'Test') ]);
$('myLinks').appendChild(element);
new Draggable(element);

Avec ce code ça rend mon nouvel élément draggable mais pas comme les éléments de ma liste initiale. Auriez-vous une idée du pourquoi ça fonctionne pas ?

Aucune idée ?

[ethno]

Bonjour Kerod,

En analysant ce que tu décris, je pense que le "new Draggable(element);" ne fait qu'appliquer les propriétés par défaut de D&D et non celle que tu as pu établir lors de la création de ta liste.

Je ne sais pas comment il est possible de transmettre les propriétés de D&D de ta liste à ce moment la...
A chaque fois que j'ai eu besoin de modifier une liste sortable avec scriptaculous,... je la recréais à chaque fois... c'est bourrin mais ca a le mérite de marcher ^^.

[Kerod]

Je sais bien que c'est une solution que j'ai essayé et je me souviens plus si ça fonctionnait ou non. Mais je la trouvais lourde parce que l'on ajoute qu'un élément .

Mais si je ne peux pas faire autrement.

En tout cas merci pour ta réponse

[franculo_caoulene]

Salut,
Je suis loin de proposer une solution, j'ai du mal à supporter scriptaculous...

Avec ce code ça rend mon nouvel élément draggable mais pas comme les éléments de ma liste initiale.

Qu'entends-tu par là?

[Kerod]

J'entends tout simplement que mon élément est ajouté, ma nouvelle liste est bien prise en compte si modification. Mais le comportement du nouvel élément est différent de ma liste initiale.

Tout ce que j'ai réussi à faire pour le moment c'est avoir un élément restreint à un déplacement vertical. Tous les effets de survol des autres éléments de ma liste (ce qui est présent pour tout autre élément) ne sont pas ajoutés et c'est ce que je cherche à faire. Obtenir une liste dont tous les effets se ressemblent.