Ver Mensaje Individual
  #2 (permalink)  
Antiguo 21/07/2011, 02:23
Avatar de ceSharp
ceSharp
 
Fecha de Ingreso: octubre-2008
Ubicación: Madrid
Mensajes: 495
Antigüedad: 16 años, 1 mes
Puntos: 66
Respuesta: trigger solo después de evento

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:
Ver original
  1. <script type="text/javascript">
  2.  
  3. var paso1 = false;
  4. var paso2 = false;
  5. var paso3 = false;
  6.  
  7. function gestionarPasos(id_obj)
  8. {
  9.     switch(id_obj)
  10.     {
  11.         case 'b1':
  12.         p1(); //como es el primer paso no es necesario comprobar nada
  13.         paso1 = true; //vamos marcando a TRUE cada paso completado
  14.         break;
  15.         case 'b2':
  16.         //ahora si, comprobamos que el paso1 se ha cumplido
  17.         if(paso1)
  18.             {
  19.                 p2();
  20.                 paso2 = true;
  21.                 break;
  22.             }
  23.         else
  24.             {
  25.                 alert('primero debes hacer el paso1');
  26.                 break;
  27.             }
  28.         case 'b3':
  29.         //comprobamos que el paso2 se ha cumplido
  30.         if(paso2)
  31.             {
  32.                 p3();
  33.                 paso3 = true;
  34.                 break;
  35.             }
  36.         else
  37.             {
  38.                 alert('primero debes hacer el paso2');
  39.                 break;
  40.             }
  41.         case 'b4':
  42.         //comprobamos que el paso3 se ha cumplido
  43.         if(paso3)
  44.             {
  45.                 p4();
  46.                 break;
  47.             }
  48.         else
  49.             {
  50.                 alert('primero debes hacer el paso3');
  51.                 break;
  52.             }    
  53.     }
  54. }
  55. function p1()
  56. {alert(1);}
  57. function p2()
  58. {alert(2);}
  59. function p3()
  60. {alert(3);}
  61. function p4()
  62. {alert(4);}
  63. </script>
Código HTML:
Ver original
  1. <input type="button" onclick="gestionarPasos(this.id);" id="b1" value="b1"/>
  2.     <input type="button" onclick="gestionarPasos(this.id);" id="b2" value="b2" />
  3.     <input type="button" onclick="gestionarPasos(this.id);" id="b3" value="b3" />
  4.     <input type="button" onclick="gestionarPasos(this.id);" id="b4" value="b4" />

cualquier cosa nos cuentas...

saludos.