Discussion :

[Bouglilamule]

Bonjour
Tout est dans le titre, voici en plus clair :

j'utilise le drag and drop classique de scriptaculous.
Mais j'ai également un onClick sur le div que je déplace.

Or, en toute logique, dès la fin du drap and drop (lorsque je relache le bouton), l'action onClick est déclenchée.

Je souhaiterais qu'en cas de drag and drop (et non clic simple), l'action onClick ne soit pas déclenché.
Je ne vois pas comment gérer cela.

Exemple de code de création d'un objet "draggable" :

Code :

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

1
2
3
4
<div id="testDiv" onClick="alert('ok');">hop</div>
<script type="text/javascript">
new Draggable("testDrag", {revert: true});
</script>

Merci de votre aide.

[brunoperel]

Bonjour,

Désolé de répondre tard, mais je me dis que mieux vaut tard que jamais.

C'est un peu de la bidouille pour empêcher que le onclick soit exécuté.
Au passage, tu t'étais trompé dans la déclaration du Draggable : l'identifiant de l'élément à dragger est "testDiv" et non "testDrag".

En reprenant ton exemple :

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
 
<div id="testDiv" onClick="if (!clic_autorise) return;alert('ok');">hop</div>
<script type="text/javascript">
var clic_autorise=true; // Autoriser le clic par défaut
new Draggable("testDiv", {revert: true,
onStart:function(ev) {
   // Empêcher le clic tant qu'on dragge l'élément
   clic_autorise=false;
},
onEnd:function(ev) {
   setTimeout(function() {
     clic_autorise=true; 
   },500); // On attend un peu avant de rétablir le clic
}
});
</script>