[JQuery UI draggable droppable] Deplacement de li entre ul

SpaceFrog · 04/08/2011, 11h34

Je n'ai pas du tout a fait saisir l'utilisation de draggable et droppable car ceci ne fonctionne pas ..

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
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<script type="text/javascript">
 
$(function(){
var destination
 
 
$("#dispo li").draggable({
					appendTo: '#choix'
					});
$("#choix li").draggable({
					appendTo: '#dispo'
					});					
 
$("#choix, #dispo").droppable({
		drop : function (event,ui){ 
 
   						$(this).append(ui.draggable)
 
						}
						}				
			)
 
 
 
}); 
 
</script>
 
 
<style type="text/css">
ul {height: 100px;
    width:100px;
   border:solid 1px red;
    list-style-type:disc;}
</style>
 
 
</head>
<body > 
<ul id="dispo">
	<li id="one">un</li>
	<li id="deux">two</li>
</ul>
 
<ul id="choix">
	<li id="three">un</li>
	<li id="four">two</li>
</ul>
 
 
</body>
</html>

ou est l'erreur ?

cahnory · 04/08/2011, 19h28

Tu t'es un peu emmêlé les pinceaux avec les options

http://jsfiddle.net/BMypy/

Si tu veux où chaque draggable peut être droppé tu peux utiliser scope. Je viens de tester et dans ce cas là tu ne peux pas faire d'aller / retour du point de départ au point d'arriver :
http://jsfiddle.net/vbCGy/

SpaceFrog · 04/08/2011, 19h58

et pour le retour on fait comment

cahnory · 04/08/2011, 20h01

Le retour ? bah comme sur le premier lien…

04/08/2011, 19h58	#3
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 021 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 021 Points : 45 117 Points : 45 117	et pour le retour on fait comment __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

04/08/2011, 19h28	#2
cahnory Membre confirmé Inscription : mai 2007 Messages : 199 Détails du profil Informations personnelles : Âge : 27 Informations forums : Inscription : mai 2007 Messages : 199 Points : 287 Points : 287	Tu t'es un peu emmêlé les pinceaux avec les options http://jsfiddle.net/BMypy/ Si tu veux où chaque draggable peut être droppé tu peux utiliser scope. Je viens de tester et dans ce cas là tu ne peux pas faire d'aller / retour du point de départ au point d'arriver : http://jsfiddle.net/vbCGy/
	00

04/08/2011, 20h01	#4
cahnory Membre confirmé Inscription : mai 2007 Messages : 199 Détails du profil Informations personnelles : Âge : 27 Informations forums : Inscription : mai 2007 Messages : 199 Points : 287 Points : 287	Le retour ? bah comme sur le premier lien…
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email