begin process at 2012 05 28 07:47:04
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Trucs & Astuces

 > API GOOGLE TRADUCTION

API GOOGLE TRADUCTION


 Information sur la source

Note :
7 / 10 - par 2 personnes
7,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Trucs & Astuces Classé sous :API google, google traduction, traduction API, traducteur google, traducteur Niveau :Débutant Date de création :26/11/2008 Date de mise à jour :26/11/2008 14:43:16 Vu :14 221

Auteur : CodeurleGeek

Ecrire un message privé
Commentaire sur cette source (10)
Ajouter un commentaire et/ou une note

 Description

Après avoir découvert l'API google Traduction grâce à zoby44, je me suis penché 3/4 d'heure sur le sujet et ça à rendu ça.

(Je vous laisse mettre du css et adapter le code :) !)

Source

  • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  • <html>
  • <head>
  • <title>Traduction</title>
  • <script type="text/javascript" src="http://www.google.com/jsapi"></script>
  • <script type="text/javascript">
  • google.load("language", "1");
  • function Langue() //Fonction pour trouver la langue
  • {
  • var texteatraduire = document.getElementById('texteatraduire').value;
  • var languetraduite = document.getElementById('languetraduite').value;
  • var languedorigine = document.getElementById('languedorigine').value;
  • var text = texteatraduire;
  • google.language.detect(text, function(result) //API Google
  • {
  • if (!result.error)
  • {
  • var language = 'unknown';
  • for (l in google.language.Languages)
  • {
  • if (google.language.Languages[l] == result.language)
  • {
  • language = l;
  • break;
  • }
  • }
  • document.getElementById('informations').innerHTML = "This text is in "+l; //Ecriture de la langue
  • }
  • });
  • }
  • function Traduction()
  • {
  • var texteatraduire = document.getElementById('texteatraduire').value;
  • var languetraduite = document.getElementById('languetraduite').value;
  • var languedorigine = document.getElementById('languedorigine').value;
  • if (languedorigine == languetraduite) //On vérifie si les deux langues ne sont pas identiques
  • {
  • document.getElementById('informations').innerHTML = "La langue du texte et celle dans laquelle il doit être traduit sont identiques.";
  • }
  • else
  • {
  • google.language.translate(texteatraduire, languedorigine, languetraduite,
  • function(result)
  • {
  • if (!result.error)
  • {
  • var container = document.getElementById("textetraduit");
  • container.innerHTML = result.translation;
  • document.getElementById('informations').innerHTML = "Le texte à été traduit.";
  • }
  • });
  • }
  • }
  • </script>
  • </head>
  • <body>
  • <select id="languedorigine">
  • <option value="fr">Francais</option> <!--Vous pouvez rajouter d'autres langues !-->
  • <option value="en">English</option>
  • <option value="de">German</option>
  • <option value="es">Español</option>
  • </select>
  • <select id="languetraduite">
  • <option value="fr">Francais</option>
  • <option value="en">English</option>
  • <option value="de">German</option>
  • <option value="es">Español</option>
  • </select>
  • <div id="informations"></div>
  • <textarea id="texteatraduire"></textarea>
  • <div id="textetraduit"></div>
  • <a href="javascript:Traduction()">Traduire</a> <a href="javascript:Langue()">Touver la langue</a>
  • </body>
  • </html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>

<head>
    
	<title>Traduction</title>
	
<script type="text/javascript" src="http://www.google.com/jsapi"></script>

<script type="text/javascript">
google.load("language", "1");

function Langue() //Fonction pour trouver la langue
	{
	var texteatraduire = document.getElementById('texteatraduire').value;
	var languetraduite = document.getElementById('languetraduite').value;
	var languedorigine = document.getElementById('languedorigine').value;
	
	var text = texteatraduire;
	google.language.detect(text, function(result) //API Google
	{
		if (!result.error) 
			{
			var language = 'unknown';
			for (l in google.language.Languages) 
				{
				if (google.language.Languages[l] == result.language) 
					{
					language = l;
					break;
					}
				}
				document.getElementById('informations').innerHTML = "This text is in "+l; //Ecriture de la langue
			}
		});
	}
	
