pascal.lafourcade
/
onthedots
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

centrage des boutons de la page highscore

Browse Source
master
adplantade 5 years ago
parent 3602793cdd
commit 55f66ab74f
6 changed files with 97 additions and 96 deletions
Show Stats Download Patch File Download Diff File

1
code/highscore_button_displayer.js
Unescape View File

@ -29,7 +29,6 @@ modes.forEach(element => {
var tabChilds=document.getElementById(tab.item(cpt).id).children; var tabChilds=document.getElementById(tab.item(cpt).id).children;
for(var cptChild=1;cptChild<tabChilds.length;cptChild+=2) for(var cptChild=1;cptChild<tabChilds.length;cptChild+=2)
{ {
//console.log("j'enlève selected à "+ tabChilds.item("img_"+cptChild));
tabChilds.item(cptChild).children[0].classList.remove("selected"); tabChilds.item(cptChild).children[0].classList.remove("selected");
} }
} }

4
code/highscores.css
Unescape View File

@ -121,3 +121,7 @@ margin-right: auto;
margin-right: auto; margin-right: auto;
} }
.slot {
display: inline-block;
}

155
code/highscores.php
Unescape View File

@ -10,82 +10,91 @@
</div> </div>
</div> </div>
<form action="highscores.php" method="post">
<div id="modeSelection" class="mode-container">
<ul id="diff" class="all-container bd">
<input type="radio" class="rad" name="difficulty" id="easy" value="easy" />
<label for="easy"><img id="img_easy" class="button" src="./ress/button_diff_easy.png"/></label>
<input type="radio" class="rad" name="difficulty" id="med" value="med" />
<label for="med"><img id="img_med" class="button" src="./ress/button_diff_normal.png"/></label>
<input type="radio" class="rad" name="difficulty" id="hard" value="hard" />
<label for="hard"><img id="img_hard" class="button" src="./ress/button_diff_hard.png"/></label>
</ul>
<ul id="modes" class="all-container bd">
<img id="img_points" class="button" src="./ress/button_mode_points.png"/>
<img id="img_temps" class="button" src="./ress/button_mode_temps.png"/>
<img id="img_survie" class="button" src="./ress/button_mode_survie.png"/>
</ul>
<ul id="points" class="all-container ad">
<input type="radio" class="rad" name="game_mode" id="5p" value="5p" />
<label for="5p"><img id="img_5p" class="button" src="./ress/button_points_5.png"/></label>
<input type="radio" class="rad" name="game_mode" id="10p" value="10p"/>
<label for="10p"><img id="img_10p" class="button" src="./ress/button_points_10.png"/></label>
<input type="radio" class="rad" name="game_mode" id="15p" value="15p" />
<label for="15p"><img id="img_15p" class="button" src="./ress/button_points_15.png"/></label>
<input type="radio" class="rad" name="game_mode" id="20p" value="20p" />
<label for="20p"><img id="img_20p" class="button" src="./ress/button_points_20.png"/></label>
</ul>
<ul id="temps" class="all-container ad">
<input type="radio" class="rad" name="game_mode" id="5m" value="5m" />
<label for="5m"><img id="img_5m" class="button" src="./ress/button_temps_5.png"/></label>
<input type="radio" class="rad" name="game_mode" id="10m" value="10m"/> <form action="highscores.php" method="post">
<label for="10m"><img id="img_10m" class="button" src="./ress/button_temps_10.png"/></label> <div class="mode-container">
<ul id="diff" class="all-container">
</ul> <input type="radio" class="rad" name="difficulty" id="easy" value="easy" />
<ul id="survie" class="all-container ad"> <label for="easy"><img id="img_easy" class="button" src="./ress/button_diff_easy.png"/></label>
<input type="radio" class="rad" name="game_mode" id="15s" value="15s"/>
<label for="15s"><img id="img_15s" class="button" src="./ress/button_survie_15.png"/></label> <input type="radio" class="rad" name="difficulty" id="med" value="med" />
<label for="med"><img id="img_med" class="button" src="./ress/button_diff_normal.png"/></label>
<input type="radio" class="rad" name="game_mode" id="30s" value="30s" />
<label for="30s"><img id="img_30s" class="button" src="./ress/button_survie_30.png"/></label> <input type="radio" class="rad" name="difficulty" id="hard" value="hard" />
<label for="hard"><img id="img_hard" class="button" src="./ress/button_diff_hard.png"/></label>
<input type="radio" class="rad" name="game_mode" id="45s" value="45s" /> </ul>
<label for="45s"><img id="img_45s" class="button" src="./ress/button_survie_45.png"/> </label>
<div id="modeSelection">
</ul> <ul id="modes">
</div> <img id="img_points" class="button" src="./ress/button_mode_points.png"/>
<div>
<p>Mode pause activé : </p> <img id="img_temps" class="button" src="./ress/button_mode_temps.png"/>
<input type="radio" id="pause1" value="1" name="pause">
<label for="pause1">Oui</label> <img id="img_survie" class="button" src="./ress/button_mode_survie.png"/>
<input type="radio" id="pause0" value="0" name="pause"> </ul>
<label for="pause0">Non</label> <ul id="points" class="all-container">
<input type="radio" class="rad" name="game_mode" id="5p" value="5p" />
<label for="5p"><img id="img_5p" class="button" src="./ress/button_points_5.png"/></label>
<input type="radio" class="rad" name="game_mode" id="10p" value="10p"/>
<label for="10p"><img id="img_10p" class="button" src="./ress/button_points_10.png"/></label>
<input type="radio" class="rad" name="game_mode" id="15p" value="15p" />
<label for="15p"><img id="img_15p" class="button" src="./ress/button_points_15.png"/></label>
<input type="radio" class="rad" name="game_mode" id="20p" value="20p" />
<label for="20p"><img id="img_20p" class="button" src="./ress/button_points_20.png"/></label>
</ul>
<ul id="temps" class="all-container">
<input type="radio" class="rad" name="game_mode" id="5m" value="5m" />
<label for="5m"><img id="img_5m" class="button" src="./ress/button_temps_5.png"/></label>
<input type="radio" class="rad" name="game_mode" id="10m" value="10m"/>
<label for="10m"><img id="img_10m" class="button" src="./ress/button_temps_10.png"/></label>
</ul>
<ul id="survie" class="all-container">
<input type="radio" class="rad" name="game_mode" id="15s" value="15s"/>
<label for="15s"><img id="img_15s" class="button" src="./ress/button_survie_15.png"/></label>
<input type="radio" class="rad" name="game_mode" id="30s" value="30s" />
<label for="30s"><img id="img_30s" class="button" src="./ress/button_survie_30.png"/></label>
<input type="radio" class="rad" name="game_mode" id="45s" value="45s" />
<label for="45s"><img id="img_45s" class="button" src="./ress/button_survie_45.png"/> </label>
</ul>
</div>
<ul>
<div class="slot">
<p>Mode pause activé : </p>
<input type="radio" id="pause1" value="1" name="pause">
<label for="pause1">Oui</label>
<input type="radio" id="pause0" value="0" name="pause">
<label for="pause0">Non</label>
</div>
<div class="slot">
<p>Changer le nombre de points</p>
<img src="ress/-" onClick="less()" id="-"/>
<span id="dotsNumber"></span>
<img src="ress/+" onClick="more()" id="+"/>
<input type="hidden" name="dotsAmount" id="amountHi"/>
</div>
</ul>
<input type="image" src="ress/button_consult.png" alt="Submit" id="btn_high">
<img id="btn_high_des" src="ress/button_consult_desac.png"/>
</div> </div>
<p>Changer le nombre de points</p>
<img src="ress/-" onClick="less()" id="-"/>
<span id="dotsNumber"></span>
<img src="ress/+" onClick="more()" id="+"/>
<input id="amountHi" name="dotsAmount" type="hidden">
<input type="image" src="ress/button_highscores.png" alt="Submit" id="btn_high">
<img id="btn_high_des" src="ress/button_highscores_desac.png"/>
</form> </form>
Entrez votre pseudo : <br/>
<input type="text" id="field_pseudo" /><br/> <div>
<img id="btn_play" src="ress/button_play.png" onClick="play()"/> Pseudo : <br/>
<img id="btn_play_des" src="ress/button_play_desac.png"/> <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>
<script src="bakery.js"></script> <script src="bakery.js"></script>
<script src="highscore_button_displayer.js"></script> <script src="highscore_button_displayer.js"></script>

35
code/phpinfo.php
Unescape View File

@ -1,23 +1,12 @@
<?php <ul>
// Call PHP function from javascript without ajax <p>Mode pause activé : </p>
<input type="radio" id="pause1" value="1" name="pause">
function myphpfunction($b) { <label for="pause1">Oui</label>
echo "aa ".$b; <input type="radio" id="pause0" value="0" name="pause">
} <label for="pause0">Non</label>
?> <p>Changer le nombre de points</p>
<!doctype html> <img src="ress/-" onClick="less()" id="-"/>
<html> <span id="dotsNumber"></span>
<head> <img src="ress/+" onClick="more()" id="+"/>
<meta charset="utf-8"> <input type="hidden" name="dotsAmount" id="amountHi"/>
<title>PHP & Javascript</title> </ul>
<script type="text/javascript">
   console.log("<?php echo myphpfunction("aya")?>");
</script>
<?php
var_dump($_COOKIE);
?>
</head>
<body>
</body>
</html>

BIN
code/ress/button_consult.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

BIN
code/ress/button_consult_desac.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB

Write Preview
Loading…
Cancel
Save