Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
4
respostas

Botão do alert levando para outra página

por Patrick Thompson Reis
| 87k xp | 22 posts

Olá!

Criei um alert que é executado depois que o usuário responde a um quiz e preenche seus dados numa form. É possível que quando ele clique no botão para sair do alert ele seja direcionado a uma nova página? Tentei algo como segue abaixo, mas não deu certo. Podem me ajudar, por favor?

(Usei o Sweet Alert no projeto e pelo que vi da documentação, não achei nada lá que me ajudasse com isso especificamente)

swal({
      title: "Excelente!",
      text: "Indicamos isto para você: ",
      icon: "success",
      button: {
        text: "Quero ver!"
      }, function () {
        window.location = 'url a ser direcionado'
      }
    });
4 respostas
por Vinícius Carvalho
| 112.9k xp | 96 posts
Líder Técnico de Projetos

Olá Patrick,

Você usou o Sweet Alert apenas apenas em função do redirect?

Pergunto, por que simplesmente pelo window.location deveria funcionar.

<script>
    alert("Você será redirecionado");
    window.location = "https://www.google.com.br";
</script>

Abraço

por Patrick Thompson Reis
| 87k xp | 22 posts

Não.. foi só pra dar uma outra cara pro alert mesmo.

O código dele está dentro do arquivo .js, e é chamado depois do preenchimento do form e do clique no botão para enviar as informações. Porém não está direcionando

swal({
      title: "Excelente!",
      text: "Indicamos este cartão para você: ",
      icon: "success",
      button: {
        text: "Quero ver!"
      }, function() {
        window.location = "https://google.com"
      }
    });

O window.location está dentro de uma função porque fora dela o js não reconhece o ponto entre os dois, e diz esperar uma vírgula

solução!
por Vinícius Carvalho
| 112.9k xp | 96 posts
Líder Técnico de Projetos

Entendi.

Pelo que vi da documentação, utilizando promise é possível:

swal({
            title: "Excelente!",
            text: "Indicamos este cartão para você: ",
            icon: "success",
            button: {
                text: "Quero ver!"
            }
        }).then((value) => {
            window.location = "https://google.com"
        });

Espero te ajudado. Abraços.

por Patrick Thompson Reis
| 87k xp | 22 posts

Agora sim Vinícius! Muitíssimo obrigado!