Publicado em 3 de mar.

Elemento SweetAlert

Essa forma funciona nos navegadores FIREFOX E CHROME menos EXPLORER porque será ?

 <div id="mensagem"></div>

<script>
$(document).ready(function(){
 if (document.getElementById('mensagem') != null){
 swal("Olá", "Boas Vindas", "success")
 .then((ButtonSucesso) => { window.location.href='./inicio'; });
 }

});	</script>

	Dessa forma funciona normal pelo EXPLORER, SÓ QUE EU PRECISO MOVER DEPOIS DO OK

 <div id="mensagem"></div>

<script>
$(document).ready(function(){
 if (document.getElementById('mensagem') != null){
 swal("Olá", "Boas Vindas", "success");
 }

});	</script>

Discussão (1)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

Jhess· 5 de mar.

Na biblioteca Sweet Alert, você pode definir o que acontecerá quando você clicar em "confirm" (ou "OK"), já usei uma vez num cadastro, quando o cadastro era concluído, o Sweet Alert é exibido e quando eu clicar em confirmar ou ok a página atualizava, você pode substituir pelo que quiser...

Parte do sweetalert.js:

switch (e.type) {
case 'click':

 var clickedOnModal = modal === target;
 var clickedOnModalChild = (0, _handleDom.isDescendant)(modal, target);

 // Ignore click outside if allowOutsideClick is false
 if (!clickedOnModal && !clickedOnModalChild && modalIsVisible && !params.allowOutsideClick) {
 break;
 }

 if (targetedConfirm && doneFunctionExists && modalIsVisible) {
 handleConfirm(modal, params);
 } else if (doneFunctionExists && modalIsVisible || targetedOverlay) {
 handleCancel(modal, params);
 } else if ((0, _handleDom.isDescendant)(modal, target) && target.tagName === 'BUTTON') {
 sweetAlert.close();
 location.reload(); //incrementei aqui, note que não faz parte da biblioteca original... Creio que atenderá suas necessidades.
 }
 break;
 }