Select language in subfolder with Javascript manipulating the url

Question

I want to create a little menu to change the language of a static site. There are two languages, German which is the main language placed in the base folder of my project and english. I put the english version into a subfolder /en. Now I want to be able to switch between the languages without hardcoding the absolute urls into each htlm file, which is why I wrote some JS. But I think it's only a dirty solution:

The urls for the two index files for example are like so:

German: http://www.somedomain.de/project/index.html
English: http://www.somedomain.de/project/en/index.html

The html to select a language, simplified:

<h3>Please select your language</h3>
    <button class="deutsch">Deutsch</button>
    <button class="english">English</button>

And here's how I manipulate the url on click:

var path = window.location.href;
var filename = path.replace(/^.*[\\\/]/, '');
var base = path.split("ct")[0]; //"ct" is simply taken from the end of the path "/project/"


$('.english').click(function(){
    window.location.href = base + 'ct/en/' + filename; // For English
});

$('.deutsch').click(function(){
    window.location.href = base + 'ct/' + filename; // For German
});

The ugly part is within the "var base". I needed to copy the url that comes before /filename.html and I had no other idea than to split the whole path and than put everything together again with or without the language directory. It works fine but to me that looks really cumbersome.

Can someone suggest a nicer method to accomplish the same result?

Alani · Accepted Answer · 2015-11-23 20:59:06Z

1

After an hour testing back and fourth I found a perfect solution:

var path = window.location.href;
// simply always removes the /en folder from the base url
var base = path.match(/^.*[\\\/]/)[0].replace(/(\/en)/, '');
var filename = path.replace(/^.*[\\\/]/, '');

$('.english').click(function(){
    window.location.href = base + 'en/' + filename;
});

$('.deutsch').click(function(){
    window.location.href = base + '' + filename;
});

answered Nov 23, 2015 at 20:59

Alani

1511 gold badge1 silver badge10 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Select language in subfolder with Javascript manipulating the url

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related