salve
ho questo codice, sarebbe possibile , e come, far mantenere la lingua selezionata dal menù dropdown in bootstrap anche se cambio pagina o si fa il refresh?
Grazie
codice:
function updateContent() {
const elements = document.getElementsByClassName("i18nelement");
for (let i = 0; i < elements.length; i++) {
const element = elements[i];
const k = element.getAttribute("data-i18n");
element.innerHTML = i18next.t(k);
}
}
async function i18Loader() {
const langs = ["it","en", "fr", "de"];
const jsons = await Promise.all(
langs.map((l) => fetch("lang/" + l + ".json").then((r) => r.json()))
);
const res = langs.reduce((acc, l, idx) => {
acc[l] = { translation: jsons[idx] };
return acc;
}, {});
await i18next.init({
lng: "it",
debug: true,
resources: res
});
updateContent();
i18next.on("languageChanged", () => {
updateContent();
});
const langSelector = document.getElementById("langSelector");
langSelector.removeAttribute("disabled");
langSelector.addEventListener("click", (e) => {
i18next.changeLanguage(e.target.value);
});
}
i18Loader();