Discussion :

[rmed92]

Bonjour,

J'ai créé un tableau et je souhaite déplacer les images d'une case à l'autre avec JavaScript mais je n'y arrive pas. Pouvez-vous, s'il vous plait, me donner le code js qui permet ce jeu ?

Merci beaucoup.

[andry.aime]

Bonjour,

En recherchant jQuery drag and drop images, tu tomberas sur pas mal de plugin jQuery. Exemple : http://dragsort.codeplex.com/.

A+.

[rmed92]

Merci andry.aime,
ce que je souhaite en fait c'est de faire cette manipulation avec javascript sans utiliser JQuery.

[andry.aime]

Un tutoriel sur le drag and drop, adapte le pour que l'image passe d'une case à l'autre. Bon courage .

[rmed92]

Merci pour ce tutoriel,
ce que je cherche à faire c'est cliquer-déplacer et non pas glisser-déposer càd je clique sur une image puis je clique dans une case vide et l'image s'y affiche.
Merci

[thelvin]

Simple question d'enlever l'élément <img> de là où il se trouvait, et de le mettre à la place dans la case voulue.

Tu veux pas de JQuery ? Alors tu peux faire ça.

[andry.aime]

Dans tous les cases, tu mets chacun une balise img et dans la case vide, tu le mets seulement l'attribut visibility à hidden. Dans le onclick de chaque image, tu cherches la case vide (qui a l'image avec visibility hidden) ensuite tu récupères l'attribut src de l'image cliquer pour l'affecter à l'image caché et permuter leur valeur de l'attribut visibility.