passage des options via cookies

code/bakery.js

@@ -0,0 +1,22 @@
+function setCookie(cname, cvalue, exdays) {
+    var d = new Date();
+    d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
+    var expires = "expires="+d.toUTCString();
+    document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
+  }
+  
+  function getCookie(cname) {
+    var name = cname + "=";
+    var ca = document.cookie.split(';');
+    for(var i = 0; i < ca.length; i++) {
+      var c = ca[i];
+      while (c.charAt(0) == ' ') {
+        c = c.substring(1);
+      }
+      if (c.indexOf(name) == 0) {
+        return c.substring(name.length, c.length);
+      }
+    }
+    return "";
+  }
+  

code/button_displayer.js

@@ -74,5 +74,5 @@ function hideAll()
 
 function play()
 {
-    window.location.replace("./game.html?mode="+modeSelected+"&diff="+diffSelected+"&pseudo="+document.getElementById("field_pseudo"));
+    window.location.replace("./game.html?mode="+modeSelected+"&diff="+diffSelected+"&pseudo="+document.getElementById("field_pseudo").value);
 }

code/game.html

@@ -45,6 +45,7 @@
         
     </ul>
     <script src="selecteur.js"></script>
+    <script src="bakery.js"></script>
     <script src="chrono.js"></script>
     <script src="timer.js"></script>
     <script src="vitraux.js"></script>

code/index.php

@@ -62,13 +62,25 @@ Partie en survie : la partie finit quand le temps atteint 0. Gagner un point vou
     <span class="close">&times;</span>
     <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">
         <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 value="gems">Seulement des gemmes</option>
+            <option value="both">Les deux</option>
+        </select>
+
+        <button id="btn_options" onClick="saveOptions()">Valider</button>
     </div>
 </div>
 
 </div>
 
+<script src="bakery.js"></script>
 <script src="button_displayer.js"></script>
 <script src="options.js"></script>
 </body>

code/options.js

@@ -31,3 +31,8 @@ output.innerHTML = slider.value;
 slider.oninput = function() {
   output.innerHTML = this.value;
 }
+
+function saveOptions() {
+    setCookie("dotsAmount",document.getElementById("range_dots").value,30);
+    setCookie("displayMode",document.getElementById("displays").value,30);
+}

code/vitraux.js

@@ -24,7 +24,7 @@ tabTotal=[];
 tabObjCmp=[];
 mousePos=[];
 
-var dotsAmount=4;
+var dotsAmount= getCookie("dotsAmount")=="" ? 4 : getCookie("dotsAmount");
 var colors=[];
 colorsAvailable=["red","yellow","green","purple","lightblue","brown","cyan","orange"];