Tengo este código Javascript dónde puedo cambiar traducir mi página sin necesidad de recargar:
var strings = {
espanol: {
lang: "Idioma",
texto1: "Hola!"
},
english: {
lang: "Language",
texto1: "Hi!"
}
}
$( ".espanol" ).on( "click", function() {
localStorage.setItem("lang", "espanol");
localizeStrings('espanol');
});
$( ".english" ).on( "click", function() {
localStorage.setItem("lang", "english");
localizeStrings('english');
});
var Lang = localStorage.getItem("lang") || "english";
localizeStrings(Lang);
function localizeStrings(strLang) {
$(strings[strLang]).each(function(key, lang){
$.each(lang, function(id, string) {
$("#"+id).html(string);
});
});
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button type="button" id="lang">Idioma</button>
<h1 id="texto1">Hola!</h1>
Y dentro de otro archivo Javascript tengo un código que al terminar un proceso, saltaba un alert
que reemplacé por un SweetAlert2:
Swal.fire({
text: "Algo está mal!",
icon: "warning",
buttonsStyling: false,
confirmButtonText: "Entiendo",
customClass: {
confirmButton: "btn btn-warning"
}
})
Quiero saber si hay forma de traducir el SweetAlert sin refrescar simplemente asignando de alguna manera un ID y de ahí poder tomarlo con mi código ya mencionado?
Quiero traducir del sweetalert: text: "Algo está mal!",
y el texto del botón: confirmButtonText: "Entiendo",
Muchas gracias de antemano.