Discussion :

[Khleo]

Salut,

J'ai le code suivant:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
function initDragDrop() {
	new Draggable('product_1', { revert: false });
	new Draggable('product_2', { revert: true });
	Droppables.add('conteneur1', {
		accept: 'product', hoverclass: 'active',
		onDrop: function(product) { updateCart('1', product); }
	});
 
	Droppables.add('conteneur2', {
		accept: 'product', hoverclass: 'active',
		onDrop: function(product) { updateCart('2', product); }
	});
} // initDragDrop

Je voudrais que lorsque je déplace un élément, au lieu de le faire retourner dans sa position initiale, de l'afficher dans son nouveau conteneur.

Merci

[gwyohm]

Il faut que tu utilises toutes les options de onDrop

Code :

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

1
2
3
onDrop : function(drag, drop, e) {
  drop.insert(drag);
}

[Khleo]

Il faut que tu utilises toutes les options de onDrop

Code :

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

1
2
3
onDrop : function(drag, drop, e) {
  drop.insert(drag);
}

Merci pour la réponse, mais j'ai beaucoup de mal à le mettre en place, serait-il possible d'avoir un code commenté ?

Merci beaucoup

[gwyohm]

Faisons l'inverse :
Montre nous ton code et dis nous ce qui ne va pas.
(erreurs, mauvais comportement...)

[Khleo]

En faite je ne comprends pas les paramètres, quelle type de variable à utiliser.

[gwyohm]

C'est l'API de script.aculo.us :
http://wiki.github.com/madrobby/scri...ous/droppables

[Khleo]

Merci

C'est normal si l'élément se place au dessous du conteneur au lieu de se placer dedans ?

[gwyohm]

C'est normal si l'élément se place au dessous du conteneur au lieu de se placer dedans ?

Avec quel code ? (avec celui que j'ai donné avant, non)
Visuellement ou au niveau du DOM ?

[Khleo]

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
18
19
function initDragDrop() {
		new Draggable('product_2', { revert: true });
		new Draggable('product_4', { revert: true });
		new Draggable('product_1', { revert: true });
 
		Droppables.add('conteneur1', {
		hoverclass: 'active',
		onDrop: function(dragged, dropped, event) {
		dropped.insert(dragged);
		}
	});
 
	Droppables.add('conteneur2', {
		hoverclass: 'active',
		onDrop: function(dragged, dropped, event) {
		dropped.insert(dragged);
		}
	});
} // initDragDrop

C'est visuellement, mon conteneur est délimité par des pointillés et l'item vient se déplacer en dessous des pointillé alors que je voudrais qu'il se place à l'intérieur.

Merci

[gwyohm]

C'est visuellement, mon conteneur est délimité par des pointillés et l'item vient se déplacer en dessous des pointillé alors que je voudrais qu'il se place à l'intérieur.

C'est probablement un probleme de style alors...

[Khleo]

C'est bon ça fonctionne

Merci beaucoup pour ton aide