Discussion :

[snoops2009]

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

[gwyohm]

Bonjour à toutes et a tous

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é.

Il faut que tu enlèves ces deux lignes : dans la première tu détaches le draggable de son parent initial
Dans la seconde tu l'insères dans le droppable...

Au delà de ça,
L'élément d'ID 'requetFile' est un champ input ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

draggable.textContent;

Ca marche ca ?