mode anglais/français mais pas fini gougougaga

SwichGIT/src/index.html

@@ -53,8 +53,10 @@
             </div>
 
             <div id="cf2" class="shadow">
-              <img onclick="functionLange()" id="flag_bottom" src="imgs/flags/flag-uk.png" />
+                <a onclick="functionLange()">
-              <img onclick="functionLange()" id="flag_top" src="imgs/flags/flag-france.png" />
+                    <img src="imgs/flags/flag-france.png" id="flag_top">
+                </a>
+
             </div>
         </div>
 
@@ -71,9 +73,9 @@
 
         <div id="popup1" class="overlay">
             <div class="popup">
-                <h2>Les Règles :</h2>
+                <h2 id="lesRegles">Les Règles :</h2>
                 <a class="close" href="#">&times;</a>
-                <div class="content">
+                <div class="content" id="textRules">
                     Swish : Jeu de 60 cartes compos&eacute chacun de billes et de cerceaux, de 4 couleurs
                     diff&eacuterentes possibles. 16 cartes sont pos&eacutes sur une table et le joueur doit faire superposer
                     des cartes de mani&egravere que chaque bille soit dans le cerceau de m&ecircme couleur d’une autre
@@ -634,26 +636,26 @@
 
         <div id="containBottom">
             <!-- tableau des scores -->
-            <h1 class="titreScore">Classement - solo</h1>
+            <h1 class="titreScore" id="classementtxt">Classement - solo</h1>
             <div id="containScore">
 
                 <div class="case-score first" data-description="Score obtenu le ...">
                     <div class="score-description">                    
-                        <div class="score-position">1er</div>
+                        <div class="score-position" id="premier">1er</div>
                         <div class="score-pseudo">palafour</div>
                         <div class="score-points">696 pts</div>
                     </div>                
                 </div>
                 <div class="case-score second" data-description="Score obtenu le ...">
                     <div class="score-description">
-                        <div class="score-position">2e</div>
+                        <div class="score-position" id="deuxieme">2e</div>
                         <div class="score-pseudo">cyril</div>
                         <div class="score-points">600 pts</div>
                     </div>                
                 </div>
                 <div class="case-score third" data-description="Score obtenu le ...">
                     <div class="score-description">
-                        <div class="score-position">3e</div>
+                        <div class="score-position" id="troisieme">3e</div>
                         <div class="score-pseudo">mamore</div>
                         <div class="score-points">500 pts</div>
                     </div>                

SwichGIT/src/js/main.js

@@ -16,6 +16,9 @@ var allDimension = ["4 * 3", "3 * 3", "3 * 2", "2 * 2"];// Défini toutes les di
 var selectionMode = 0;
 var selectionDiemension = 0;
 
