Foros del Web » Programando para Internet » Javascript »

WEbApp Multi-Iidioma

Estas en el tema de WEbApp Multi-Iidioma en el foro de Javascript en Foros del Web. Buenas dejo ese pequeño código para realizar webapp con soporte multi-idioma, multi language etc.., 100% javascript ya que la idea de una webapp sea offline ...
  #1 (permalink)  
Antiguo 26/08/2012, 10:47
 
Fecha de Ingreso: abril-2011
Mensajes: 33
Antigüedad: 13 años, 7 meses
Puntos: 7
WEbApp Multi-Iidioma

Buenas dejo ese pequeño código para realizar webapp con soporte multi-idioma, multi language etc.., 100% javascript ya que la idea de una webapp sea offline

Código Javascript:
Ver original
  1. var Translation = {
  2.     es: {'primera frase': 'primera frase traducida al español',
  3.         'segunda frase': 'segunda frase traducida al español',
  4.         'tu casa es de color %s y tu coche %s' : 'tu casa es de color %s y tu coche %s'
  5.         },
  6.     en: {'hola': 'hello',
  7.         'adios': 'good bye',
  8.         'tu meme es %s' : 'you "meme" is %s'
  9.         },
  10.     //Definición dl metodo Str
  11.     Str : function(lang_obj,cadena) {
  12.         lang_obj = this[lang_obj];
  13.         if (!(typeof lang_obj === "undefined")) {
  14.             if (!(typeof lang_obj[cadena] === "undefined")) {
  15.                 cadena = (lang_obj[cadena]);
  16.             }
  17.         }
  18.         for(i=2;i<arguments.length;i++) {
  19.             cadena = cadena.replace("%s", arguments[i]);
  20.         }
  21.        
  22.        
  23.         return cadena;
  24.     },
  25. }

Para definir los idiomas son propiedades del objecto Translation y las frase identificadora: frase traducida

para mostar una cadena con difente idioma debemos usar el metodo Str que le pasamos el idioma y la cadena identificadora

Código Javascript:
Ver original
  1. document.write(Translation.Str('en','hola'));

Tambien podemos pasar paramatros extra para tener una cadena formateada
Código Javascript:
Ver original
  1. document.write(Translation.Str('es','tu meme es %s','forever alone'));

mas ejemplos de uso
Código Javascript:
Ver original
  1. document.write(Translation.Str('es','tu casa es de color %s y tu coche %s','rojo','verde'));
  2. document.write('<br />');
  3. document.write(Translation.Str('en','hola'));
  4. document.write('<br />');
  5. document.write(Translation.Str('es','tu meme es %s','forever alone'));
  6. document.write('<br />');
  7. document.write(Translation.Str('en','tu meme es %s','forever alone'));

Dejo en enlace del articulo entero
[URL="http://www.webserveis.com/249/multi-idioma-en-javascript/"]Multi-idioma en javascript[/URL]

Espero que sea de ayuda, si hay alguien que sepa como optimizar la función, ya que es mi primer contacto con el lenguaje javascript 100%
__________________
www.webserveis.com

Última edición por neuronic; 26/08/2012 a las 10:53

Etiquetas: multi-language, multiidioma, webapp
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 06:18.