fusion highscore-index en cours

master
adplantade 5 years ago
parent ddc5dbf733
commit 87b83305e8

@ -10,10 +10,8 @@ var btn_options=document.getElementById("btn_options");
btn_options.width=size/2;
document.getElementById("btn_play").width=size;
//document.getElementById("btn_play_des").width=size;
document.getElementById("btn_play").style.display="inline";
document.getElementById("btn_high").width=size;
modes.forEach(element => {
eval("var btn"+element+"= document.getElementById('btn_"+element+"')");

@ -6,12 +6,6 @@ size=screen.height/6;
hideAll();
document.getElementById("btn_play").width=size;
//document.getElementById("btn_play_des").width=size;
//document.getElementById("btn_play").style.display="none";
document.getElementById("btn_high").width=size;
//document.getElementById("btn_high_des").width=size;
//document.getElementById("btn_high").style.display="none";
modes.forEach(element => {
@ -46,11 +40,9 @@ modes.forEach(element => {
document.getElementById(e.currentTarget.id).classList.add("selected");
if(diffSelected!="" && modeSelected!="")
{
document.getElementById("btn_play").style.display="inline";
document.getElementById("btn_play_des").style.display="none";
document.getElementById(modeSelected).checked=true;
document.getElementById("btn_high").style.display="inline";
document.getElementById("btn_high_des").style.display="none";
document.getElementById("high_form").submit();
}
});
}
@ -70,11 +62,8 @@ diffs.forEach(element => {
document.getElementById(e.currentTarget.id).classList.add("selected");
if(diffSelected!="" && modeSelected!="")
{
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";
document.getElementById(diffSelected).checked=true;
document.getElementById("high_form").submit();
}
});
})
@ -140,8 +129,6 @@ function play()
window.location.replace("./game.html?mode="+modeSelected+"&diff="+diffSelected+"&pseudo="+ (pseudo==null ? "" : pseudo));
}
document.getElementById("btn_back").width=size;
function index()
{
window.location.replace("./");
@ -154,6 +141,9 @@ if(document.getElementById("diffSel")!=null)
modeSelected=document.getElementById("modeSel").value;
amount=document.getElementById("dotsAmountSel").value;
gameSelected = (modeSelected.includes("s") ? "survie" : (modeSelected.includes("p") ? "points" : "temps"));
console.log("LOADED "+diffSelected+" " + modeSelected+ " "+ amount + " ");
disp(gameSelected, true);
document.getElementById("img_"+diffSelected).classList.add("selected");
document.getElementById("img_"+gameSelected).classList.add("selected");
@ -165,20 +155,16 @@ if(document.getElementById("diffSel")!=null)
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";
*/
}
diffSelected="easy";
modeSelected="5p";
disp("points",true);
document.getElementById(diffSelected).checked=true;
else
{
diffSelected="easy";
modeSelected="5p";
disp("points",true);
document.getElementById(diffSelected).checked=true;
document.getElementById(modeSelected).checked=true;
document.getElementById("img_points").classList.add("selected");
document.getElementById("img_5p").classList.add("selected");
document.getElementById("img_easy").classList.add("selected");
document.getElementById("img_points").classList.add("selected");
document.getElementById("img_5p").classList.add("selected");
document.getElementById("img_easy").classList.add("selected");
}

@ -11,7 +11,7 @@
</div>
<form action="highscores.php" method="post">
<form action="highscores.php" id="high_form" method="post">
<div class="mode-container">
<ul id="diff" class="all-container">
<input type="radio" class="rad" name="difficulty" id="easy" value="easy" />
@ -89,9 +89,6 @@
<input type="hidden" name="dotsAmount" id="amountHi"/></p>
</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>
</form>
<?php

@ -145,4 +145,7 @@
.player {
position: absolute;
left: 5px;
}
}
.rad {
display: none;
}

