Api google traduction

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

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.