La page d'options affiche maintenant les valeurs déjà sauvegardées + ajout de l'option "pause" (non implémentée atm)

code/index.php

@@ -31,7 +31,9 @@ Jouer la partie en : </br>
         <img id="10m" class="button" src="./ress/button_temps_10.png"/>
     </ul>
     <ul id="survie" class="all-container">
-        <img id="surv" class="button" src="./ress/button_mode_survie.png"/> 
+        <img id="15s" class="button" src="./ress/button_survie_15.png"/>
+        <img id="30s" class="button" src="./ress/button_survie_30.png"/>
+        <img id="45s" class="button" src="./ress/button_survie_45.png"/> 
     </ul>
 </div>
     <ul id="diff" class="all-container">
@@ -63,18 +65,28 @@ Jouer la partie en : </br>
     <p>Options :</p>
     <div class="slidecontainer">
         <p>Changer le nombre de points</p>
-        <input type="range" min="2" max="8" value="4" class="slider" id="range_dots">
+        <input type="range" min="2" max="8" class="slider" id="range_dots">
         <p>Nombre de points : <span id="dotsNumber"></span></p>
         <p>
             Mode d'affichage :
         </p>
         <select name="displays" id="displays">
-            <option value="points">Seulement des points</option>
+            <option id="points_disp" value="points">Seulement des points</option>
-            <option value="gems">Seulement des gemmes</option>
+            <option id="gems_disp" value="gems">Seulement des gemmes</option>
-            <option value="both">Les deux</option>
+            <option id="both_disp" value="both">Les deux</option>
         </select>
 
+        <p> 
+            Mettre le jeu en pause après avoir gagné un point
+        </p>
+        <input type="radio" id="yes_pause" value="1" name="pause">
+        <label for="no_pause">Oui</label>
+        <input type="radio" id="no_pause" value="0" name="pause">
+        <label for="no_pause">Non</label>
+
+        <p>
             <button id="btn_options" onClick="saveOptions()">Valider</button>
+        </p>
     </div>
 </div>
 

code/options.js

@@ -35,4 +35,17 @@ slider.oninput = function() {
 function saveOptions() {
     setCookie("dotsAmount",document.getElementById("range_dots").value,30);
     setCookie("displayMode",document.getElementById("displays").value,30);
+    setCookie("pause",(document.getElementById("no_pause").checked ? 0 : 1),30);
 }
+
+//initialisation des valeurs des préférences
+
+if(getCookie("pause")!=1)
+  document.getElementById("no_pause").checked=true;
+else
+  document.getElementById("yes_pause").checked=true;
+
+document.getElementById((getCookie("displayMode")!="" ? getCookie("displayMode")+"_disp" : "gems_disp")).selected=true;
+
+document.getElementById("range_dots").value= (getCookie("dotsAmount")!="" ? getCookie("dotsAmount") : 4);
+output.innerHTML = (getCookie("dotsAmount")!="" ? getCookie("dotsAmount") : 4);

code/vitraux.js

@@ -24,7 +24,7 @@ tabTotal=[];
 tabObjCmp=[];
 mousePos=[];
 
-var displayType = getCookie("displayMode")=="" ? "both" : getCookie("displayMode");
+var displayType = getCookie("displayMode")=="" ? "gems" : getCookie("displayMode");
 
 var dotsAmount= getCookie("dotsAmount")=="" ? 4 : getCookie("dotsAmount");
 var colors=[];