0

Estoy realizando un proyecto con Bootstrap 3.1 y PHP, les pido de su apoyo para integrar un direccionamiento con un alert auto close al momento que se desvanece se direccione a otra página.

echo '
<div class="alert alert-success alert-dismissible fade in col-sm-3 animated bounceInDown" role="alert" style="position:fixed;  top: 50%; right:40%; z-index:10;">
  <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
  <h4 class="text-center">Actualización de Actividad</h4>
  <p class="text-center">
    El Comentario fue actualizado con exito
  </p>
</div>

';
<script type="text/javascript">
  $(document).ready(function() {

    window.setTimeout(function() {

      $(".alert").fadeTo(1000, 0).slideUp(1000, function() {
        $(this).remove();
      });
    }, 2250);

  });
</script>
5
  • Gracias Silvestre Silva por la correccion del post se te agardece soy Nuevo colaborador.
    – triser
    el 17 jul. 2019 a las 18:18
  • Puedes hacer window.location y hacer el redirect luego del setTimeout.
    – Nik020
    el 17 jul. 2019 a las 22:33
  • Gracias, tu ayuda fue muy util.
    – triser
    el 17 jul. 2019 a las 23:57
  • ¿Qué tiene que ver la etiqueta MySQL en la pregunta? el 18 jul. 2019 a las 12:35
  • Disculpa amigo jheyman mejia lo puse de mas la etiqueta :)
    – triser
    el 18 jul. 2019 a las 13:20

1 respuesta 1

1

Quedó de la siguiente manera. Gracias a todos por tomarse un tiempo para apoyarme,se los agradesco.

$(document).ready(function() {

  window.setTimeout(function() {
    $(".alert").fadeTo(800, 0).slideUp(800, function() {
      {
        window.top.location = "index.php"
      }
      $(this).remove();
    });
  }, 2000);

});
<div class="alert alert-success alert-dismissible fade in col-sm-3 animated bounceInDown" role="alert" style="position:fixed;  top: 50%; right:40%; z-index:10;">
  <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
  <h4 class="text-center">Actualización de Registro</h4>
  <p class="text-center">
    La Actualizacion fue con exito
  </p>
</div>

<div class="alert alert-danger alert-dismissible fade in col-sm-3 animated bounceInDown" role="alert" style="position:fixed; top:70px; right:10px; z-index:10;">
  <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
  <h4 class="text-center">OCURRIÓ UN ERROR</h4>
  <p class="text-center">
    No hemos podido Actualizar
  </p>
</div>

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.