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