Aplicación HTML5 multilingüe

Question

Estoy desarrollando una aplicación HTML5 con CSS3 y jQuery.

Tengo un texto que quiero mostrar en el idioma del usuario. ¿Sabes cómo puedo hacer eso?

Esta aplicación se ejecutará en Blackberry Playbook y en otros dispositivos móviles.

No sé cómo conseguir idioma del sistema operativo del usuario, o cuando debo poner mis cuerdas localizaciones, etc.

Alguna pista?

Answer 1

Sugeriría intentar detectar el idioma del navegador usando Javascript. No veo una forma directa de detectarlo usando HTML.

Aquí hay un enlace que aborda el tema:

Is there anyway to detect OS language using javascript?

Answer 2

debo guardar la cadena localizada en archivos JS (1 para cada lenguaje soportado). Ex. :

de cuerda en.js:

MyApp.STR = {"Hi":"Hi","By":"By", etc.}; 

de cuerda fr.js:

MyApp.STR = {"Hi":"Salut","By":"Par", etc.}; 

Y en el inicio, me carga el archivo correcto en relación con el idioma del navegador:

loadLocalizedString: function(langParam/*optional*/) { 
    var language = window.navigator.language, lang; 
    console.log('loadLocalizedString with Navigator Language: ' + language); 
    if (!langParam) { 
     //Try to guess the best suited language 
     if(language) { 
      lang = language.substring(0,2); 
     } else { 
      lang = 'en'; 
     } 
     if($.inArray(lang, this.SUPPORTED_LANGUAGE) <= -1) { 
      lang = 'en';//If the language is not available : english by default 
     } 
    } else { 
     lang = langParam; 
    } 

    console.log('language: ' + lang); 

    this.loadString('lib/string-'+lang+'.js'); 
}, 
    SUPPORTED_LANGUAGE : ["en", "fr", "es", "it"], 
loadString:function(fileName) { 
    try { 
     $.ajaxSetup({async: false}); 
     $.getScript(fileName);//We don't use the async callback, because we need the translation in the next method 
     $.ajaxSetup({async: true}); 

    } catch (e) { 
     console.error('Error while loading : ' + fileName); 
    } 

} 

Y para utilizar la cadena localizada en la aplicación:

html = MyApp.STR.Hi+' '+userName+' !';