Cambiar un texto corto segun el pais del internauta

Laura_Berenice · #1 (**permalink**) 19/12/2012, 17:06

Hola chicos:

Veran estoy diseñando una pagina de agencia de viajes turisticos y tiene versiones de la pagina en otros idiomas y en el diseño de la pagina se me ocurrio hacer que cambie el inicio de un texto segun el pais del internauta que esta leyendo el texto.

Por ejemplo:

[Hola amigo Mexicano], bienvenido a nuestra pagina de viajes turisticos donde podras encontrar informacion de los mejores hoteles, restaurantes, playas, parques acuaticos, ruinas arqueologicas y centros nocturnos... etc.

[Hola amigo Mexicano] seria lo que cambiaria a [Hola amigo Argentino, Colombiano, Tico, Peruano, etc.] despues de haber seleccionado la version en Español de la pagina. Porque el internauta habla Español, pero de donde es???

Se poco de javascript, pero me imagino un javascript mas o menos asi...

Código:

<html>
  <head>
  </head>
  <body>

<script type="text/javascript">
 if geoip_country_code() == ES) {
      document.write('Hola amigo Español'); 
    } else if (geoip_country_code() == MX) {
      document.write('Hola amigo Mexicano');
    } else if (geoip_country_code() == MX) {
      document.write('Hola amigo Mexicano');
    } else if (geoip_country_code() == AR) {
      document.write('Hola amigo Argentino');
    } else if (geoip_country_code() == CL) {
      document.write('Hola amigo Colombiano');
  }
 </script>

  </body>
</html>

Imagino que la funcion "geoip_country_code" hay que declararla antes en la <heat> del html, pero yo quiero que este mismo javascript cambie otros pequeños textos en otras parte de una misma pagina, es decir que funcionen tres de estos javascript en una misma pagina, pero la funcion de un text/javascript puede funcionar si hay otro java/script de igual redaccion en la misma pagina.
---

Pregunta aparte: No hay problema si pongo caracteres arabigos o japoneses en el archivo txt, o el problema es que no se ven esos caracteres en archivo txt de mi computadora???

#2 (**permalink**) 20/12/2012, 06:20

Hola Laura_Berenice:

Respecto a tu primera cuestión, para que geoip_country_code() pueda ser leído, tu código debería ser este:

Código HTML:

Ver original<html>
  <head>
    <meta charset="utf-8">
    <script type="text/javascript" src="http://j.maxmind.com/app/geoip.js">
    </script>
  </head>
  <body>
 
<script type="text/javascript">
geoip_country_code();
 if (geoip_country_code() == 'ES') {
      document.write('Hola amigo Español'); 
    } else if (geoip_country_code() == 'MX') {
      document.write('Hola amigo Mexicano');
    } else if (geoip_country_code() == 'AR') {
      document.write('Hola amigo Argentino');
    } else if (geoip_country_code() == 'CL') {
      document.write('Hola amigo Colombiano');
  }
 </script>
 
  </body>
</html>

De otro modo te encontrarás con: Error: ReferenceError: geoip_country_code() is not defined.

Recuerda declarar antes geoip_country_code(); poner 'ES', 'MX' etc., entre comillas. (además de la codificación de caracteres).

Respecto al cambio de otros textos, tendrás que realizarlo mediante variables que irás cambiando entre if y else if.

Por ejemplo (mejor el script en el <head>):

Código HTML:

Ver original<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Mi página</title>
    <script type="text/javascript" src="http://j.maxmind.com/app/geoip.js"></script>
<script type="text/javascript">
window.onload=function(){
      var texto_1 = document.getElementById("texto_1");
      var texto_2 = document.getElementById("texto_2");
      var texto_3 = document.getElementById("texto_3");
      geoip_country_code();
 if (geoip_country_code() == 'ES') {
      texto_1.innerHTML = "Hola amigo español"; 
      texto_2.innerHTML = "Segundo texto para el español"; 
      texto_3.innerHTML = "Este es el tercer texto para España"; 
    } else if (geoip_country_code() == 'MX') {
      texto_1.innerHTML = "Hola amigo mexicano"; 
      texto_2.innerHTML = "Segundo texto para el mexicano"; 
      texto_3.innerHTML = "Este es el tercer texto para México"; 
    };
}
 </script>
 
  </head>
  <body>
    <div id="texto_1"></div>
    <div id="texto_2"></div>
    <div id="texto_3"></div>
  </body>
</html>

Ello no interfiere a otros javascript o a que enlaces con archivos externos de js.

