Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > JavaScript > Bibliothèques & Frameworks > jQuery
jQuery Forum d'entraide sur le framework jQuery. Avant de poster : Tutoriels jQuery, FAQ jQuery, Tous les tutoriels JavaScript, Toutes les FAQ JavaScript
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 25/01/2012, 16h18   #1
Invité régulier
 
Inscription : décembre 2011
Messages : 17
Détails du profil
Informations forums :
Inscription : décembre 2011
Messages : 17
Points : 8
Points : 8
Par défaut Annuler déplacement du drag an drop

Bonjour,
C'est encore moi, j'ai un autre problème en fait.
Dans mon système de drag and drop (avec ui sortable) , j'ai deux liste liés.
Par là, j'entends que j'ai un bloc à droite et un à gauche, et on fait glisser les élément de l'un à l'autre.
Dans dans un bloc, j'ai des éléments pères <ul> avec possiblement à l'intérieur des éléments fils <li>.

Je voudrais annuler le déplacement lorsque que l'on déplace les éléments pères dans aucune des deux listes. Apparemment , il faut utiliser l'option "out", mais ca ne fonctionne pas dans mon cas.
Actuellement si je déplace l'élément père dans aucuns des deux blocs, il disparait. L'erreur trouvé par firebug est Node cannot be inserted at the specified point in the hierarchy" code: "3

Code :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
$('#example-1-3 .sortable-list').sortable({
		connectWith: '#example-1-3 .sortable-list',
		placeholder: 'placeholder',
		out: function(event, ui) {
 
		$(this).sortable('cancel');
		},
 
		start: function(event, ui) {
					// le texte de l'élément déplacé
 
				},
		stop: function(event, ui) {
					// le texte de l'élément déplacé
 
				if((ui.item.parent("ul").attr('id') == '') && (ui.item.attr('name') == 'quest')){
				$(this).sortable('cancel');}
				if((ui.item.attr('name') == 'mod') && (ui.item.parent("ul").attr('id') != '')) {
				$(this).sortable('cancel');}
				}
	});
Pour être plus clair, j'ai mis une image.
On voit les deux blocs: module source et sélection.
A l'intérieur de chaque, je peux avoir des éléments pères ( ici Filtre a particules et Diagnostic) ainsi que tous les éléments fils (li) contenu dedans.
Si je fais bouger l'élément père ( et donc tout ses fils) et que je le lâche en dehors des deux blocs( flèche verte), il disparait. Je voudrais simplement annuler ce déplacement.

J'ajoute que le déplacement d'un bloc à l'autre fonctionne, ainsi que les fonctions pour annuler le mouvement sous certaines condition. Par exemple, les éléments fils sont "glissable" mais on ne peut que les faire glisser dans un élément père, si on les placent dans le bloc sans la mettre dans un élément père, le mouvement est annulé

Merci ^^, j'espère avoir été clair
Images attachées
Type de fichier : png ecran.png (38,5 Ko, 2 affichages)
tryptan est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 26/01/2012, 11h35   #2
Invité régulier
 
Inscription : décembre 2011
Messages : 17
Détails du profil
Informations forums :
Inscription : décembre 2011
Messages : 17
Points : 8
Points : 8
Salut tout le monde,

J'ai résolu mon problème un peu brutalement.
J'ai mis un try catch sur la ligne dont firebug me trouvait l'erreur de hiérarchie du coup ça passe.
tryptan est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 29/01/2012, 20h58   #3
Invité régulier
 
Inscription : octobre 2008
Messages : 7
Détails du profil
Informations forums :
Inscription : octobre 2008
Messages : 7
Points : 8
Points : 8
Salut !

Oui en effet, c'est un peu brutal le try catch pour enlever l'erreur.
Mais je ne vois pas à première vue le problème !

Tant que ça marche ....

Bonne soirée !

-----------------------------------
http://www.tuto-jquery.fr/
Informatique43 est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité Cette discussion est résolue.
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 00h43.


 
 
 
 
Partenaires

Hébergement Web