ansaurus

Question

How to internationalize string used in javascript code?

Answer 1

A:

You could generate the text into the original script itself.

$('#submit').click(function() {
    $(#target).html('<?php  _e('Please wait while submitting...'); ?>').load(someURI);
}

Zed 2009-10-12 09:25:34

Answer 2

+1 A:

you can also automate this by using a php "preprocessor" for javascript

<script src="script.php?file=blah.js">

where script.php is something like

 function _repl($x) { return '"' . _e($x[1]) . '"'; }

 $js = file_get_contents($_GET['file']);
 $js = preg_replace_callback('~_e\("(.+?)"\)~', '_repl', $js);
 echo $js;

this will transparently replace _e(something) in javascript code with actual strings

stereofrog 2009-10-12 09:49:51

Are you suggesting to generate a HTTP request for every string that requires localization?

Fedyashev Nikita 2010-01-17 07:14:08

no, the whole js file is preprocessed just once on the server side

stereofrog 2010-01-17 14:21:08

Answer 3

A:

you could create sort of REST application, where you would fill the elements of javascript strings on document load from a service:

$(function(){
   var handleResponse = function.....; // fill your string elements from response
   var lang = "fr"; // language of localized document

   $.ajax(
       type: "GET",
       url: "/i18n.php?lang=" + lang + "&names=someName+someName1+someName2",
       success: handleResponse
   ); 
});

Juraj Blahunka 2009-10-12 10:33:11

Answer 4

+4 A:

You should use JSON to convert the server side l10n strings to a JSON object :

// In the <head> tag :
<script type="text/javascript" src="locales.php"></script>

and this in locales.php :

var l10n = <?php echo json_encode($l10n); ?>;

where $l10n is an array which contains all the locales, like this :

$l10n = array(
  'Please wait while submitting...' => 'Veuillez patienter durant le traitement...',
  'bah' => 'bih'
);

You can now use these strings like this in JS :

function $T(s){
  return l10n[s] || s;
}

alert($T('Please wait while submitting...'));

Fabien Ménager 2009-10-12 11:31:31

Yep. This is very similar to how we do it too :)

kangax 2009-10-12 12:38:31

In this approach, all I18N strings are downloaded even only few are used.

Morgan Cheng 2009-10-13 05:16:35

Yes, but the files is cached by the browser, so it is downloaded only once.

Fabien Ménager 2009-10-13 06:29:44

Fabien, thanks a lot for this simple yet powerful solution! :)

Fedyashev Nikita 2010-01-17 07:16:44

ansaurus

tags:

views:

answers:

How to internationalize string used in javascript code?

related questions