Drag & Drop div superposée

[devlpASP]

Bonjour,

Lors d'un drag&drop, le selecteur est une class $(".class").drop() !
Comment signifié lorsque que plusieurs div avec cette même classe se superposent, qu'il doit droppé dans la div au premier plan car par défaut il prend celle au dernier plan.

Merci

[RomainVALERI]

1) c'est plus une question jQuery que Javascript pur
2) un petit extrait de code ne fait jamais de mal

[devlpASP]

Code :

1
2
3
4
5
    $(".PanelPere").droppable({
        accept: ".newObject",
        drop: function (event, ui) {
              alert(this.id);
        }

Pour l'instant ca reste une fonction de test !

Concernant le html j'ai :

Code :

1
2
3
4
5
<div class=".PanelPere" id="View1" />
     <div class=".PanelPere" id="Scroll2" />
     ....
     </div>
</div>

Quand mon curseur est sur le div sroll2, il me met mon nouveau div crée dans le div view1

[Bovino]

Essaye en stoppant la propagation de l'événement ?

Code :

1
2
3
4
5
6
    $(".PanelPere").droppable({
        accept: ".newObject",
        drop: function (event, ui) {
              event.stopPropagation();
              alert(this.id);
        }

[devlpASP]

Merci pour ta réponse Bovino mais malheureusement ca ne marche pas

[devlpASP]

Je ne sais pas si le fait que mes div sont en absolute interagit sur ce probleme ?

[galerien69]

salut,

c'est une question hs (curiosité), mais pourquoi as-tu besoin sur le div parent d'avoir .panelPere, ainsi que sur le div enfant?

de manière plus général, qu'est-ce qui t'amène à devoir drag drop sur le div parent/ou bien le div enfant?

[RomainVALERI]

Envoyé par galerien69

c'est une question hs (curiosité), mais pourquoi as-tu besoin sur le div parent d'avoir .panelPere, ainsi que sur le div enfant?

de manière plus général, qu'est-ce qui t'amène à devoir drag drop sur le div parent/ou bien le div enfant?

Non seulement ce n'est pas hs mais la question est pertinente... ^^ ce point de conception est à éclaircir

[devlpASP]

De façon dynamique, à partir d'un fichier XML, je crée différents panels. Dans certains cas, un panel contient des images, boutons, et un autre panel (overflow;scroll) qui lui contient des images. Lorsque je veux grâce à un drag&drop, ajouter une image dans la partie scrollable, il me l'ajoute dans le panel parent. Cependant, vu que ces deux panels possèdent des enfants, ils ont comme même classe : .PanelPere