 |
| Estás en: Juan Rodríguez, web personal > JavaScript > Índice de guiones > Mostrar página por idioma del navegador < |
Verificado en: Opera 9.02 y 9.20Opera 6.05, 7 y 8 Firefox 1.5, 3.0b5 y 3.0.6 Mozilla 1.8 Netscape 7 Internet Explorer 6 y 7
|
Este guión de JavaScript os permitirá mostrar vuestra página web en el idioma del navegador del visitante, siempre que tengáis una versión de la misma en ese idioma. Observar que se trata del idioma del navegador, no de las preferencias de idioma que el usuario tenga configuradas. Estas últimas no se controlan mediante JavaScript. Y aquí empiezan los problemas. Netscape facilita el idioma con la propiedad navigator.language, mientras que Internet Explorer lo hace con navigator.browserLanguage. ¿Y Opera? Pues hasta la versión 6.0x utilizaba navigator.language (como Netscape) y desde la versión 7 facilita el idioma con cualquiera de las dos. Ello implica que para conocer el idioma primero tienes que saber de que navegador se trata y eso no siempre es fácil. Ello explica, aunque sólo en parte, que los sitios con páginas en varios idiomas tengan tantos botones como idiomas disponibles: para que sea el usuario quien seleccione. La selección puede guardarse en una "cookie" para no repetir la pregunta en posteriores visitas de ese usuario. Pulsa sobre esta frase para ir a la página en el idioma de tu navegador Con el código del guión se facilitan dos sistemas de activación, que se explican a continuación: |
Sistema UNO. Que se active cuando el usuario pulsa un botón o un enlace.
Este guión distingue inglés de castellano y de catalán. Para cualquier otro idioma muestra (por defecto) la página en catalán. Sistema DOS. Activación automática al cargarse la página en el navegador del visitante, con lo que éste ve directamente la página en su idioma, sin pulsar botones y sin necesidad de cookies. Pero antes de usarlo, tener en cuenta lo siguiente: si un usuario entra en la página "A.html" y por idioma le mostráis la página "B.html", cuando ese usuario pulse el botón [Atrás] volverá a la página "A.html" que automáticamente le volverá a enviar a la "B.html". A pesar de que parezca un poco engorroso, en ocasiones es interesante para evitar que el visitante se escape al ver página en idiomas ajenos. Personalización del guión* En Propiedades del objeto navegador están casi todas las propiedades de JavaScript relativas a la identificación y otras características de un navegador. * En Códigos de idiomas se incluye la tabla (formato idioma_PAÍS) con los códigos utilizados por los navegadores y de utilidad para guiones como éste. Utilizar el código de idioma (las dos letras en minúsculas). |
Ejecutar Instalación Ver código Descargar + guiones
Código en las cabeceras (head) de la página
<script type="text/javascript">
<!-- inicio
function idioma() {
if (navigator.userAgent.indexOf("Opera")!=-1) (language=navigator.language)
else { if (navigator.appName == "Netscape") (language=navigator.language)
else language=navigator.browserLanguage };
if (language){language=language.substring(0,2)}
else {language="zz"}
switch (language) {
case "en" : window.location="Pagina_en_ingles.html"; break;
case "es" : window.location="Pagina_en_espanol.html"; break;
case "ca" : window.location="Pagina_en_catalan.html"; break;
case "zz" : window.location="Pagina_en_catalan.html"; break;
default : window.location="Pagina_en_catalan.html" } }
// final -->
</script>
Copyright ©
Juan Rodríguez, consultor y
Begues Internet, s.l.
Todos los derechos reservados
Aviso Legal
Cuidar de nuestro entorno natural,
puede y debe ser cosa de todos.
Por ejemplo, no gastando papel para
imprimir una información que siempre
puedes tener en la pantalla de tu pc.
- -
Juan Rodríguez, consultor
Castelldefels (Barcelona)
