diff --git a/trivabble.css b/trivabble.css index 35b72f5..3234c82 100644 --- a/trivabble.css +++ b/trivabble.css @@ -375,6 +375,10 @@ td.blink { font-size:small } +#lang-selection { + font-size:small; +} + #prefs-sound input, #prefs-sound label { vertical-align:middle } diff --git a/trivabble.js b/trivabble.js index c8f8c44..7dbfb20 100644 --- a/trivabble.js +++ b/trivabble.js @@ -958,6 +958,11 @@ trivabble.run(); }; + function langSelectionChange(e) { + localStorage.trivabbleLang = e.target.value; + location.reload(); + } + function initGlobals() { board = document.getElementById("board"); rack = document.getElementById("rack"); @@ -1075,6 +1080,20 @@ startGame(localStorage.trivabbleGameNumber); } + function initLang() { + var lang = localStorage.trivabbleLang || libD.lang; + libD.lang = lang; + + var langSel = document.getElementById("select-lang"); + langSel.value = lang; + langSel.onchange = langSelectionChange; + + var script = document.createElement("script"); + script.src = "l10n/js/" + lang + ".js"; + script.onerror = trivabble.l10nError; + document.getElementsByTagName("head")[0].appendChild(script); + } + trivabble.run = function () { initGlobals(); initEvents(); @@ -1084,4 +1103,6 @@ }; trivabble.l10nError = trivabble.run; + + window.addEventListener("DOMContentLoaded", initLang); }());