Cut/paste, svg et javascript

Bonjour,

Alors voila mon soucis, j'aimerais faire une application (stage) qui me permet de "prendre" par cut ou même drag, un patient dans une liste et l'affecter "paste" ou drop, dans une chambre, représenté par un carré dans un plan svg. Mais mon soucis étant que je n'ai pas la moindre idée de comment faire.. Car on ne peux pas afficher un rectangle/texte dans un autre rectangle (comme si c'étais un div) sauf en donnant les mêmes coordonnés du rectangle ou l'on veux faire ça.
Je sais que je pourrais faire des div, mais mon maitre de stage refuse que je le fasse comme ça...et m'impose le rect dans un rect.

Merci de votre aide et de vos explication.

Bonne journée!

Tu ne peux pas donner un id à ton rectangle "chambre" dans ton document, dans un script requêter le DOM sur cet id, puis insérer un autre rectangle à l'intérieur ?

Tout d'abord,merci d'avoir prit le temps de lire et de répondre.
Pour répondre, oui mon rectangle à déjà une id, mais le soucis, c'est que je ne trouve aucun moyen d'insérer à l’intérieur d'un rectangle un autre rectangle. Le seul moyen que j'ai trouvé c'est de placé sur le svg le rectangle Sur l'autre mais pas dedans, donc juste avec les même coordonnés ce qui n'a pas d’intérêts dans ce cas...

Autant pour moi, effectivement a priori SVG ne permet pas d'imbriquer des formes, uniquement des groupes. Mais par rapport à ce que tu veux faire, ça ne fait pas de différence à mon avis. Qu'est-ce-qui t'empêche de modifier les coordonnées du second rectangle, de manière à ce qu'il paraisse visuellement imbriqué ?

Alors pour faire plus simple, car il semblerait que j'ai mal compris, et exprimer ce que je voulais...

J'ai une liste a gauche, donc un div ou dedant il y a du texte soit : patient1 patient2 etc... mais sans balise( déjà la je ne vois pas comment m'enfin...)
Ensuite, au milieu de la page j'ai un svg, ou il y a un plan et plusieurs rectangle dessus qui représente les chambres. Mon but étant que lorsque je clique sur un seul élément donc patient1, il y ai une fonction qui "coupe" l'élément, et que je puisse cliquer dans une des chambres (rectangle) et qu'il se "colle", mais a l'inverse que cet élément, je puisse une fois dans la chambre le re"couper" pour le remettre dans la liste.

Déja est-ce possible ? Par ou commencer, quel chemin emprunter ? Je ne suis pas très doué en langage web, donc je ne vois pas comment faire cela à pars avec des div's, mais je n'y ais pas le droit pour éviter le "bordel" dans le code. . .

Merci et désolé du pavé, mais après avoir fait tout Google pour trouver des solutions . . .

Je te conseille de morceler ton problème en problèmes plus petits.
Par exemple, dans un premier temps, essaie d'utiliser un bouton et une liste déroulante des chambres pour transférer le patient dans une chambre et inversement. Cela te permettra de te concentrer sur le problème SVG.
Une fois que ça marche, essaie de rajouter le drag and drop.

Je ne comprends toujours pas bien comment se présente ta liste de patients.

Code:

---

<div>patient1 patient2 ...</div>

---

Il faut clairement que ce soit plus structuré que ceci en tous cas...

Il semblerait que mon maître de stage s'étant enfin occupé de moi, m'ai donné la solution à mon problème, de ce faite tout est résolue !

Merci pour les réponses bonne journée !