Bonjour!

J'essaye de "maitriser" un petit peu le framework jQuery est j'ai un petit souci.

J'ai deux listes, une liste "source" (catalog) et un liste "cible" (cart) que l'on peut trié pour mettre en ordre.

Le problème, c'est qu'une fois que j'ai mis un élément de la liste source dans la liste cible, je ne peux plus l'en enlever...
Or si l'utilisateur fais une erreur, j'aimerais qu'il puisse revenir en arrière sans avoir a faire F5 et tout recommencer...

Voici mon code JS :
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
 
<script type="text/javascript">
	$(function() {
		$("#catalog").accordion();
		$("#catalog li").draggable({
			appendTo: "body",
			helper: "clone"
		});
		$("#cart ol").droppable({
 
			activeClass: "ui-state-default",
			hoverClass: "ui-state-hover",
			accept: ":not(.ui-sortable-helper)",
			drop: function(event, ui) {
				var IDEcran = "<li id=\"" + ui.draggable.context.id + "\"></li>";
				$(this).find(".placeholder").remove();
				$(IDEcran).text(ui.draggable.text()).appendTo(this);
			}
		}).sortable({
			items: "li:not(.placeholder)",
			sort: function() {
				// gets added unintentionally by droppable interacting with sortable
				// using connectWithSortable fixes this, but doesn't allow you to customize active/hoverClass options
				$(this).removeClass("ui-state-default");
 
			}
		});
 
	});
	</script>
Tout droit sorti (ou presque, quelque petite modifs venant de moi quand même) du site de jquery: http://jqueryui.com/demos/droppable/#shopping-cart



Auriez vous une idée de comment je pourrais faire pour pouvoir supprimer un élément de la liste "cart"?

Merci!

Si besoin de plus d'information sur le code, n'hésitez pas à me demander.

Cordialement

Grégory

Jpa75