Bonjour à tous,

Toujours dans le cadre de la création de mon site web j'ai ajouté de nouvelles lignes de code pour proposer un changement de langue à l'internaute.

Pour que les choses soient claires, je propose de changer de langue d'une part dans le header via un clic sur un drapeau et dans chaque CV affiché.

Dans les deux cas je gère le clic sur un drapeau via du code javascript.

Drapeaux dans le Header

Le clic sur l'un des drapeaux du header modifie la langue de TOUT le site:
Titre du header, les sections gauche et droite et centrale.

Drapeaux dans les CV

Le clic dans sur l'un des drapeaux du CV change la langue du CV ainsi que le titre dans mon header.

Drapeaux français et néerlandais

Le clic sur ces deux drapeaux fonctionnent nickel.

Drapeau anglais

Bien qu'il change la langue de mon CV et de mon header à la différence des deux autres choix de langues il ne supprime pas dans le TITRE du header le titre de la langue précédemment sélectionnée.

Quelqu'un peut-il analyser mon code et me dire ce que je fais mal.

Car franchement après 1 heures à relire mon code je vois pas du tout.

Code html de ma page CVfr.html

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<body onload="CacherBlocsCVChargement();CacherLangues('nl','en');">
 
	<div id="Bloc_Page">
 
		<header>
 
			<h1>Senior Credit Controller</h1>
			<h2 id="fr">Avec plus de 11 ans d'expérience</h2>
			<h2 id="nl">Met meer dan 11 jaar ervaring</h2>
			<h2 id="en">With more than 11 years of experience</h2>
 
			<img id="Logo" src="Images/LogoWebSite.jpg"/>
 
		<div id="SousNavLangues">
			<ul>
				<li><a href="CVen.html" onclick="ChangerLangue('fr','en');"><img src="Images/icon_en.png" alt="English"/></a>
				<ul>
					<li><a href="CVfr.html"><img src="Images/icon_fr.png" alt="French"/></a></li>
					<li><a href="CVnl.html" onclick="ChangerLangue('fr','nl');"><img src="Images/icon_nl.png" alt="Dutch"/></a></li>
				</ul>
				</li>
			</ul>
		</div>

Au chargement de la page j'appelle une fonction javascript à laquelle je fourni deux paramètres. Ce sont les deux langues à cacher. Dans ce cas-ci vu que le CV est en français (CVfr) je donne comme paramètres 'nl' et 'en'.

Au clic sur un drapeau j'appelle une fonction javascript à laquelle je fourni deux paramètres. Le premier est la langue à cacher et le second la langue à afficher.

Code Javascript

Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
function CacherLangues(id1,id2){
	document.getElementById(id1).style.display = "none";
	document.getElementById(id2).style.display = "none";
 
	}
 
function ChangerLangue(id1,id2){
	document.getElementById(id1).style.display="none";
	document.getElementById(id2).style.display="block";
 
	}

Si ce n'est pas assez parlant je vous invite à consulter mon site à l'adresse suivante http://myspace.voo.be/rarrabito/index.html

D'avance merci pour votre aide.

Ricardo