un bloc à déplacer

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


Positions de la souris ...

Drag n Drop en Javascript

<<< retour

A priori, en javascript, on peut déplacer un objet n'importe où, l'idée après est de savoir quoi en faire ensuite.
Vous trouverez un exemple plus complet ici

Restrictions, RMQ et autres conseils :
  • On ne peut pas le placer n'importe où, les positions des autres objets gènent sont callage.
  • Si on veut le placer dans un bloc positionné aussi, il faut penser à retirer la position du bloc car le référentiel est déplacé au coin supérieur gauche du bloc au lieu de celui de la fenêtre (cf. vos cours de géométrie et de position dans l'espace de primaire)
  • Dans mon ex, comme tout est en positionnement, le déplacement du bloc sélectionne tout le reste (ce qui est absurde) et rend IE fout ...
  • Le javascript est donc très bien si on gère TOUS les cas de figures et TOUS les navigateurs et que l'on a un graphisme adapté.
  • A priori, le drag n drop existe dans jquery et consorts si vous ne voulez(pouvez) pas tout tester.