1. Accueil
  2. Tous les snippets
  3. Snippets Javascript
  4. Api google traduction

Api google traduction

Soyez le premier à donner votre avis sur cette source.

Snippet vu 24 530 fois - Téléchargée 18 fois

Commenter

Contenu du snippet

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 / Exemple : 


<!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 !

A voir également

Ajouter un commentaire Commentaires
roy2rai
Messages postés
25
Date d'inscription
samedi 13 octobre 2007
Statut
Membre
Dernière intervention
5 janvier 2014
5 janv. 2014 à 19:04
Ce code ça marche pas!!
plarts
Messages postés
37
Date d'inscription
vendredi 20 février 2004
Statut
Membre
Dernière intervention
29 juin 2011
15 juin 2010 à 15:07
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.
ACHENRI
Messages postés
12
Date d'inscription
dimanche 21 novembre 2004
Statut
Membre
Dernière intervention
2 décembre 2008
2 déc. 2008 à 22:18
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.
gillardg
Messages postés
3275
Date d'inscription
jeudi 3 avril 2008
Statut
Membre
Dernière intervention
14 septembre 2014
 3
2 déc. 2008 à 20:00
tu le colles dans ta page
:)
ACHENRI
Messages postés
12
Date d'inscription
dimanche 21 novembre 2004
Statut
Membre
Dernière intervention
2 décembre 2008
1 déc. 2008 à 21:22
Aie, je ne maitrise pas bien les script. Comment utiliser celui-là pour traduire la page courante d'un site ?
Afficher les 11 commentaires
S'inscrire maintenant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Du même auteur (CodeurleGeek)