1

¿Como puedo hacerlo utilizando jQuery? mostrar alert y redireccionar a otra pagina.

Eso de redireccionar con javascript lo hago, pero quiero hacerlo con jQuery ya que quiero agregarle un cierre automático al alert y tengo entendido que con js no es posible, lo que tengo es así:

<script> 
  alert("Guardado"); 
  window.location='Lista.php'; 
</script>
3
  • stackoverflow.com/questions/23485086/… TL;DR: básicamente, un alert no lo puedes ocultar sin que tú hagas click en el botón
    – Zander
    el 8 nov. 2016 a las 14:56
  • Busca en google modal jQuery y te sale un montón para elegir... el 8 nov. 2016 a las 15:00
  • @TonyMuñoz Puedes crearte un dialog para esto y cerrarlo automáticamente. el 8 nov. 2016 a las 15:06

2 respuestas 2

3

Para realizar lo que quieres puedes usar sweetalert, que te permite crear alertas con cierre automatico, acá te dejo un ejemplo:

$("#boton").on("click",function(){
  swal({
  title: 'Alerta con cierre automatico!',
  text: 'Esta alerta se cerrara en 2 segundos.',
  timer: 2000
}).then(
  function () {},
  // handling the promise rejection
  function (dismiss) {
    if (dismiss === 'timer') {
      console.log('La alerta fue cerrada en 2 segundos')
      //Aqui puedes hacer tu redireccion
      //location.href = "http://es.stackoverflow.com";
    }
  }
)
})
<link href="https://cdn.jsdelivr.net/sweetalert2/6.0.1/sweetalert2.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/sweetalert2/6.0.1/sweetalert2.min.js"></script>
<button type="button" id="boton">Alerta</button>

3
  • como podría usarlo con un form y que el alert este en otra pagina? el 8 nov. 2016 a las 16:01
  • Eso parece otra pregunta, crea una nueva pregunta y coloca lo que has intentado para ayudarte de mejor manera. el 8 nov. 2016 a las 16:04
  • ya la publique amigo es.stackoverflow.com/questions/32547/… el 8 nov. 2016 a las 16:12
0

Eso no es posible con el alert. Acá hay una respuesta de stack que trata el mismo tema.

Con respecto a la redirección podés utilizar

window.location.href = "tupagina.com"

Eso es Javascript puro, porque en este caso Jquery la termina complicando. Acá hay otro tema donde se toca este otro tópico.

Si aún así quieres hacerlo con Jquery te dejo el código:

var url = "http://tupagina.com";
$(location).attr('href',url);

Espero haberte ayudado. Saludos!

6
  • 1
    El OP está preguntando por una solución con jQuery... y eso sí sería posible el 8 nov. 2016 a las 15:02
  • exacto, como podría solucionar ese problema, con js lo hago sin cierre automático pero tengo entendido que con jQuery es posible el 8 nov. 2016 a las 15:05
  • y el alert con cierre automático? el 8 nov. 2016 a las 15:07
  • Ahi le agregué el código, igual no estoy de acuerdo con responder ciegamente sin recomendar soluciones mejores. Hay gente que consulta por determinada herramienta por el simple hecho de que no conoce otras. En este caso le di una mejor alternativa. Además yo nunca dije que no sería posible hacerlo con Jquery
    – Genarito
    el 8 nov. 2016 a las 15:07
  • Que yo sepa no es posible cerrar un alert, solo es posible simular el comportamiento con otros elementos. Te recomiendo ver el Modal de Bootstrap que seguro te va a encantar
    – Genarito
    el 8 nov. 2016 a las 15:09

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