trigger solo después de evento

[monxas]

Hola, necesito hacer lo siguiente y no se como:

Imaginaos una serie de pasos

paso 1 hacer click en tal div. - hacer tal accion
paso 2 hacer click en tal otro. -
...

Y asi.
Como hago para que el paso dos nunca se ejecute si no se ha hecho el paso 1?
(van seguidos, es decir si hare paso 1 y luego hare click en otro lado y intenta el paso 2 eso ya no seria valido)

los divs de cada paso deben estar siempre visibles

[ceSharp]

hola monxas,

mira, te paso un ejemplo de una manera de hacerlo, con 4 pasos. cada botón corresponde a un paso, y debe mostar un alert con un número si se ha cumplido el paso que toca. si no te muestra un alert avisándote que primero debes cumplir el paso anterior:

Código Javascript:

<script type="text/javascript">
 
var paso1 = false;
var paso2 = false;
var paso3 = false;
 
function gestionarPasos(id_obj)
{
    switch(id_obj)
    {
        case 'b1':
        p1(); //como es el primer paso no es necesario comprobar nada
        paso1 = true; //vamos marcando a TRUE cada paso completado
        break;
        case 'b2':
        //ahora si, comprobamos que el paso1 se ha cumplido
        if(paso1)
            {
                p2();
                paso2 = true;
                break;
            }
        else
            {
                alert('primero debes hacer el paso1');
                break;
            }
        case 'b3':
        //comprobamos que el paso2 se ha cumplido
        if(paso2)
            {
                p3();
                paso3 = true;
                break;
            }
        else
            {
                alert('primero debes hacer el paso2');
                break;
            }
        case 'b4':
        //comprobamos que el paso3 se ha cumplido
        if(paso3)
            {
                p4();
                break;
            }
        else
            {
                alert('primero debes hacer el paso3');
                break;
            }    
    }
}
function p1()
{alert(1);}
function p2()
{alert(2);}
function p3()
{alert(3);}
function p4()
{alert(4);}
</script>
 

Código HTML:

<input type="button" onclick="gestionarPasos(this.id);" id="b1" value="b1"/>
    <input type="button" onclick="gestionarPasos(this.id);" id="b2" value="b2" />
    <input type="button" onclick="gestionarPasos(this.id);" id="b3" value="b3" />
    <input type="button" onclick="gestionarPasos(this.id);" id="b4" value="b4" />
 

cualquier cosa nos cuentas...

saludos.

[monxas]

Nada, genial muchas gracias!

Se adapta perfectamente a mis necesidades.

Un saludo y gracias de nuevo.