-
-
Save artturik/15bed885bcec6faa95eb73acb2e2ae54 to your computer and use it in GitHub Desktop.
<!-- | |
This code will translate page contents automatically (without user input) | |
Settings located at line 9, current script will translate english to estonian | |
--> | |
<style>#google_translate_element,.skiptranslate{display:none;}body{top:0!important;}</style> | |
<div id="google_translate_element"></div> | |
<script> | |
function googleTranslateElementInit() { | |
new google.translate.TranslateElement({pageLanguage: 'en', includedLanguages: 'et', autoDisplay: false}, 'google_translate_element'); | |
var a = document.querySelector("#google_translate_element select"); | |
a.selectedIndex=1; | |
a.dispatchEvent(new Event('change')); | |
} | |
</script> | |
<script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script> |
Any reason i'm getting this error:
Uncaught TypeError: google.translate.TranslateElement is not a constructor .
Thanks
by default is selecting language whatever am passing...but its not translating into another language.
Is there a way to change this so that the script adds rel attributes to the following link that's added to my site?
<a class="goog-logo-link" href="https://translate.google.com" target="_blank" rel="noopener noreferrer"><img src="https://www.gstatic.com/images/branding/googlelogo/1x/googlelogo_color_42x16dp.png" width="37px" height="14px" style="padding-right: 3px" alt="Google Translate">Translate</a>
Any reason i'm getting this error:
Uncaught TypeError: google.translate.TranslateElement is not a constructor .
Thanks
Have you find the reason?
<!-- modify styles to hide the element -->
<style>#google_translate_element,.skiptranslate{display:none;}body{top:0!important;}</style>
<!-- create the actual element -->
<div id="google_translate_element"></div>
<script>
function googleTranslateElementInit() {
/*
Get the current browser language.
*/
var langBrowser = navigator.language || navigator.userLanguage;
/* If the language contains a region code, get only the 2-character lang code. For example en-US -> en. */
var currentBLang = langBrowser.split('-')[0];
/* pageLanguage: 'auto' ----- includedLanguages: currentBLang */
new google.translate.TranslateElement({pageLanguage: 'auto', includedLanguages: currentBLang, autoDisplay: false, multilanguagePage: true}, 'google_translate_element');
var aChange = document.querySelector("#google_translate_element select");
/* set the index value to 0 here. */
aChange.selectedIndex = 0;
aChange.dispatchEvent(new Event('change'));
}
</script>
Load the above code at the beginning of the body.
Then place <script type="text/javascript" src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
at the end of the body.
This will only translate the page if the browser is NOT english
<div id="google_translate_element"></div>
<script type="text/javascript">
function googleTranslateElementInit() {
/*
Get the current browser language.
*/
var langBrowser = navigator.language || navigator.userLanguage;
/* If the language contains a region code, get only the 2-character lang code. For example en-US -> en. */
var currentBLang = langBrowser.split('-')[0];
new google.translate.TranslateElement({
pageLanguage: 'en',
}, 'google_translate_element');
if (currentBLang != "en"){
setTimeout(function() {
// Set the default language to Spanish
var selectElement = document.querySelector('#google_translate_element select');
selectElement.value = currentBLang;
selectElement.dispatchEvent(new Event('change'));
}, 1000);
}
}
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
Change your chrome browser to a different default language and test it for yourself
https://www.indeed.com/career-advice/career-development/change-language-in-chrome
I can't get this to work @rafatmukadm
Getting the error: