modifs graphiques

ajout des modes 2 et 3 minutes
Demande du pseudo via alert
réparation du bouton "jouer" dans highscores
Correction de l'erreur à la fin du partie en temps ou survie
Centrage du bouton "valider" des options
les modes de jeu ont un bord noir quand on les sélectionne (adaptation nuit/jour future)

.gitignore

@@ -0,0 +1,2 @@
+
+code/data.db

code/button_displayer.js

@@ -93,7 +93,8 @@ function hideAll()
 
 function play()
 {
-    window.location.replace("./game.html?mode="+modeSelected+"&diff="+diffSelected+"&pseudo="+document.getElementById("field_pseudo").value);
+    var pseudo = prompt("Saisissez votre pseudo", '');
+    window.location.replace("./game.html?mode="+modeSelected+"&diff="+diffSelected+"&pseudo="+ (pseudo==null ? "" : pseudo));
 }
 
 function goHigh()

code/highscore_button_displayer.js

@@ -133,9 +133,10 @@ document.getElementById("pause"+ (getCookie("pause")!="" ? getCookie("pause") :
 
 function play()
 {
-    setCookie("dotsAmount",document.getElementById("range_dots").value,30);
+    setCookie("dotsAmount",amount,30);
     setCookie("pause",(document.getElementById("pause0").checked ? 0 : 1),30);
-    window.location.replace("./game.html?mode="+modeSelected+"&diff="+diffSelected+"&pseudo="+document.getElementById("field_pseudo").value);
+    var pseudo = prompt("Saisissez votre pseudo", '');
+    window.location.replace("./game.html?mode="+modeSelected+"&diff="+diffSelected+"&pseudo="+ (pseudo==null ? "" : pseudo));
 }
 
 document.getElementById("btn_back").width=size;

code/highscores.php

@@ -90,9 +90,9 @@
     </form>
 
     <div id="play" class="mode-container">
-        <div class="texte">
+        <!--<div class="texte">
             Pseudo : 
-                <input type="text" id="field_pseudo" /><br/>
+                <input type="text" id="field_pseudo" /><br/>-->
             <img id="btn_play" src="ress/button_play.png" onClick="play()"/>
             <img id="btn_play_des" src="ress/button_play_desac.png"/>
         </div>

code/index.php

@@ -35,6 +35,8 @@
         <img id="20p" class="button z" src="./ress/button_points_20.png"/>
     </ul>
     <ul id="temps" class="all-container ad">
+        <img id="2m" class="button z" src="./ress/button_temps_2.png"/>
+        <img id="3m" class="button z" src="./ress/button_temps_3.png"/>
         <img id="5m" class="button z" src="./ress/button_temps_5.png"/>
         <img id="10m" class="button z" src="./ress/button_temps_10.png"/>
     </ul>
@@ -45,10 +47,10 @@
     </ul>
 </div>
 <div class="mode-container">
-    <div class="texte">
+    <!--<div class="texte">
         Pseudo :
         <input type="text" id="field_pseudo" />
-    </div>
+    </div>-->
     <ul id="btns_play">
         <img id="btn_play" src="ress/button_play.png" onClick="play()"/>
         <img id="btn_play_des" src="ress/button_play_desac.png"/>
@@ -124,7 +126,7 @@
             <img id="resetGems2" onClick="resetGems()" src="ress/reset"/>
             </div>
         </div>
-        <div class="z">
+        <div class=" mode-container z">
             <img src="ress/OK.png" id="btn_confirm" onClick="saveOptions()"/>
         </div>
     </div>

code/timer.js

@@ -22,7 +22,8 @@ var x = setInterval(function() {
   // If the count down is over, write some text 
   if (distance < 0) {
     clearInterval(x);
-    window.location.replace("./score.html?pts="+points);
+    console.log("OUT");
+    window.location.replace("./score.php?pts="+points+"&mode="+get['mode']+"&diff="+get['diff']+"&pseudo="+get['pseudo']);
   }
 }, 1000);