How to translate strings in JS

Question

I have a project which I want to translate into multiple languages for the PHP Part I use Zend Frameworks Zend_Translate with GetText. Now I want to translate the JS part too.

I am using the jQuery JS Framework and would love to hear your thoughts on translation for JS files

Answer 1

// just for some idea 
//var language ="fr_FR";
var language ="sp_SP";

var FRLOCALE = {
  "Hello": "bonjure ",
  "My name is %s": "mo nome oc ",
  "what": "some french thing"
};

var SPLOCALE = {
  "Hello": "Spanish for hello",
  "My name is %s": "spanish for my name is ",
  "what": "qu"
};

function translated(language, string){
    if (language.indexOf("fr") > -1) {
        return FRLOCALE[string] ? FRLOCALE[string] : string;
    } 

    if (language.indexOf("sp") > -1) {
      return SPLOCALE[string] ? SPLOCALE[string] : string;
    }

    return string; 
}

alert(translated(language,"Hello"));

alert(translated(language,"some thing not translated "));

Answer 2

I have a PHP web page that also exists in several languages. I have written my own language class in PHP and when it came to localizing the JavaScript files I just configured the server to execute .js files as PHP too, and I used my PHP class to translate JavaScript strings.

Something like this:

alert ( '<?php echo $l->Get ( 'MyString' ); ?>' );

I just include a file that initializes the "$l" at the beginning of every JavaScript file. I have no problems with this.

Answer 3

http://24ways.org/2007/javascript-internationalisation

Answer 4

Well, you could extend strings to give them a translated-function, which looks up the receiver in a locale.

You would use it like this:

alert("Your favorite language is English!".translated());

And you would be given an alert with "tu idiom prefiero es Espanol", or something

niko

Answer 5

I have successfully used GetText for translation of JavaScript files in three projects.

Of course GetText natively doesn't support JavaScript and JavaScript also doesn't support GetText. My solution has been the following.

• In JavaScript I surround translatable strings with gettext("your text here").
• Then I have a script that pulls the strings out of JavaScript files and creates a C file, because C is supported by gettext.
• Then I use xgettext on the generated C files and on any other files in my project to produce POT and PO files.

After translating PO files, I have to get the translations back to JavaScript...

• I parse the JavaScript files again, remembering the list of translatable strings, then for every locale:
• Using a language with GetText support (in my case PHP) I translate all the strings and output JavaScript file.

For example a locale file for Estonian (e.g. et_EE.js) might look like this:

var LOCALE = {
  "Hello": "Tere",
  "My name is %s": "Minu nimi on %s",
  "Enter your credit card number": "Sisesta oma krediitkaardi number"
};

function gettext(string) {
  return LOCALE[string] ? LOCALE[string] : string;
}

Depending on the selected locale you either include et_EE.js or en_US.js or ...

en_US.js will probably contain just the following:

function gettext(string) {
  return string;
}

A bit trickier for ngettext(), but you should get the general idea.

The great thing is that I can use all the gettext tools already available. Especially when I have translatable texts in both PHP and JavaScript - I can use the same tool for translating both of them and also ensure that the same string is translated the same way both in JavaScript and PHP.

NOTE: If you aren't dealing with a JavaScript-intensive web-app, you should think twice before having page content created by JavaScript in the first place.

Answer 6

This might also be of interest to you: a gettext plugin for jQuery.