Bonjour à toutes et a tous

Je fait appel a la communauté des asses de développement a nouveau.
En utilisant le Drag-n-Drop de scriptaculous je n'arrive pas a produire la situation dans la quel je :
1) dragg mon element dans une zone Drop,
2) la Zone Drop recupere la valeur de draggable
3) draggable retourne a sa place
4) Drope-zone garde toujours la valeur de draggable jusqu'au nouvelle deplacement de nouveau draggable dans cette zone.

Voici le script que j'utilise :

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
<script type="text/javascript">window.onload = function(){
$A($('draggables').getElementsByTagName('span')).each(
function(item){
new Draggable(item,{
revert: true, 
ghosting: true
}
);
}
);
Droppables.add(
'droparea',
{
hoverclass: 'hoverActive',
onDrop: moveItem }
);
$('droparea').cleared = false;
}
 function moveItem( draggable,droparea){
$('requetFile').value = draggable.textContent;
 
if (!droparea.cleared) {
droparea.innerHTML = '';
droparea.cleared = false;
}
draggable.parentNode.removeChild(draggable);
droparea.appendChild(draggable);
}
</script>
Mon draggable reste dans la zone de droppable, et s'enlève de son emplacement initial.
J'ai essayé de chercher au niveau de
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
draggable.parentNode.removeChild(draggable);
droparea.appendChild(draggable);
, mais rien trouvé.

Si quelqu'un une idee la dessu, ca serai superbe et aimable de votre part.

Merci d'avance