essais d'ajout de boutons

5 years ago · ebab13a8a0
parent b8f1b4d9c9
commit ebab13a8a0
12 changed files with 26 additions and 18 deletions
--- a/code/button_displayer.js
+++ b/code/button_displayer.js
@ -0,0 +1,21 @@
+var modes=["points","temps","survie"];
+var div=document.getElementById('buttons');
+modes.forEach(element => {
+    var name=element+"Button";
+
+    eval("var "+name+"= new Image()");
+/*
+    console.log(name+".src='./ress/button_mode_"+element+".png'");
+    eval(name+".src='./ress/button_mode_"+element+".png'");
+*/
+    console.log("<img src='"+"./ress/button_mode_"+element+".png'"+"/>");
+    
+    div.innerHTML+="<img id="+name+" src='./ress/button_mode_"+element+".png'/>";
+    /*
+    eval(name).onload = function(){
+        div.innerHTML+="<img src='./ress/button_mode_"+element+".png'/>";
+    }*/
+
+    //eval(name).src="./ress/button_mode_"+element+".png";
+    eval(name).addEventListener("mousedown",function(e){console.log("yo");});
+});
--- a/code/index.html
+++ b/code/index.html
@ -5,6 +5,9 @@
    <body>
        <form action="./game.html" method="GET">
            Jouer la partie en : </br>
+            <div id="buttons"></div>
+            <script src="button_displayer.js"></script>
+            <!--
            <input type="radio" id="5pts" name="mode" value="5p" checked="checked">
            <label for="5pts">5 points</label><br>
            <input type="radio" id="10pts" name="mode" value="10p">
@ -18,7 +21,7 @@
            <input type="radio" id="10min" name="mode" value="10m">
            <label for="5pts">10 minutes</label><br>
            <input type="radio" id="survie" name="mode" value="surv">
-            <label for="5pts">survie</label><br>
+            <label for="5pts">survie</label><br> -->

            Choisissez la difficult&eacute; </br>

@ -29,7 +32,7 @@
            <input type="radio" id="hard" name="diff" value="hard">
            <label for="5pts">difficile</label><br>

-            Entrez votre pseudo (optionnel, mais n&eacute;coul&eacute;cessaire si vous voulez sauvegarder votre score):
+            Entrez votre pseudo (optionnel, mais n&eacute;cessaire si vous voulez sauvegarder votre score):
            <input type="text" name="pseudo" />
            
            
--- a/code/index.php
+++ b/code/index.php
@ -1,16 +0,0 @@
-<html>
-    <head>
-
-        On the Dot
-    </head>
-    <body>
-        <form action="./game.php" method="post">
-            <input type="radio" id="no-res" name="mode" value="no-res">
-            <label for="no-res">Sans réserve</label><br>
-            <div class="button">
-                <button type="submit">JOUER !</button>
-            </div>
-        </form>
-        
-    </body>
-</html>
--- a/code/ress/button_mode_points.png
+++ b/code/ress/button_mode_points.png
--- a/code/ress/button_mode_survie.png
+++ b/code/ress/button_mode_survie.png
--- a/code/ress/button_mode_temps.png
+++ b/code/ress/button_mode_temps.png
--- a/code/ress/button_points_10.png
+++ b/code/ress/button_points_10.png
--- a/code/ress/button_points_15.png
+++ b/code/ress/button_points_15.png
--- a/code/ress/button_points_20.png
+++ b/code/ress/button_points_20.png
--- a/code/ress/button_points_5.png
+++ b/code/ress/button_points_5.png
--- a/code/ress/button_temps_10.png
+++ b/code/ress/button_temps_10.png
--- a/code/ress/button_temps_5.png
+++ b/code/ress/button_temps_5.png