@ -17,44 +17,128 @@
</div>
<div id="modeSelection" class="mode-container">
<ul id="diff" class="all-container">
<img id="btn_easy" class="button" src="./ress/button_diff_easy.png"/>
<img id="btn_med" class="button" src="./ress/button_diff_normal.png"/>
<img id="btn_hard" class="button" src="./ress/button_diff_hard.png"/>
</ul>
<ul id="modes" class="all-container">
<img id="btn_points" class="button" src="./ress/button_mode_points.png"/>
<img id="btn_temps" class="button" src="./ress/button_mode_temps.png"/>
<img id="btn_survie" class="button" src="./ress/button_mode_survie.png"/>
</ul>
<ul id="points" class="all-container ad">
<img id="5p" class="button z" src="./ress/button_points_5.png"/>
<img id="10p" class="button z" src="./ress/button_points_10.png"/>
<img id="15p" class="button z" src="./ress/button_points_15.png"/>
<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>
<ul id="survie" class="all-container ad">
<img id="15s" class="button z" src="./ress/button_survie_15.png"/>
<img id="30s" class="button z" src="./ress/button_survie_30.png"/>
<img id="45s" class="button z" src="./ress/button_survie_45.png"/>
</ul>
</div>
<form action="index.php" id="high_form" method="post">
<div class="mode-container">
<ul id="diff" class="all-container">
<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>
<div id="modeSelection" class="mode-container">
<ul id="modes" class="all-container">
<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="2m" value="2m" />
<label for="2m"><img id="img_2m" class="button" src="./ress/button_temps_2.png"/></label>
<input type="radio" class="rad" name="game_mode" id="3m" value="3m" />
<label for="3m"><img id="img_3m" class="button" src="./ress/button_temps_3.png"/></label>
<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 ad">
<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 class="texte">Mode pause activé <input type="radio" id="pause1" value="1" name="pause">
<label for="pause1" class="texte">Oui</label>
<input type="radio" id="pause0" value="0" name="pause">
<label for="pause0" class="texte">Non</label> </p>
</div>
<div class="slot">
<p class="texte">Nombre de dots
<img src="ress/-" onClick="less()" id="-"/>
<span id="dotsNumber" class="texte"></span>
<img src="ress/+" onClick="more()" id="+"/>
<input type="hidden" name="dotsAmount" id="amountHi"/></p>
</div>
</ul>
</div>
</form>
<?php
$database = new SQLite3("data.db");
if(isset($_POST["game_mode"]) && $_POST["game_mode"]!="" && $_POST["difficulty"]!="" && $_POST["dotsAmount"]!="" && $_POST["pause"]!="")
{
if(stristr($_POST['game_mode'], "p") === FALSE)
{
$sql='select score, player from score where game_mode="'.$_POST['game_mode'].'" and difficulty="'.$_POST['difficulty'].'" and dots_amount='.$_POST["dotsAmount"].' and pause='.$_POST["pause"].' and score=(select max(score) from score where game_mode="'.$_POST['game_mode'].'" and difficulty="'.$_POST['difficulty'].'" and dots_amount='.$_POST["dotsAmount"].' and pause='.$_POST["pause"].')';
}
else
{
$sql='select score, player from score where game_mode="'.$_POST['game_mode'].'" and difficulty="'.$_POST['difficulty'].'" and dots_amount='.$_POST["dotsAmount"].' and pause='.$_POST["pause"].' and score=(select min(score) from score where game_mode="'.$_POST['game_mode'].'" and difficulty="'.$_POST['difficulty'].'" and dots_amount='.$_POST["dotsAmount"].' and pause='.$_POST["pause"].')';
}
$result = $database->query($sql);
$a=$result->fetchArray();
if($a==false)
{
$phrase= "Il n'y a pas encore de score pour ce mode de jeu.";
}
else
{
$phrase="Le record est ".$a[0].", tenu par ".$a["player"];
while ($row = $result->fetchArray()) {
$phrase=$phrase.", ".$row["player"];
}
}
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"]."'/>";
}
?>
<div class="mode-container">
<!--<div class="texte">
Pseudo :
<input type="text" id="field_pseudo" />
</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"/>-->
<img id="btn_high" src="ress/button_highscores.png" onClick="goHigh()"/>
</ul>
</div>
@ -135,6 +219,7 @@
</div>
<script src="bakery.js"></script>
<script src="button_displayer.js"></script>
<script src="highscore_button_displayer.js"></script>
<script src="options.js"></script>
<script src="themeSwitcher.js"></script>
</body>

Loading…
Cancel
Save