Suppression d'un double clic à l'aide de Script.aculo.us

Question

Lorsque l'utilisateur double involontairement des clics sur les lignes ou les ancres du tableau dans l'exemple ci-dessous en utilisant Firefox, l'effet de croissance est arrêté et la page devient inutilisable. Des suggestions sur la façon de forcer FF à ignorer les doubles-clics? J'ai essayé d'utiliser Stop.event de Prototype et cela n'a pas semblé aider.

<table border=1> 
<tr onclick="Effect.Grow('floater');"> 
    <td>Some Text</td> 
    <td><a href="#" onclick = "Effect.Grow('floater');return false;">1</a></td> 
    <td><a href="#" onclick = "Effect.Grow('floater');return false;">2</a></td> 
</tr> 

</table> 

<div id = "floater" style="display:none;width:100%;height:100%;background-color:red"> 
<a href="#" onClick="Effect.Shrink('floater');return false;">close floater</a><div> 

Answer 1

Le problème est que script.aculo.us ou Prototype gère le double-clic comme un clic normal, ce qui déclenche l'effet Grow une seconde fois et détruit le positionnement de l'élément. Avec un simple patch (voir ci-dessous) de scriptaculous.js (1.8.2), je l'ai travaillé, mais il est plus d'un rapide et sale solution pour votre problème spécifique:

760,763d759 
< if(element.growing){ 
< return; 
< } 
< element.growing=true; 
829d824 
<    element.growing=false; 

Answer 2

Je ne l'ai pas utilisé script.aculo.us, donc je ne peux pas aider avec le code réel, mais il devrait être assez simple à faire ce qui suit. Lorsque onClick est déclenché, vous devez supprimer l'événement de l'ancre avant de commencer le rétrécissement. Une fois cet effet terminé, vous rajoutez l'événement à l'ancre.