function Traduction() 
	{
	var texteatraduire = document.getElementById('texteatraduire').value;
	var languetraduite = document.getElementById('languetraduite').value;
	var languedorigine = document.getElementById('languedorigine').value;

	if (languedorigine == languetraduite) //On vérifie si les deux langues ne sont pas identiques
		{
		document.getElementById('informations').innerHTML = "La langue du texte et celle dans laquelle il doit être traduit sont identiques.";
		}
	else
		{
		google.language.translate(texteatraduire, languedorigine, languetraduite, 
		function(result) 
			{
			if (!result.error) 
				{
				var container = document.getElementById("textetraduit");
				container.innerHTML = result.translation;
				document.getElementById('informations').innerHTML = "Le texte à été traduit.";
				}
			});
		}
	}

</script>

</head>

<body>

<select id="languedorigine">
<option value="fr">Francais</option> <!--Vous pouvez rajouter d'autres langues !-->
<option value="en">English</option>
<option value="de">German</option>
<option value="es">Español</option>
</select>

<select id="languetraduite">
<option value="fr">Francais</option>
<option value="en">English</option>
<option value="de">German</option>
<option value="es">Español</option>
</select>

<div id="informations"></div>
<textarea id="texteatraduire"></textarea>
<div id="textetraduit"></div>

<a href="javascript:Traduction()">Traduire</a> <a href="javascript:Langue()">Touver la langue</a>

</body>

</html>

 Conclusion

Grâce à ceci, vous pouvez traduire n'importe quoi n'importe quand !


 Historique

26 novembre 2008 14:43:16 :
Commentaires en + !

 Sources du même auteur

COOKIES EN JAVASCRIPT
CARTE GOOGLE MAPS
LES TOURS DE HANOÏ
CRÉATION D'ÉCHIQUIER AVEC JAVASCRIPT
AFFICHER OU CACHER UN COMPOSANT AVEC JAVASCRIPT

 Sources de la même categorie

PARSER LES CARACTÈRES HTML D'UNE STRING par jdmcreator
CONSTRUCTION D'UNE TABLE TRIABLE À PARTIR D'UN TABLEAU 2D par phm
Source avec Zip Source avec une capture SUBDIVISER LE RÉSULTAT D'UNE RECHERCHE EN PAGES par kimmp
Source avec Zip TIMER : SETTIMEOUT & SETINTERVAL AMÉLIORÉS par jdmcreator
Source avec Zip Source avec une capture ONGLETS ET CHANGEMENT INSTANTANÉ DE LA LANGUE par william voirol

 Sources en rapport avec celle ci

TRADUCTEUR BINAIRE/DÉCIMALE par stfou
Source avec Zip TRADUCTEUR par spaide_98

Commentaires et avis

Commentaire de lakichemole le 27/11/2008 10:31:43 4/10

C'est une 2 ème première approche de l'API google que nous avions vu il y a 2 ou 3 jours ,il n'y a pas de gros apport c'est dommage!!
Sinon tout les id sont passés en dure se qui fait qu'on doit refaire la fonction pour un sité déjà existant se qui fait qu'on ne peut l'utiliser tel quel.
Essaye de mmetre les id en parametre de tes fonctions :)

Commentaire de gillardg le 27/11/2008 12:58:27

perso j'utilise directement
http://www.google.be/language_tools + de langues voici les tag
<select id="languedorigine">
  <option value="de">Allemand</option>
  <option value="en" selected="selected">Anglais</option>
  <option value="ar">Arabe</option>
  <option value="bg">Bulgare</option>
  <option value="ca">Catalan</option>
  <option value="zh-CN">Chinois</option>
  <option value="ko">Coréen</option>
  <option value="hr">Croate</option>
  <option value="da">Danois</option>
  <option value="es">Espagnol</option>
  <option value="fi">Finnois</option>
  <option value="fr">Français</option>
  <option value="el">Grec</option>
  <option value="iw">Hébreu</option>
  <option value="hi">Hindi</option>
  <option value="id">Indonésien</option>
  <option value="it">Italien</option>
  <option value="ja">Japonais</option>
  <option value="lv">Letton</option>
  <option value="lt">Lituanien</option>
  <option value="nl">Néerlandais</option>
  <option value="no">Norvégien</option>
  <option value="pl">Polonais</option>
  <option value="pt">Portugais</option>
  <option value="ro">Roumain</option>
  <option value="ru">Russe</option>
  <option value="sr">Serbe</option>
  <option value="sk">Slovaque</option>
  <option value="sl">Slovène</option>
  <option value="sv">Suédois</option>
  <option value="tl">tagalog</option>
  <option value="cs">Tchèque</option>
  <option value="uk">ukrainien</option>
  <option value="vi">vietnamien</option>
