Comment puis-je changer le dossier de mon URL avec JQuery?

Question

Obtenons au point,

quand sur ce site

mysite.com/en/index.html

ou

mysite.com/en/model1/index.html

et en cliquant sur un <a href="swap current url to /FR/...">FR</a> (ou drapeau du pays img) Que faire pour charger cette autre page?

mysite.com/fr/index.html

ou

mysite.com/fr/model1/index.html

Je sais que le plugin urlParser JQuery pour obtenir le chemin, il est juste que je suis un n00b et je ne peux pas coder du tout (juste faire de la beauté html + css). :)

Merci à tous.

Answer 1

Vous pouvez utiliser des URL absolues dans les liens comme

href="/fr/index.html" 

ou

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

ou obtenir le compnonent linguistique de l'URL en cours et de le remplacer par le nouveau

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

var str = document.location; 

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

Quelque chose comme ça

Answer 2

Je ne suis pas sûr s'il devrait y avoir une relation entre votre URL actuelle et votre URL cible, à en juger par votre texte, désolé, mais en général ce serait comment vous appliquez un écouteur de clic à tous les éléments (spécifier avec class/id) et laissez-ouvrir une URL spécifique:

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

Answer 3

avez-vous besoin de remplacer le /en/ dans le chemin de /fr/?
si utilisez ceci:

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

Answer 4

S'il y a plus d'une langue ajouter language="en" ou language="fr" ou tout ce que vous voulez à chaque balise de lien et de mettre ce code:

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

De cette façon, vous définirez la langue vers laquelle le lien pointera dans le code HTML

Answer 5

En supposant que la structure du répertoire est la même pour chaque langue ...

quelque chose d'aussi simple que:

<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/')" /> 

puis sur chaque page que vous venez de coller et de modifier la variable courante et de supprimer l'image pour cette langue. Avec un peu plus de travail, vous pouvez automatiser cette partie aussi si vous avez beaucoup de pages.

Answer 6

Je me suis amélioré la réponse de Dror (par la façon dont son code manque une virgule entre le '/fr/' et '/fr/' ).
Maintenant, il travaille dans «deux» manières comme vous semblent demander:

$(document).ready(function(){ 
    $('a').click(function() { 
     if (window.location.href.indexOf("fr") > -1) { 
      document.location.href =document.location.href.replace('/fr/','/en/'); 
     } else { 
      document.location.href =document.location.href.replace('/en/','/fr/'); 
     } 
    }); 
});