Con la API AJAXLanguage, puede traducir y detectar el idioma de un área determinada en una página web usando solo JavaScript.
La API está desarrollada recientemente, por lo que puede haber algunos errores y deficiencias menores en comparación con una documentación perfecta. Parcharemos estas vulnerabilidades, así que comprenda que puede unirse al Foro de desarrolladores de API de AJAX para enviarnos sus comentarios y discutir esta API.
Audiencia Este documento ha sido preparado para personas que tienen cierta familiaridad con la programación JavaScript y los conceptos de programación orientada a objetos. Hay muchos tutoriales de JavaScript en Internet.
Introducción al programa "Hello, World" en la API de lenguaje Ajax de Google. La forma más fácil de comenzar a aprender esta API es mirar un ejemplo simple que detectará un idioma determinado y lo traducirá al inglés.
<html>
<cabeza>
<script type="text/javascript" src=" http://www.google.com/jsapi"></script >
<script type="text/javascript">
google.load("idioma", "1");
función inicializar() {
var texto = document.getElementById("texto").innerHTML;
google.language.detect(texto, función(resultado) {
if (!resultado.error && resultado.idioma) {
google.language.translate(texto, resultado.idioma, "en",
función (resultado) {
var traducido = document.getElementById("traducción");
si (resultado.traducción) {
traducido.innerHTML = resultado.traducción;
}
});
}
});
}
</script>
);
</cabeza>
<cuerpo>
<div id="text">Hola, encantado de conocerte. </div>
<div id="traducción"></div>
</cuerpo>
</html>
Puede ver el ejemplo aquí y modificarlo y ejecutarlo como desee.
Incluye Ajax LanguageAPI en tus páginas web
Para agregar la API AJAXLanguage a su página web, debe utilizar el cargador de API AJAX de Google. Esta clase de carga pública le permite cargar todas las API de AJAX que necesita, incluida la API del idioma aquí. También debe incluir la etiqueta de secuencia de comandos de las API AJAX de Google y llamar a google.load("language","1");.
<script type="text/javascript" src=" http://www.google.com/jsapi"></script >
<tipo de script="texto/javascript">
google.load("idioma", "1");
</script>
La primera etiqueta de secuencia de comandos carga la función google.load, que le permite cargar una API de Google específica. google.load("language","1") carga la primera versión de Language API. Actualmente, la API AJAXLanguage se encuentra en la versión 1, pero pronto estará disponible una nueva versión. Consulte la discusión sobre la versión a continuación para obtener más información.
Actualizaciones de API
El segundo parámetro de la función google.load es en realidad la versión de la API AJAXLanguage que estás utilizando. Actualmente, la API del lenguaje AJAX se encuentra en la versión 1, pero pronto estará disponible una nueva versión.
Si realizamos actualizaciones importantes a la API en el futuro, cambiaremos el número de versión y publicaremos un aviso en la discusión sobre Google Code y AJAX APIS. Cuando ocurra este evento, esperamos continuar brindando soporte para todas las versiones durante al menos un mes para darle tiempo suficiente para migrar su código.
El equipo de AJAXLanguage API proporciona actualizaciones periódicas sobre correcciones de errores recientes y optimizaciones de la plataforma. Estas correcciones de errores solo deberían mejorar el rendimiento y corregir errores, pero es posible que accidentalmente rompamos a algunos usuarios de API; utilice el grupo de discusión de API de AJAX para informar tales problemas.
Ejemplo de traducción de idiomas Este caso muestra un proceso simple de traducción de una variable de cadena de JavaScript.
google.language.translate("Hola mundo", "en", "es", function(resultado) {
si (!resultado.error) {
var contenedor = document.getElementById("traducción");
contenedor.innerHTML = resultado.traducción;
}
});
Ver caso (translate.html)
Detección de idioma Este caso muestra la detección de idioma para una cadena de JavaScript. Se devolverá el código de idioma.
var text = "¿Dónde está el baño?"$$
google.language.detect(texto, función(resultado) {
si (!resultado.error) {
var idioma = 'desconocido';
para (l engoogle.idioma.Idiomas) {
if (google.idioma.Idiomas[l] == resultado.idioma) {
idioma = l;
romper;
}
}
var contenedor = document.getElementById("detección");
contenedor.innerHTML = texto + " es: " + idioma + ""$$
}
});
Ver el caso (detection.html)
Detección de fuente durante la traducción El siguiente caso es similar al caso de traducción básica, pero muestra cómo traducir texto cuando se desconoce el idioma de origen. Al pasar una cadena vacía para representar un idioma de origen desconocido, el sistema lo detectará y traducirá automáticamente en una sola llamada.
google.language.translate("Hola mundo", "", "es", función(resultado) {
si (!resultado.error) {
var contenedor = document.getElementById("traducción");
contenedor.innerHTML = resultado.traducción;
}
});
Consulte los ejemplos (autotranslate.html)
para obtener más ejemplos. Aquí hay dos ejemplos adicionales de interacciones. El primer caso realiza la detección de idioma en una cadena de texto ingresada previamente, al mismo tiempo que permite ingresar otro texto. También muestra factores de confianza y confiabilidad (Nota del traductor).
Ver caso (detección.html)
Segundo caso adicional de traducción. También permite interacciones similares a las descritas anteriormente.
Ver el caso (translate.html)
Detalles de API Idiomas admitidos
La API GoogleAJAXLanguage ahora admite los siguientes idiomas. La tecnología mejora constantemente y nuestro equipo está trabajando arduamente para ampliar esta lista, así que vuelva a consultarla con frecuencia. También puede visitar Google Translate para ver la lista actualizada recientemente.
árabe
Chino (simplificado y tradicional)
Holandés
Inglés
Francés
Alemán
Griego
italiano
japonés
coreano
portugués
ruso
Español
Pares de traducción de idiomas admitidos
La API GoogleAJAXLanguage ahora admite los siguientes pares de traducción de idiomas. La tecnología mejora constantemente y nuestro equipo está trabajando arduamente para ampliar esta lista, así que vuelva a consultarla con frecuencia. También puede visitar Google Translate para ver la lista actualizada recientemente.
árabe al inglés
Chino al inglés
Chino (simplificado a tradicional)
Chino (tradicional a simplificado)
Del holandés al inglés (del holandés al inglés)
Inglés al árabe
Inglés al chino (simplificado)
Inglés al chino (tradicional)
Inglés al holandés
Inglés al francés
Inglés al alemán
Inglés al griego
Inglés al italiano
Inglés al japonés
Inglés al coreano
Inglés al portugués
Inglés al ruso
Inglés al español
Francés a inglés (francés a inglés)
Francés al alemán
alemán al inglés
alemán al francés
Griego al inglés
Italiano al inglés (italiano al inglés)
japonés al inglés
Coreano al inglés (coreano al inglés)
Portugués al inglés (portugués al inglés)
Ruso al inglés (ruso al inglés)
español al ingles
Resolución de problemas Si encuentra un problema en su código:
verifique el código. Tenga en cuenta que JavaScript es un lenguaje que distingue entre mayúsculas y minúsculas.
Para usar el depurador de JavaScript, en Firefox puedes usar la consola de JavaScript o la extensión FireBug. En IE, puede utilizar Microsoft Script Debugger.
Busque en el grupo de discusión de AJAXAPI. Si no puede encontrar una publicación que responda a su pregunta, publíquela en el grupo de discusión e incluya un enlace a la página donde hizo la pregunta.