Hello there ! hope you’re doing well.
I’m using a JS plugin to translate pages of my website.
The script translates pages onload to french, what I want is for the script to translate based on the country, more specifically, I want the script to be able to translate to French for users from France and to English for all other users. I’ve seen a good post on SO about using navigator.languages using the following code:
var userLang = navigator.language || navigator.userLanguage;
alert ("The language is: " + userLang);
</script>
Instead of firing an alert with the user language, I need it to load javascript files if the user’s language is French or visiting from France.
Hi well there are some ways you can do this. based on a stack overflow answer
you could do this
`
var loadJS = function(url, implementationCode, location){
//url is URL of external file, implementationCode is the code
//to be called from the file, location is the location to
//insert the <script> element
var scriptTag = document.createElement('script');
scriptTag.src = url;
scriptTag.onload = implementationCode;
scriptTag.onreadystatechange = implementationCode;
location.appendChild(scriptTag);
};
var yourCodeToBeCalled = function(){
//your code goes here
}
loadJS('yourcode.js', yourCodeToBeCalled, document.body);
you can find the full stack overflow thread here:
But i recommend instead to use a library like polyglot.js or something similar that uses translation objects to fill your HTML page
`
ah yeah, i did haha. but you already had the language part figured out. so i just gave you the snippet to load js dynamically. glad you could resolve the problem tho!