Rediriger un utilisateur sur une page avec un <select>

Version imprimable

Bonjour,
J'ai un soucis avec mes options de <select>.
En effet je cherche à implémenter une option de choix multiples de traduction du mon site en différentes langues (Français, Anglais, Espagnol...), dans la partie entête de telle sorte que les visiteurs puissent choisir leur langue de choix pour visiter mon site.
De ce fait, je veux que si l'utilisateur clique sur "Anglais", il y ait une redirection vers le site en anglais à travers un lien que j'ai mis en <a href="#"></a> pour l'instant en attendant que vous me montrez la bonne manière.
Ci-dessous le code:
Code :
Code:

1 2 3 4 5 <select name="partnumber"> <option id="default" value="" selected></option> <option value="Fr"><a href="../francais/index.php">Fr</a></option> <a href="../anglais/index.php"><option value="En">En</option></a> </select>
Veuillez m'indiquer comment faire svp.
Merci d'avance pour votre aide!

Bonjour,

Pour le html, mettons:

Code:

1
2
3
4
5
6
7
<select id="partnumber">
	<option id="default" value="Default" selected>tchouze euh lingouaidge</option>
	<option value="Fr">Frenche</option>
	<option value="En">Ingliche</option>
	<option value="De">Deutche</option>
	<option value="Ch">Chuiche</option>
</select>

Et pour que la redirection fonctionne:

Code:

1
2
3
4
5
document.getElementById("partnumber").addEventListener("change",
	function(){
		location.href=`../${this.value}/index.php`;
	}
)

A adapter, bien sûr :mrgreen:

26/04/2020, 19h05
Busima

Merci beaucoup javatwister.
Malheureusement je suis novice en javascript. Donc je ne vois pas comment déclarer le lien de redirection dans la function javascript comme vous l'avez fait ici location.href=`../${this.value}/index.php`;.
En effet le site sera créé dans chaque langue. C'est à dire que je vais créer le site en français et mettre tous ses fichiers dans un dossier "Fr" à la racine du site, je vais aussi créer le site en Anglais et le ranger dans un dossier "En", en Allemand et mettre tous ses fichiers dans un dossier "All".
Comment sera les liens à chaque fois que l'utilisateur cliquera sur une langue?
Merci encore!
26/04/2020, 20h37
ProgElecT
Salut
Code:

1 2 3 function(){ location.href=`../${this.value}/index.php`; }
this.value correspond au value de l'option sélectionnée, donc au nom du dossier comme tu les as nommées

Citation:

Envoyé par Busima

...
je vais créer le site en français et mettre tous ses fichiers dans un dossier "Fr" à la racine du site, je vais aussi créer le site en Anglais et le ranger dans un dossier "En", en Allemand et mettre tous ses fichiers dans un dossier "All".