I’m trying to achieve the following though with my intermediate JavaScript skills I’m not sure if this is possible.
This is related in part to this question.
Now I have 2 arrays
a) Has the various language in (e.g. “en-GB”, “fr”, “de” etc)
b) Has a suffix of a URL based on the browser language above (e.g. “fr/”,”de/”,”uk/”)
What I am trying to achieve is:
1) User hits a page, browser detects which browser it is using from the array (a)
2) Depending on what the browser is based on (a), it then searches through (b) and if they match, e.g. if the language is “fr” it will use the suffix “fr/” from the array in (b).
3) It will then add this suffix to a top level domain (which is always constant)
Is this even possible to achieve (I’m sure it is)? Can it be done purely via JavaScript (or JQuery)? How would I go about doing this?
Here’s some of the code I have so far:
var IAB_Array = new Array("de-at","nl-be","fr-be","da","de","hu","en-ie","ga","es","fr","it","nl","no","pl","en","en-GB","en-US","en-gb","en-us"); //language array
var IAB_suffix = new Array("at/","be-nl/","be-fr","den/","de/","hu/","ie/","es/","fr/","it/","nl/","nor/","pl/","uk/"); //URL suffix Array
var IAB_lang = "en-GB"; //default language
var IAB_link = "http://www.mysitegoeshere/";
if(navigator.browserLanguage) IAB_lang = navigator.browserLanguage; //change lang if detection supported
if(window.navigator.language) IAB_lang = window.navigator.language; //change lang if detection supported
function IAB_Lang_detect () { //execute search
for (var i=0;i<IAB_Array.length;i++) {
if(IAB_Array[i]==IAB_lang) {
document.write(IAB_Array[i]); //output matched array value
}
}
return false;
}
var IAB_URL = "<a href="+IAB_link+IAB_suffix[1]+">"+IAB_link+IAB_suffix[1]+"</a>"; //this is the resulting URL
document.write(IAB_URL);
IAB_Lang_detect ();
I hope someone can help as I’m a little confused! It’s more so the matching the values from the 2 arrays and then subsequently selecting the correct suffix that I’m having trouble with.
Thanks
1 Answer