présélection de la recherche précédente dans highscores

code/highscore_button_displayer.js

@@ -25,6 +25,7 @@ modes.forEach(element => {
         })
         document.getElementById(e.currentTarget.id).classList.add("selected");
     });
+
     var tab=document.getElementById(element).children;
     for(var i=1;i<tab.length;i+=2){
         tab.item(i).children[0].width=size;
@@ -78,9 +79,9 @@ diffs.forEach(element => {
     });
 })
 
-function disp(what)
+function disp(what,short=false)
 {
-    what=what.currentTarget.id.substring(4);
+    what=(short ? what : what.currentTarget.id.substring(4));
     console.log(what);
     modes.forEach(element => {
         document.getElementById(element).style.display=what==element ? "flex":"none";
@@ -145,3 +146,30 @@ function index()
 {
     window.location.replace("./");
 }
+
+if(document.getElementById("diffSel")!=null)
+{
+    console.log("LOADING");
+    diffSelected=document.getElementById("diffSel").value;
+    modeSelected=document.getElementById("modeSel").value;
+    amount=document.getElementById("dotsAmountSel").value;
+    gameSelected = (modeSelected.includes("s") ? "survie" : (modeSelected.includes("p") ? "points" : "temps"));
+    disp(gameSelected, true);
+    document.getElementById("img_"+diffSelected).classList.add("selected");
+    document.getElementById("img_"+gameSelected).classList.add("selected");
+    document.getElementById("img_"+modeSelected).classList.add("selected");
+    document.getElementById("pause"+ document.getElementById("pauseSel").value).checked=true;
+
+    document.getElementById(diffSelected).checked=true;
+    document.getElementById(modeSelected).checked=true;
+
+    output.innerHTML = amount;
+    outputHi.value= amount;
+
+    document.getElementById("btn_play").style.display="inline";
+    document.getElementById("btn_play_des").style.display="none";
+
+    document.getElementById("btn_high").style.display="inline";
+    document.getElementById("btn_high_des").style.display="none";
+
+}

code/highscores.css

@@ -124,6 +124,7 @@ margin-right: auto;
 
 .slot {
   display: inline-block;
+  margin-left: 15px;
 }
 
 .texte {

code/highscores.php

@@ -97,10 +97,6 @@
             <img id="btn_play_des" src="ress/button_play_desac.png"/>
         </div>
     </div>
-    <img id="btn_back" src="ress/button_back.png" class="back" onClick="index()"/>
-    <script src="bakery.js"></script>
-    <script src="highscore_button_displayer.js"></script>
-    <script src="themeSwitcher.js"></script>
     <?php
 
     $database = new SQLite3("data.db");
@@ -134,8 +130,18 @@
     }
 
         echo "<h1 id='aya' class='texte' >".$phrase."</h1>";
+        echo "<input type='hidden' id='modeSel' value='".$_POST["game_mode"]."'/>";
+        echo "<input type='hidden' id='diffSel' value='".$_POST["difficulty"]."'/>";
+        echo "<input type='hidden' id='dotsAmountSel' value='".$_POST["dotsAmount"]."'/>";
+        echo "<input type='hidden' id='pauseSel' value='".$_POST["pause"]."'/>";
     }
     ?>
+    
+    <img id="btn_back" src="ress/button_back.png" class="back" onClick="index()"/>
+    
+    <script src="bakery.js"></script>
+    <script src="highscore_button_displayer.js"></script>
+    <script src="themeSwitcher.js"></script>
     <script src="bakery.js"></script>
     <script src="themeSwitcher.js"></script>
 </body>

code/options.js

@@ -85,7 +85,6 @@ function selectDisplay(e)
 {
     displ=e;
     setCookie("displayMode",e,30);
-    console.log("cookie "+getCookie("displayMode"));
     document.getElementById("points_di").classList.remove("selected");
     document.getElementById("gems_di").classList.remove("selected");
     document.getElementById("both_di").classList.remove("selected");