How can I change the folder of my URL with JQuery?

Question

Let's get to the point,

when at this site

mysite.com/en/index.html

or

mysite.com/en/model1/index.html

and clicking on an <a href="swap current url to /FR/...">FR</a> (or country flag img) What should I do to load this other page?

mysite.com/fr/index.html

or

mysite.com/fr/model1/index.html

I know urlParser JQUery plugin for getting the path, it's just I'm a n00b and I can't code at all (just make beauty html+css). :)

Thanks pals.

Answer 1

You could use absolute URLs in links like

href="/fr/index.html"

or

href="/fr/model1/index.html"

or get the language compnonent of the current url and replace it with the new one

var current_language = jQuery.url.segment(1);

var str = document.location;

var new_url  = str.replace('/' + current_language + '/', "/fr/");

Something like that

Answer 2

I'm not sure if there should be an relation between your current and your target URL, judging from your text, sorry, but in generally that would be how you applay a click listener to all a elements (specify with class / id) and let it open a specific url:

$(document).ready(function(){
  $('a').click(function() {
    window.location = "http://mysite.com/fr/index.html";
  });
});

Answer 3

Do you need to replace the /en/ in the path to /fr/?
if so use this:

$(document).ready(function(){
  $('a').click(function() {
    document.location.href =document.location.href.replace('/en/' '/fr/');
  });
});

Answer 4

If there are more than one language add language="en" or language="fr" or whatever you want to each link tag and put this code

$(document).ready(function(){ $('a').click(function() { var language = $(this).attr('language') document.location.href =document.location.href.replace('/en/' '/'+language+'/'); }); });

This way you will define the language to which the link will point in the HTML

Answer 5

Assuming the directory structure is the same for each language...

something as simple as:

<script>
    //set a global var
    var current = '/en/';
    function changeLanguage(to){
        var from = document.location.href;
        var url = from.replace('/' + current + '/', to);
        document.location = url;
    }
</script>
<img src="frenchflag.jpg" onclick="changeLanguage('/fr/')" />
<img src="swissflag.jpg" onclick="changeLanguage('/sw/')" />
<img src="britishflag.jpg" onclick="changeLanguage('/en/')" />

then on each page you just paste and change the current variable and remove the image for that language. With just a little more work you could automate that part too if you happen to have a lot of pages.