Drag & Drop div superposée

Version imprimable

12/08/2011, 14h23
devlpASP

Drag & Drop div superposée

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
12/08/2011, 15h37
RomainVALERI

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

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

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);
        }

12/08/2011, 16h52
devlpASP

Merci pour ta réponse Bovino mais malheureusement ca ne marche pas :?
12/08/2011, 17h00
devlpASP

Je ne sais pas si le fait que mes div sont en absolute interagit sur ce probleme ?
12/08/2011, 20h37
Invité

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?
12/08/2011, 20h53
RomainVALERI

Citation:

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
16/08/2011, 09h20
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