</select>
&nbsp;
    <select id="languetraduite">
        <option value="de">Allemand</option>
  <option value="en" selected="selected">Anglais</option>
  <option value="ar">Arabe</option>
  <option value="bg">Bulgare</option>
  <option value="ca">Catalan</option>
  <option value="zh-CN">Chinois</option>
  <option value="ko">Coréen</option>
  <option value="hr">Croate</option>
  <option value="da">Danois</option>
  <option value="es">Espagnol</option>
  <option value="fi">Finnois</option>
  <option value="fr">Français</option>
  <option value="el">Grec</option>
  <option value="iw">Hébreu</option>
  <option value="hi">Hindi</option>
  <option value="id">Indonésien</option>
  <option value="it">Italien</option>
  <option value="ja">Japonais</option>
  <option value="lv">Letton</option>
  <option value="lt">Lituanien</option>
  <option value="nl">Néerlandais</option>
  <option value="no">Norvégien</option>
  <option value="pl">Polonais</option>
  <option value="pt">Portugais</option>
  <option value="ro">Roumain</option>
  <option value="ru">Russe</option>
  <option value="sr">Serbe</option>
  <option value="sk">Slovaque</option>
  <option value="sl">Slovène</option>
  <option value="sv">Suédois</option>
  <option value="tl">tagalog</option>
  <option value="cs">Tchèque</option>
  <option value="uk">ukrainien</option>
  <option value="vi">vietnamien</option>
    </select>


Commentaire de lakichemole le 27/11/2008 14:01:21

gillardg et finalement ça traduit quoi?(quelle block/div)

Commentaire de bibi95150 le 27/11/2008 18:02:05 10/10

C'est parfait ! Merci pour cette excellente source, du bon boulot (en 3/4 d'heure, en +) !

Commentaire de ACHENRI le 01/12/2008 10:57:18

ça marche avec le texte que l'on entre dans la ListBox.
J'aimerais ajouter un bouton "Traduire..." sur les pages de mon site. Comment faire alors pour choisir la langue et traduire une page HTML complète via Google ?

Commentaire de gillardg le 01/12/2008 12:36:21

@Achenri  pour traduire tes pages :
il y a un truc Google =>

<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=fr&w=160&h=60&title=&border=&output=js"></script>

Commentaire de ACHENRI le 01/12/2008 21:22:46

Aie, je ne maitrise pas bien les script. Comment utiliser celui-là pour traduire la page courante d'un site ?

Commentaire de gillardg le 02/12/2008 20:00:25

tu le colles dans ta page
:)

Commentaire de ACHENRI le 02/12/2008 22:18:04

Oui Ok, la traduction fonctionne bien (ou presque). Figurez vous que dans ma page, en français, j'ai écris : "Version française" suivi d'une icone représentant le drapeau français et "Version anglaise" suivi du drapeau anglais.
Et bien Google traduit ces deux textes. Ce qui donne "English Version" suivi du drapeau français (vous avez bien lu) et "French Version" suivi du drapeau anglais !! Belle réussite...

Mais à part cela, la traduction se fait assez bien et là, c'est une vraie réussite.

Merci GILLARDG pour votre aide.

Commentaire de plarts le 15/06/2010 15:07:56

Fabuleux,
Mais, il semble que ce soit limité en nombre de caractères ?
Quelque part vers les 1200 caractères ?

Essayez un texte long, et merci de me confirmer le résultat.
(pas d'erreur, la traduction ne se fait pas).

Merci de vos réponses,
Pierre.

 Ajouter un commentaire




Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 1,934 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales