Есть небольшой скрипт для организации мультиязычности на сайте, с переключениям на кнопках:
var en = {
'home': 'Home',
'about': 'About Us',
'contact': 'Contact Us'
};
var ua = {
'home': 'Головна',
'about': 'Про нас',
'contact': 'Контакти'
};
function changeLang(lan) {
lengthObj = Object.getOwnPropertyNames(lan).length;
for (var i = 0; i <= lengthObj - 1; i++) {
objKey = Object.getOwnPropertyNames(lan)[i];
document.getElementById(objKey).innerText = func(objKey);
}
function func(a) {
for (key in lan) {
if (key == a) {
return (lan[key]);
}
}
}
}
<header>
<a href="/first">first</a>
<a href="/second">second</a>
<script type="text/javascript" src="javascripts/header.js"></script>
<button class="translate" id="en" onclick="
changeLang(en);
">English</button>
<button class="translate" id="ua" onclick="
changeLang(ua);
">Українська</button>
<p class="lang">
<p id="home">Home</p>
</p>
<p class="lang">
<p id="about">About Us</p>
</p>
<p class="lang">
<p id="contact">Contact s</p>
</p>
</header>
Он работает хорошо, но при переходе на следующую страницу, например, контакты (и т.д.), выбранный язык не сохраняется.
Перечитал литературу и понял, что надо как-то с куками или сессиями работать, но ничего толкового не нашёл. Помогите или покажите качественную литературу. В вебе новичок.
changeLang
принимает объект, а не строку.