evitar llamada a funcion mientras se ejecuta

[gilber966]

Hola, buenas noches si me pueden ayudar, tengo la siguiente situacion.

Código Javascript:

function organizaSlider(ocultar,ocultarb,mostrar){
//alert("me llamo");
document.getElementById(ocultar).style.display ="none";
document.getElementById(ocultarb).style.display ="none";
document.getElementById(mostrar).style.display ="none";
Effect.toggle(mostrar, 'blind', {delay:0, duration: 1.0 });
}
 

tengo un menu q llama a la anterior funcion asi:

Código HTML:

<li><a href='#' rel='nofollow' onclick="cloading('subm','nservicios.php'),llamaRetardo(),organizaSlider('subo','subn','subm')">Adicionar</a></li>
  <li><a href='#' rel='nofollow' onclick="cloading('subm','cclientes.php'),llamaRetardob(),organizaSlider('subo','subn','subm')">Consultar</a></li>
  <li><a href='#' rel='nofollow' onclick="cloading('subm','mmodif.php'),llamaRetardob(),organizaSlider('subo','subn','subm')">Modificar</a></li>
 

el problema es q si se hace click muy rapido en dos botones diferentes se estropea el efecto toggle de scriptaculous, - hay forma de evitar la doble llamada ya

sea a organizaSlider() o a los efectos toggle como tal?

el problema es que se quedan dos elementos visibles y solo debe quedar uno, es como si no terminara de ocultar el anterior y mostrara el nuevo elemento. lo cual es un problema

[Aijoona]

Podés usar un flag y removerlo cuando termina la animacion, lo cual a grosso modo seria lo siguiente:

Código Javascript:

var WORKING = false;
 
function organizaSlider(ocultar,ocultarb,mostrar){
    if(WORKING) {
        return;
    }
 
    WORKING = true;
    
    document.getElementById(ocultar).style.display ="none";
    document.getElementById(ocultarb).style.display ="none";
    document.getElementById(mostrar).style.display ="none";
    Effect.toggle(mostrar, 'blind', {
        delay:0, 
        duration: 1.0,
        afterFinish: function() {
            WORKING = false;            
        }
    });
}
 

Entro en lo que es auto publicidad, peeeero:

Throttling y debounce en JavaScript

[gilber966]

wow, eso estuvo genial no me lo imaginaba, muchas gracias.

[gilber966]

Iniciado por Aijoona

Podés usar un flag y removerlo cuando termina la animacion, lo cual a grosso modo seria lo siguiente:

Código Javascript:

var WORKING = false;
 
function organizaSlider(ocultar,ocultarb,mostrar){
    if(WORKING) {
        return;
    }
 
    WORKING = true;
    
    document.getElementById(ocultar).style.display ="none";
    document.getElementById(ocultarb).style.display ="none";
    document.getElementById(mostrar).style.display ="none";
    Effect.toggle(mostrar, 'blind', {
        delay:0, 
        duration: 1.0,
        [COLOR="Red"]afterFinish: function()[/COLOR] {
            WORKING = false;            
        }
    });
}
 

Entro en lo que es auto publicidad, peeeero:

Throttling y debounce en JavaScript