Javascript Girl
  1. Javascript Girl
  3. Traduire automatiquement la page Web
Intereting Posts
Rxjs toPromise comportement différent de observable Comment changer le centre de carte dans un dépliant Comment charger le fichier PHP dans DIV par jQuery? Télécharger des fichiers à l'aide du type de saisie = champ «fichier» avec l'événement .change () ne déclenchant pas toujours dans IE et Chrome Accès aux variables après chargement dynamique d'un script Guidons / Moustache – Existe-t-il une manière intégrée de parcourir les propriétés d'un objet? Alors que la boucle avec jjuery Async AJAX appelle Accéder à Req.user de Passport dans React (ES6)? L'appel API renvoie le requérant comme indéfini Point d'entrée du site Web UI-routeur angulaire. Redirection vers l'URL d'accueil Accroissement lisse Comment obtenir une largeur d'écran de manière fiable avec la barre de défilement JQuery Plugin Authoring and Namespacing AddEventListener appelle la fonction sans que je demande même Bibliothèque d'événements personnalisés pour JavaScript. Y a-t-il? Des recommandations? JQuery – Comment obtenir tous les styles / css (définis dans le document interne / externe) avec HTML d'un élément

Traduire automatiquement la page Web

Comment puis-je traduire automatiquement ma page Web lorsque je l'ai entré.

C'est mon traducteur qu'il est connecté à ma liste déroulante. 

<script type="text/javascript"> function googleTranslateElementInit() { new google.translate.TranslateElement({pageLanguage: 'da', includedLanguages: 'da,de,el,en,es,fi,fr,it,ja,ko,nl,no,pl,ru,sv,uk,zh-CN,zh-TW', layout: google.translate.TranslateElement.FloatPosition.TOP_LEFT, gaTrack: true, gaId: 'UA-32978177-1'}, 'google_translate_element'); } </script> <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"> </script>

Je veux qu'il se traduise automatiquement du danois (da) à l'anglais (fr). J'ai lu cette fonction:

Http://www.blabla.com/#googtrans(da|en)

Où puis-je l'implémenter?

Vous devez créer un div appelé google_translate_element qui est mentionné dans le premier script comme ceci: 

 <div id="google_translate_element"> Here is the Area where Google fetches the part to be translated </div> <script type="text/javascript"> function googleTranslateElementInit() { new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.FloatPosition.BOTTOM_RIGHT, multilanguagePage: true}, 'google_translate_element'); } </script>

Ce deuxième script génère une belle sélection de langue: 

 <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"> </script>

Et si vous souhaitez masquer la barre de traduction Google (premier script) résultant: 

 <style> .goog-te-banner-frame.skiptranslate { display: none !important; } body { top: 0px !important; } .goog-tooltip { display: none !important; } .goog-tooltip:hover { display: none !important; } .goog-text-highlight { background-color: transparent !important; border: none !important; box-shadow: none !important; } </style>

Les deux scripts peuvent aller dans la section <head> , ils fonctionneront si dans la <body> mais cela peut sembler désordonné, sauf si vous les mettez à la fin … ce qui n'est pas une bonne idée car les options de traduction devraient être disponibles avant la La page entière rend dans le navigateur.

Vous devrez ajouter une ligne à la balise dans la position souhaitée pour la liste déroulante de la langue, par exemple: à partir de la fin de la <head> existante, c'est la <div> que Claudio Kemp a souligné est Manquant dans votre code – 

 <script type="text/javascript"> function googleTranslateElementInit() { new google.translate.TranslateElement({pageLanguage: 'da', includedLanguages: 'da,de,el,en,es,fi,fr,it,ja,ko,nl,no,pl,ru,sv,uk,zh-CN,zh-TW', layout: google.translate.TranslateElement.FloatPosition.TOP_LEFT, gaTrack: true, gaId: 'UA-32978177-1'}, 'google_translate_element'); } </script> <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"> </script> </head> <body> <div id="google_translate_element"></div> </div> <h1>My heading</h1>

Le code <div> ci-dessus donné par l'outil de traduction de Google Google ( https://translate.google.com/manager/website/ ), il existe 3 options d'affichage différentes qui ne concernent que le code <div> : onglet, en ligne et Automatique (qui semble ne pas fonctionner) – avec des options d'affichage verticales, horizontales et déroulantes pour chaque. Votre code utilise l'option à onglets.

Vous voudrez peut-être modifier le code que vous avez inclus pour traduire dans n'importe quelle langue plutôt que ceux répertoriés et afficher l'option de langue en haut plutôt qu'en bas de la page afin que l'utilisateur les voie plus tôt. 

 <div id="google_translate_element"></div> <script type="text/javascript">function googleTranslateElementInit() { new google.translate.TranslateElement({pageLanguage: 'da', layout: google.translate.TranslateElement.FloatPosition.TOP_RIGHT, autoDisplay: false}, 'google_translate_element'); } 
 <div id="google_translate_element"></div> <script type="text/javascript"> function googleTranslateElementInit() { new google.translate.TranslateElement({pageLanguage: 'ur', layout: google.translate.TranslateElement.FloatPosition.BOTTOM_RIGHT, multilanguagePage: true}, 'google_translate_element'); } </script> <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script> 
 <meta name="google-translate-customization" content="50cedd4c399ba41-3cc63c25c261b71e-g03cc961129fb2947-10"></meta> <div id="google_translate_element"></div> <script type="text/javascript"> function googleTranslateElementInit() { new google.translate.TranslateElement({pageLanguage: 'en', includedLanguages: 'en', layout: google.translate.TranslateElement.FloatPosition.TOP_LEFT, multilanguagePage: true}, 'google_translate_element'); } </script> <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script> 
 <div id="google_translate_element"></div> <script type="text/javascript"> function googleTranslateElementInit() { new google.translate.TranslateElement({ pageLanguage: 'en', layout: google.translate.TranslateElement.FloatPosition.TOP_LEFT}, 'google_translate_element' ); } </script> <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>