Respecto al cambio de caracteres, ello tiene que ver con la declaración inicial. <meta charset="utf-8"> (para los caracteres latinos con acentos, eñes, etc). No tengo experiencia pero tienes que evaluar si va a ir toda la página con caracteres chinos, árabes, japoneses etc., o tal vez puedas modificarlo para un tag específico.

Laura_Berenice · #3 (**permalink**) 20/12/2012, 15:46

Hola txemaarbulo:

Woouuu!!! Funciona genial el javascript, se me estan ocurriendo mas ideas para aplicarlo en el diseño de mi pagina.

Entonces para que funcionara geoip_country_code() habia que poner poner las letras codigo de los paises entre comillas ('ES', 'MX'), perfecto.

Y para poner modificar varios textos segun el pais del internauta hay que declarar asi las variables, genial. Son varios textos segun el pais del intarnauta, es exactamente lo que queria.

Voy a checar eso de la funcion <meta charset="utf-8"> para introducir caracteres arabigos, japoneses y hebreos o si se necesita una tag.

super mega gracias, son los mejores.

IsaBelM · #4 (**permalink**) 20/12/2012, 18:37

txemaarbulo, espero que no te moleste si te hago algunas correcciones sobre tu código

en la línea 12 invocas la función geoip_country_code(). y no es necesario
por otro lado es mas sencillo de escribir y leer los mensajes que serán imprimidos por pantalla si se usa un objeto

Cita:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Mi página</title>
<script type="text/javascript" src="http://j.maxmind.com/app/geoip.js"></script>
<script type="text/javascript">

var textos = {
"ES" : ["Hola amigo español", "Segundo texto para el español", "Este es el tercer texto para España"],
"MX" : ["Hola amigo mexicano", "Segundo texto para el mexicano", "Este es el tercer texto para Mexicano"]
// etc...
}

window.onload=function(){

for (var nacionalidad in textos) {
if (geoip_country_code() == nacionalidad) {
document.getElementById("texto_1").innerHTML = textos[nacionalidad][0];
document.getElementById("texto_2").innerHTML = textos[nacionalidad][1];
document.getElementById("texto_3").innerHTML = textos[nacionalidad][2];
break;
} else {
// la nacionalidad no está en el objeto
};

}
}
</script>

</head>
<body>
<div id="texto_1"></div>
<div id="texto_2"></div>
<div id="texto_3"></div>
</body>
</html>

#5 (**permalink**) 21/12/2012, 02:42

Cita:

Iniciado por IsaBelM

txemaarbulo, espero que no te moleste si te hago algunas correcciones sobre tu código

Para nada Isabel.

Veo tu código más actual y, posiblemente, más fácil si vamos a trabajar con muchos idiomas.

Me pareció más fácil (tal vez la inercia de lo escrito inicialmente) trabajar el código con los if - else if.

Respecto a

Cita:

Iniciado por IsaBelM

en la línea 12 invocas la función geoip_country_code(). y no es necesario

Tienes razón. Tal vez estába aburrido de encontrarme tantas veces con el famoso mensaje variable no declarada que lo incluí aunque sea pecar de exceso (o meter código basura).

Supongo que Laura_Berenice tomará nota para ver que a Roma se llega de muchas maneras: uno puede ir a pie, en coche o en avión.

Yo tadavía, en muchas cosas, camino a la antigua.

IsaBelM · #6 (**permalink**) 21/12/2012, 05:35

yo también he de corregirme. si la condición no retorna true, se imprimirá lo que haya en la clausula else. y si hablamos de un objeto con 20 elementos, se imprimirá 19 veces la clausula else. habría que añadir una variable con valor boleano

Cita:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Mi página</title>
<script type="text/javascript" src="http://j.maxmind.com/app/geoip.js"></script>
<script type="text/javascript">
var textos =
{"ES" : ["Hola amigo español", "Segundo texto para el español", "Este es el tercer texto para España"],
"MX" : ["Hola amigo mexicano", "Segundo texto para el mexicano", "Este es el tercer texto para Mexicano"]
// etc ...
}

window.onload=function(){

var boleano = false;

for (var nacionalidad in textos) {

if (geoip_country_code() == nacionalidad) {

document.getElementById("texto_1").innerHTML = textos[nacionalidad][0];
document.getElementById("texto_2").innerHTML = textos[nacionalidad][1];
document.getElementById("texto_3").innerHTML = textos[nacionalidad][2];
boleano = true;
break;

}

}
if (!boleano) alert('no hay mensaje para esta nacionalidad');
}
</script>
</head>
<body>
<div id="texto_1"></div>
<div id="texto_2"></div>
<div id="texto_3"></div>
</body>
</html>