eitch
/
js_i18n
mirror of
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Refactore layout and added README.md

This commit is contained in:
Robert von Burg 2014-07-22 22:14:11 +02:00
parent 4fc98720a8
commit c013ca11c9
4 changed files with 27 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
README.md
View File

@ -1,4 +1,15 @@
js_i18n js_i18n
======= =======
Simple JavaScript library to internationalise html files Simple JavaScript library to internationalise html files
Usage
=======
Include in your HTML file:
<script src="i18n.js"></script>
Then initialize somehow after page load:
i18n.init();
i18n.translate_document();
Translate single keys:
var msg = i18n.t('my_key');

23
i18n.js → lib/i18n.js
View File

@ -2,6 +2,7 @@ var i18n = {
resource: "messages", resource: "messages",
locale: null, locale: null,
bundle: null, bundle: null,
detectLocale: function () { detectLocale: function () {
var locale; var locale;
locale = navigator.language; // (Netscape - Browser Localization) locale = navigator.language; // (Netscape - Browser Localization)
@ -39,8 +40,7 @@ var i18n = {
var queryResult = JSON.parse(client.responseText); var queryResult = JSON.parse(client.responseText);
bundle[0] = queryResult; bundle[0] = queryResult;
} else { } else {
alert("The request did not succeed!\n\nThe response status was: " + client.status + " " alert("The request did not succeed!\n\nThe response status was: " + client.status + " " + client.statusText + ".\n\nClient response: " + client.responseText);
+ client.statusText + ".\n\nClient response: " + client.responseText);
} }
} }
}; };
@ -54,13 +54,17 @@ var i18n = {
return bundle[0]; return bundle[0];
}, },
t: function (key) { init: function () {
if (this.locale == null) { if (this.locale == null) {
this.locale = this.detectLocale(); this.locale = this.detectLocale();
} }
if (this.bundle == null) { if (this.bundle == null) {
this.bundle = this.load18n(this.locale, this.resource); this.bundle = this.load18n(this.locale, this.resource);
} }
},
t: function (key) {
this.init();
var msg = this.bundle[key]; var msg = this.bundle[key];
if (msg == null) if (msg == null)
@ -76,7 +80,7 @@ var i18n = {
var key = itemToI18n.getAttribute("data-i18n"); var key = itemToI18n.getAttribute("data-i18n");
if (key != null && key.length > 0) { if (key != null && key.length > 0) {
var msg = i18n.t(key); var msg = i18n.t(key);
if (msg != null || msg.length == 0) { if (msg == null || msg.length == 0) {
console.info("Missing translation for key: " + key); console.info("Missing translation for key: " + key);
} else { } else {
itemToI18n.innerText = msg; itemToI18n.innerText = msg;
@ -85,14 +89,3 @@ var i18n = {
}); });
} }
} }
function run() {
// translate all elements which have a "data-i18n" attribute
i18n.translate_document();
// translate a single item:
var myValue = i18n.t("app.name")
var elem = document.getElementById("myElement");
elem.innerText = myValue
}

0
en/messages.json → test/en/messages.json
View File

8
i18n_test.html → test/i18n_test.html
View File

@ -2,7 +2,13 @@
<head> <head>
<title>i18n test</title> <title>i18n test</title>
<script src="i18n.js"></script> <script type="text/javascript" src="../lib/i18n.js"></script>
<script type="text/javascript">
var run = function() {
i18n.init();
i18n.translate_document();
}
</script>
</head> </head>
<body onload="run()"> <body onload="run()">
<h1>Bla bla</h1> <h1>Bla bla</h1>