|
 Trouver une ressource
Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !
 TRADUCTION DE TEXTE
 Information sur la source
 Description
Bonjour a tous, tout d'abord, je précise que c'est la première source que je dépose ici. Entrons dans le vifs du sujet.Ce que je vous propose, c'est un système permettant de traduire une div grâce à l'API de Google translate. Vous pouvez utilisez toutes les langues traduites par google, ce script est assez simple, mais efficace (enfin je pense ^^,). L'avantage, par rapport à l'exemple fournis par google, c'est que si l'on décide de revenir à la langue d'origine, il n'y a pas de double traduction. Assez de blabla, place au code :
 Source
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html>
- <head>
- <script type="text/javascript" src="http://www.google.com/jsapi"></script>
- <script type="text/javascript">
- google.load("language", "1");
- function translate(lang)
- {
- var text = document.getElementById("text").innerHTML; //on récupère le texte d'origine
- var org = document.getElementById("lang_origin").value;// on récupère la langue d'origine
- var trans = document.getElementById("translation");// Nom de la div où afficher le texte
- if (lang == org) // Si te texte choisis est le même que celui d'origine
- {
- trans.innerHTML = text;//aucune modification
- }
- else //Sinon on le traduit
- {
- google.language.translate(text, org, lang, function(result) { //tiré de l'API Google translate
- if (!result.error) {
- trans.innerHTML = result.translation;
- }
- });
- }
- }
- function chargertxt() //On affiche le texte dans sa langue d'origine au chargement de la page
- {
- document.getElementById('translation').innerHTML = document.getElementById('text').innerHTML;
- }
- </script>
- <style type="text/css"> <!-- On n'affiche pas le texte d'origine étant donné qu'il seras affiché dans le div translation-->
- #text
- {
- display:none;
- }
- </style>
- </head>
-
- <body onload="chargertxt();">
- <form action="#" method="post">
- <select onchange="translate(this.value)"> <!-- Choix des langue, bien sur, ou peu faire la même chose en mettant des liens(avec les drapeaux des pays par exemple) -->
- <option value="fr">Francais</option>
- <option value="en">English</option>
- <option value="es">Español</option>
- <option value="el">Greek</option>
- <option value="de">German</option>
- </select>
- <input type="hidden" id="lang_origin" value="fr"/>
- </form>
- <div id="text">Ici, vous mettez votre texte.</div><!-- on écrit le texte d'origine, normalement, les balises HTML sont prisent en compte par l'API google, donc aucun problème pour mettre des liens ou des images -->
- <div id="translation"></div><!-- C'est le div qui sera affiché à l'écran -->
- </body>
- </html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("language", "1");
function translate(lang)
{
var text = document.getElementById("text").innerHTML; //on récupère le texte d'origine
var org = document.getElementById("lang_origin").value;// on récupère la langue d'origine
var trans = document.getElementById("translation");// Nom de la div où afficher le texte
if (lang == org) // Si te texte choisis est le même que celui d'origine
{
trans.innerHTML = text;//aucune modification
}
else //Sinon on le traduit
{
google.language.translate(text, org, lang, function(result) { //tiré de l'API Google translate
if (!result.error) {
trans.innerHTML = result.translation;
}
});
}
}
function chargertxt() //On affiche le texte dans sa langue d'origine au chargement de la page
{
document.getElementById('translation').innerHTML = document.getElementById('text').innerHTML;
}
</script>
<style type="text/css"> <!-- On n'affiche pas le texte d'origine étant donné qu'il seras affiché dans le div translation-->
#text
{
display:none;
}
</style>
</head>
<body onload="chargertxt();">
<form action="#" method="post">
<select onchange="translate(this.value)"> <!-- Choix des langue, bien sur, ou peu faire la même chose en mettant des liens(avec les drapeaux des pays par exemple) -->
<option value="fr">Francais</option>
<option value="en">English</option>
<option value="es">Español</option>
<option value="el">Greek</option>
<option value="de">German</option>
</select>
<input type="hidden" id="lang_origin" value="fr"/>
</form>
<div id="text">Ici, vous mettez votre texte.</div><!-- on écrit le texte d'origine, normalement, les balises HTML sont prisent en compte par l'API google, donc aucun problème pour mettre des liens ou des images -->
<div id="translation"></div><!-- C'est le div qui sera affiché à l'écran -->
</body>
</html>
 Conclusion
Ça, c'est fait ! Maintenant, libre à vous de le customiser comme bon il vous semble. J'ai décidé d'utiliser <style></style> car je ne trouvais pas nécessaire de créer un CSS juste pour une ligne. N'hésitez pas à laisser vos commentaires.
 Historique
- 24 novembre 2008 00:54:09 :
- correction de faute de frappes.
 Sources du même auteur
 Sources de la même categorie
Sources en rapport avec celle ci
 Commentaires et avis
 Discussions en rapport avec ce code source dans le forum
Search with Google [ par lebarn ]
<a HREF='http://www.google.fr' TITLE='Search with Google'>Search with Google</A>
question sur la performance du langage [ par baptisteb ]
j'utlise java script pour mes loisirs, la question que je voudrais poser est-ce que c'est possible de créer des programmes performant par exemple tabl
script de langue [ par quitues ]
bonjour a tous, je recherche 1 script avec des cookies qui retiendrait le choix d'une langue.je m'explique : le visiteur arrive pour la 1er fois sur l
Recherche Manuel HTML à télécharger [ par Ordiman ]
Bonjour, je suis à la recherche d'un manuel de référence du langage HTML comme le manuel du langage PHP ou MySQL disponible sur nexen.netPourriez-vous
pb de javascript côté serveur [ par Yoobi ]
Bonjour,Débutant en javascript, je m'essaie à faire un site.Cependant, maintenant que je l'ai sur le serveur, je suis face à un pb me dépassant.C'est
Garder valeurs champs d'un formaulaire avec differentes URL [ par Bbeat ]
Je cherche une solution pour garder les valeurs de champs d'un formulaire apres le changement d'URL.Je m'explique, site internet avec pages d'acceuil
Besoin d'aide pour créer un cookie [ par gproulx ]
Bonjour à tous!J'ai un petit problème. Je dois créer un cookie, seulement j'ai jamais fait cela et n'étant que graphiste pour site web, la programmati
Notes de musique langage C [ par BaptX ]
O/S: Windows 2kEnvironnement: Dev-C++---------------Coucou à tous,Toujours dans le cadre de mon projet REVERSI, j'aimerai jouer de la musique qua
pour supprimer la pub de 100Webspace.com [ par ]
salut mecsdans le but de supprimer la pub de l'hebergeur gratuit php/mysql www.100webspace.com ,je poste ce message pour construire une script an
Onfocus -> change la langue du champ [ par sergiodonini ]
Bonjour les amis j'ai besoin de savoir comment changer la langue d'un champ d'un formulaire html de l'Arabe en Francais et vis versa lorsque je met le
|
 Téléchargements
Logiciels à télécharger sur le même thème :
Comparez les prix Nouvelle version
|