Promjena jezika bez učitavanja stranice

Pozdrav,

Treba mi mala pomoć oko jezika stranice.

Naslovna stranica na osnovnom EN jeziku nalazi se na domena.com
Ista stranica treba biti još na 4 dodatna jezika, ali bilo koji jezik da je prikazan poželjno je da stranica ostane na domena.com, dakle bez /en, /de, /it …

A ona bitna stvar je da se prilikom promjene jezika stranica ne učitava.
Pretpostavljam da mi treba neki javascript kod koji bi na klik zastavice promjenio samo text na stranici…

Tu sam sad malo zapeo pa mi treba pomoć kako da to odradim.

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Simple translate</title>
<script>
var LNG = {
    'hello_world' : {'en' : 'Hello world', 'hr' : 'Zdravo svijete', 'de' : 'Hallo welt'},
    'today_is_tuesday': {'en' : 'Today is Tuesday', 'hr' : 'Danas je utorak', 'de' : 'Heute ist Dienstag'},
}

function translate2(lng) {
    var elements = document.getElementsByClassName('translatable');
    for (var i = 0; i < elements.length; ++ i) {
        elements[i].innerHTML = LNG[elements[i].getAttribute('data-word')][lng];
    }
}

window.onload = function(){
    translate2('en');    
}
</script>
</head>

<body>
<button onclick="translate2('hr');">hr</button>
<button onclick="translate2('de');">de</button>
<button onclick="translate2('en');">en</button>

<hr>
<p class="translatable" data-word="hello_world"></p>
<p class="translatable" data-word="today_is_tuesday"></p>
</body>

</html>
1 Like

http://l20n.org/ odlicno rijesenje

1 Like