+var modelangue = false;
+
+
 var lesPoints = 0; //Points du Joueur1
 
 function majSizeCard(column) {
@@ -1476,7 +1479,13 @@ function decompte() {
 	}
 
 	if (cpt == 0) {
+		if(!modelangue){
 			window.alert("fin du jeu");
+		}
+		else{
+			window.alert("Game Over");
+		}
+		
 		retour();
 		window.location.reload();
 		clearInterval(itv);
@@ -1507,10 +1516,22 @@ function testerLesCartes() {
 function testPourJeuInfini() {
 	try {
 		if (carteselect.length == 0) {
+			if(!modelangue){
 				window.alert("Selection Vide");
+			}
+			else{
+				window.alert("Empty selection");
+			}
+			
 			return;
 		} else if (carteselect.length < 2) {
+			if(!modelangue){
 				window.alert("Selection Trop Petite");
+			}
+			else{
+				window.alert("Selection Too Small");
+			}
+			
 			return;
 		} else {
 			var copie = [];
@@ -1539,11 +1560,22 @@ function testPourJeuInfini() {
 				}
 			}
 			if (solution) {
+				if(!modelangue){
 					document.getElementById("affSolution").textContent = 'Aucune solution trouvée...';
 				}
+				else{
+					document.getElementById("affSolution").textContent = 'No solutions found...';
+				}
+				
+			}
 			if (!solution) {
+				if(!modelangue){
 					document.getElementById("affSolution").textContent = 'Assemblage de ' + copie.length + ' cartes trouvé !';
 				}
+				else{
+					document.getElementById("affSolution").textContent = 'Assembly of ' + copie.length + ' cards found !';
+				}
+			}
 		}
 	} catch (e) {
 		window.alert(e);
@@ -1555,10 +1587,22 @@ function testPourJeuInfini() {
 function testPourJeuClassique() {
 	//try {
 	if (carteselect.length == 0) {
+		if(!modelangue){
 			window.alert("Selection Vide test pour jeu classique");
+		}
+		else{
+			window.alert("Selection Empty test for classic game");
+		}
+		
 		return;
 	} else if (carteselect.length < 2) {
+		if(!modelangue){
 			window.alert("Selection Trop Petite");
+		}
+		else{
+			window.alert("Selection Too Small");
+		}
+		
 		return;
 	} else {
 		var copie = [];
@@ -1582,11 +1626,21 @@ function testPourJeuClassique() {
 			}
 		}
 		if (solution) {
+			if(!modelangue){
 					document.getElementById("affSolution").textContent = 'Aucune solution trouvée...';
 				}
+				else{
+					document.getElementById("affSolution").textContent = 'No solutions found...';
+				}
+		}
 		if (!solution) {
+			if(!modelangue){
 				document.getElementById("affSolution").textContent = 'Assemblage de ' + copie.length + ' cartes trouvé ! Il reste encore ' + TasDuJEU.length + ' cartes !';
 			}
+			else{
+				document.getElementById("affSolution").textContent = 'Assembly of ' + copie.length + ' cards found ! There are still ' + TasDuJEU.length + ' cards !';
+			}
+		}
 	}
 	/*} catch (e) {
 		window.alert(e);
@@ -1823,21 +1877,88 @@ function bacASable() {
 	afficherCartes(lesCartes);
 }
 
+/*function functionLange(){
+
+if(lange % 2 == 0){
+//mode anglais
+document.getElementById('flag_top').src = "imgs/flags/flag-uk.png";
+document.getElementById('textjouer').value = "PLAY";
+
+
+}
+else{
+//mode français
+document.getElementById('flag_top').src = "imgs/flags/flag-france.png";
+document.getElementById('textjouer').value  = "JOUER";
+}
+lange += 1;
+
+
+}*/
+
 function functionLange(){
-	if(lange % 2 == 0)
+	//window.alert(modelangue);
-	{
+	if(modelangue){
-		document.getElementById("flag_top").classList.add("transparent");
+	modelangue = false;
-	} else{
+		//MODE FRANCAIS =======
-		document.getElementById("flag_top").classList.remove("transparent");
+	document.getElementById('flag_top').src = "imgs/flags/flag-france.png";
+	
+	document.getElementById('textjouer').textContent = 'JOUER';
+	
+	//Traduction classement
+	document.getElementById('classementtxt').textContent = 'Classement - solo';
+	document.getElementById('premier').textContent = '1er';
+	document.getElementById('deuxieme').textContent = '2e';
+	document.getElementById('troisieme').textContent = '3e';
+
+	//Traduction paramètres
+	document.getElementById('SettingName').textContent = 'Paramètres';
+
+	document.getElementById('textmode').textContent = 'Match à points';
+
+	//Tradcution des règles
+	document.getElementById('lesRegles').textContent = 'Les Règles';
+	document.getElementById('textRules').textContent = 'Swish : Jeu de 60 cartes compos&eacute chacun de billes et de cerceaux, de 4 couleurs diff&eacuterentes possibles. 16 cartes sont pos&eacutes sur une table et le joueur doit faire superposer des cartes de mani&egravere que chaque bille soit dans le cerceau de m&ecircme couleur d’une autre carte.';
+	
+
 	}
-	lange = lange + 1;
-}
 
+	else{
+		modelangue = true;
+		//MODE ANGLAIS ========
+	document.getElementById('flag_top').src = "imgs/flags/flag-uk.png";
 	
+	document.getElementById('textjouer').textContent = 'PLAY';
 	
-function trad(){
+	//Traduction classement
-	var flag_top = document.getElementById("flag_top");
+	document.getElementById('classementtxt').textContent = 'Ranking - solo';
-	var flag_bottom = document.getElementById("flag_bottom");
+	document.getElementById('premier').textContent = '1st';
+	document.getElementById('deuxieme').textContent = '2nd';
+	document.getElementById('troisieme').textContent = '3rd';
 
+	//Traduction paramètres
+	document.getElementById('SettingName').textContent = 'Settings';
 
+	document.getElementById('textmode').textContent = 'Point match';
+
+	//Traduction des règles
+	document.getElementById('lesRegles').textContent = 'The Rules';
+	document.getElementById('textRules').textContent = 'Swish : Set of 60 cards each composed of balls and hoops, 4 different colors possible. 16 cards are placed on a table and the player has to lay cards on top of each other in such a way that each ball is in the same color hoop as another card.'
+
+	
+	}
 }
+
+/*function trad(){
+//var flag_top = document.getElementById("flag_top");
+	//var flag_bottom = document.getElementById("flag_bottom");
+	mode = mode + 1;
+	if (mode % 2 == 0) {
+
+	
+	}
+	else {
+
+	}
+	
+}*/