Discussion :

[BobLunique]

Bonjour,

Je génére dynamiquement des elements draggable via Ajax et des elements droppables.

Les elements draggables sont bien définis, aucun probléme.

En revanche, les elements droppables sont definis comme acceptant des elements de classe "vignette" comme suit :

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
 
for( var i = 0; i < ldropboxGroup.length; i++ )
	{
		//alert(' '+ldropboxGroup[i].id+' droppable ');
			Droppables.add( ldropboxGroup[i] , {
			accept: 'vignette',
			hoverclass: 'hoverDropBox',
				onDrop: function(element,autre) {
					alert( element.id.toString() );
 
					return true;
				},
				onHover: function(ldg, ldpbl, lpercent){
					alert('ICI hover');
				}
			} 
		);
	}

Et lorsque je drag une vignette sur un des elements droppables, rien ne se passe.


J'ai testé le même code, sur des elements statiques, et la ça fonctionne.


Avez vous déja eu ce probléme ?


Merci d'avance pour vos reponses.

PS :

Le bout de code precedent est executé 1 seconde apres que les elements draggables / droppables ont étés intégrés au document via Ajax. ( Ajax.Updater )

[le_chomeur]

essaye de mettre a la fin de ton retour ajax , l'appel a ta méthode attribuant les éléments droppable

[MeDioN]

Prends FFx/firebug et vérifie déjà que tes éléments existent bien quand tu tentent de dropper.

Et comme le dit le chomeur, oublie cette histoire de 1 seconde, mets ce code au call back de l'update.

[BobLunique]

J'ai mis le timer de 1 seconde, car j'ai biensur vérifié que les elements existent lors du traitement de la reponse Ajax et ils existent seulement quelques centiémes aprés

En revanche, même lorsqu'ils existent, rien ne se passe. ( onHover, onDrop ne sont pas appellés au passage de la souris / drop )

D'autres idées ?