Discussion :

[joums]

Bonjour,

Je cherche faire un drag and drop dans plusieurs "containeurs"

Mon code repris dans la libraire Ui fonctionne pour un containeur mais pas pour plusieurs.

Merci de votre aide.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
$(function() {
$( ".drag" ).draggable({
containment: "#1","#2", });		 			 
 
$( "#1" ).droppable({
drop: function( event, ui ) {
$( this )
.addClass( "ui-state-highlight" )    }
		});
 
$( "#2" ).droppable({
drop: function( event, ui ) {
$( this )
.addClass( "ui-state-highlight" )        
}     											});												
});

[danielhagnoul]

Bonsoir

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<div id="draggable" class="ui-widget-content mondrag">
    <p>Drag me to my target</p>
</div>
 
<div id="droppable" class="ui-widget-header"></div>
 
<div id="droppable2" class="ui-widget-header"></div>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
$( "#draggable" ).draggable();		 			 
 
$( "#droppable" ).droppable({
	accept: ".mondrag",
	drop : function( event, ui ){
		$( this ).addClass( "ui-state-highlight" );
	}
});
 
$( "#droppable2" ).droppable({
	accept: ".mondrag",
	drop : function( event, ui ){
		$( this ).addClass( "ui-state-highlight" );
	}
});