Drag and Drop en JS?

Bonjour tout le monde.
Avant tout je me présente, je m'appelle Jérémy et je suis étudiant en web éditorial à Poitiers.
Dans le cadre de mon mémoire, j'avais l'intention de faire un petit test à quelques utilisateurs avec un petit tri par carte en ligne. Quelque chose de très simple.

J'ai donc utilisé quelques petits tutoriels pour faire une sorte de "drag & drop" en html/css et js. Cela me satisfait pas mal mais j'ai un petit problème à élucider. Il s'agit du petit formulaire en bas "ajouter un mot". En effet voici le challenge que je vous propose :

- lorsque j'ajoute un mot, le mot s'ajoute avec le style qu'il faut mais n'est pas transportable.
- lorsque j'ajoute d'autres mots par la suite, ils ne prennent pas la classe nécessaire pour avoir le même style que les autres.

Vous trouverez une démo en ligne ici:
http://jeremy-castan.fr/telechargements/essai/drag.html

Ou bien vous pouvez télécharger le .zip ici:
http://jeremy-castan.fr/telechargements/dragdrop.zip

Même si j'apprend tout juste à me servir de js et des bibliothèque jQuery, tout conseil est bon à prendre pour ma part

En vous remerciant !
Jeremy

Bonjour,

iDrag est un vieux plugin de drag&drop, je me permet de vous conseiller son remplaçant, jqueryui ( http://jqueryui.com/demos/draggable/ )

Un élément crée après le domready (moment où vous créez vos éléments draggables) ne possède pas les propriétés de drag. Vous devez redéclarer le drag. Soit spécifiquement pour l'élément crée (je vous le conseil), soit globalement en prenant soin de d'abord détruire le drag avant de le déclarer à nouveau.

Super ça marche parfaitement! Merci pour ces conseils