Accueil > > > TRADUCTION DE TEXTE
 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 de la même categorie
 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
|
Derniers Blogs
 XNA IS DEAD!XNA IS DEAD! par richardc
Depuis la semaine dernière (et grâce aux TechDays 2012), je me penche activement sur la nouvelle version de Windows, aka Windows 8. Vous me direz, il était temps puisque la première preview date de Septembre dernier.
OK. Remarquez, on n'en est qu'aux...
Cliquez pour lire la suite de l'article par richardc TECHDAYS PARIS 2012 : WINDOWS SERVER "8" QUOI DE 9 !TECHDAYS PARIS 2012 : WINDOWS SERVER "8" QUOI DE 9 ! par ROMELARD Fabrice
Speakers: Fabrice Meillon et Stanislas Quastana Cette session est basée entièrement sur celle donnée lors de la BUILD cet hiver. Il n'y a pas d'ajout d'information en rapport avec cet évènement passé. Windows 8 Server sera intégralem...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice [HTML5] AUTOUR DU W3C : NOUVEAUX STANDARDS ET WEB MOBILE (LILLE)[HTML5] AUTOUR DU W3C : NOUVEAUX STANDARDS ET WEB MOBILE (LILLE) par Gio
Je m'y prends un peu tard je sais, mais bon je suis développeur web et donc hyper fainéant ! Toujours dans le cadre des technologies émergentes, ici HTML5, parce qu'on aime HTML5 chez Wyg , nous seront présent, le vieux ( Aurélien V.) et moi, pour pr...
Cliquez pour lire la suite de l'article par Gio [WP7] DYNAMICALLY CHANGE STARTUP PAGE[WP7] DYNAMICALLY CHANGE STARTUP PAGE par KooKiz
Let's say that you want to allow the user to customize the startup page of your application. You can easily change the startup page by editing the 'NavigationPage' attribute in the manifest file. But the manifest cannot be modified once the applicatio...
Cliquez pour lire la suite de l'article par KooKiz
Logiciels
 DocTranslate (V3.1.0.0)DOCTRANSLATE (V3.1.0.0)DocTranslate est un traducteur de document Microsoft Word, PowerPoint et Excel. Il permet d'autom... Cliquez pour télécharger DocTranslate Tribler (2012)TRIBLER (2012)Tribler est un client pair à pair (P2P/Peer-to-Peer) open source avec la capacité de regarder des... Cliquez pour télécharger Tribler OneSwarm (2012)ONESWARM (2012)Le peer-to-peer qui protège votre vie privée, c'est OneSwarm.
Ce logiciel de peer-to-peer crypté... Cliquez pour télécharger OneSwarm PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)PONAMEDIA TV DEVIENS HELLLOOO FLASH
LA TV SUR VOTRE ORDINATEUR.
Toute une plateforme Multi... Cliquez pour télécharger PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO Academy System (17.2.1.0)ACADEMY SYSTEM (17.2.1.0)Logiciel de gestion des établissements.
- élèves/étudiants (inscription, dossier, absence...)
-... Cliquez pour télécharger Academy System
|