Déplacer des objets images sur une page

Bonjour,

Je pose cette question ici car je ne vois pas comment réaliser mon besoin (technologie, ..).

Je dois afficher sur une page web différents objets (images) pour faire un schéma ; j'utilise pour le moment des div en position absolute pour chaque image.

On m'a demandé s'il serait possible de modifier dynamiquement le schéma (ajout, suppression, déplacement, ...) sans aller dans le code HTML et calculer une position pour un nouvel élément par exemple.

Est-ce que quelqu'un a déjà mise en place ce genre de choses ?

Merci d'avance pour vos réponses

En javascript c'est possible.

Par contre pour déplacer des images, il ne faut pas le faire sur des <img> mais sur des <div> (ou autres) ayant un background-image...

Il suffit de détecter l'événement onmove. Une fonction rapide pour te guider :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

function startDrag(strId) { var oObj = document.all(strId); // down oObj.onmousedown = function() { this.bDragDrop = true; } // release window.top.onmouseup = function() { this.bDragDrop = false; } // move oObj.onmousemove = function(event) { if(this.bDragDrop == true) { this.style.top = event.clientY; this.style.left = event.clientX; } } }

---

bon courage ;)

Oki merci beaucoup, je vais regarder ça :)

Re


J'ai trouvé un bon script sur la toile à cette adresse : http://www.dynamicdrive.com/dynamicindex11/domdrag/

Par contre une petite question : selon vous, une fois mes éléments déplacés, comment dois-je faire pour sauvegarder leur position ? BDD, écriture d'un nouveau fichier HTML, ...

Merci d'avance !