Virginie Bourgeaux Webrealis, Conseil, accompagnement, formation, outils web, sites, créations web, ergonomie, référencement
Le site est réalisé pour assurer l'ouverture des liens externes dans un nouvel espace (fenêtre ou onglet suivant votre navigateur). Si vous ne souhaitez pas conserver cette option, désactivez la ici.
Site testé sous WXP : FF 19.0.2 - IE 8 | MacOSX 10.6.3 : Chrome - FF
Création graphique : Morgane Planchenault - Marion Jaillant


Démonstration


objet à bouger 1
objet à bouger 2

Drag n Drop en HTML5

<<< retour

tests faits sous IE8, chrome 29 et FF 23 sous WinXP


Après divers tests, j'ai essayé de ne garder (à 2-3 décos près) que l'essentiel pour que ce système fonctionne et intervertisse 2 objets.

J'ai lu de nombreux codes en ligne (il suffit de googler "drag n drop html5" et de lire les 6 premiers résultats) et supprimé, après essais, une bonne partie de chacun à chaque fois que je ne voyais pas leur utilité sur au moins ces 3 navigateurs.

Le souci que je n'ai pas réussi à résoudre quelque soit le code utilisé, est que sur IE, il faut double-cliquer pour déplacer du texte.