Thursday, 22 August 2013

internationalization with jQuery

internationalization with jQuery

I'm trying to make a simple internationalization by replacing strings of
text and I have developed the next code for it:
//INTERNACIONALIZACIÓN
$(function(){
arrayCadenas = $(".texts").text(); // creamos un array con las cadenas
de texto a traducir.
//lang = $(".lang").attr("id");
//Generamos un array JS con las cadenas para insertar -las traducciones-.
var es_ES = ["Federación de reinserción1", "NOSOTROS", "QUIENES
SOMOS", "QUE HACEMOS", "PROYECTOS", "SGU-UPD SARTU II", "RED
INCORPORA", "APRENDIZAJE", "CONTACTO"];
var eu_EU = ["Federación de reinserción2", "GUK", "NORK GARA", "ZER
EGIN", "PROIEKTUAK", "SGU-UPD SARTU II", "RED INCORPORA",
"APRENDIZAJE", "KONTAKTUA"];
var en_EN = ["Federación de reinserción3", "NOSOTROS", "QUIENES
SOMOS", "QUE HACEMOS", "PROYECTOS", "SGU-UPD SARTU II", "RED
INCORPORA", "APRENDIZAJE", "CONTACTO"];
languages = [es_ES, eu_EU, en_EN];
$(".lang").each(function(i, lis){
//lis simplemente hace referencia a los elementos seleccionados, en
este caso no nos es util dentro del buble, en otros quizás lo sea.
// El indice te pueede valer como una variable de control para saber
en que posicion estas del bucle.
$(this).on("click", function(e){
e.stopPropagation; // evitamos que nos dispare eventos en niveles
superiores.
select = languages[i]; // hacemos coincidir la posicion de los
lenguages con la iteración, es decir las banderas en el mismo orden
que las traducciones.
console.log(arrayCadenas);
console.log(languages[i]);
arrayCadenas.each(function(j, cadena){ // Hacemos una iteracion por
todas las cadenas que habia en el documento.
cadena.text(languages[i][j]); // en cada elemento actual, insertamos
el texto correspondiente a la bandera -i- y la cadena
correspondiente a la iteracion -j-.
}); // fin each
});// fin evento click sobre la bandera seleccionada.
}); // fin each de las banderas.
}); // fin ready INTERNACIONALIZACION
When I click on a flag, in console I got this:
[17:53:04.223] TypeError: arrayCadenas.each is not a function @
file:///var/www/TRABAJOS/SARTUWEB/%2806-08-2013%29%20sartutheme7/index.html:253
[17:53:04.222] Federación de reinserciónNOSOTROSQUIENES SOMOSQUE
HACEMOSPROYECTOSSGU-UPD SARTU IIRED INCORPORAAPRENDIZAJECONTACTO
[17:53:04.222] ["Federaci\xF3n de reinserci\xF3n3", "NOSOTROS", "QUIENES
SOMOS", "QUE HACEMOS", "PROYECTOS", "SGU-UPD SARTU II", "RED INCORPORA",
"APRENDIZAJE", "CONTACTO"]
Thanks for your help

No comments:

Post a Comment