// IDs var id_cat = 0, id_theme = 0, id_quest = 0; // Shortcuts var json, category, theme; // Timer var timing = 5, secRestantes, timer; var baseWidth; var score = 0; var reponseUser = -1, bonneReponse; var canClick = true; function play() { $("#play").remove(); $("#multi").remove(); apiReq(); if(json.status != 1) { var message; switch(json.source) { case 'PDO': message = "Erreur lors de la connexion à la base de donnée : "+json.message; break; case 'Connector': message = "Erreur de requête SQL : " switch(json.message) { case 'wrong_arg_nmbr_where': message += "Mauvais nombre d'arguments dans la clause WHERE."; break; case 'wrong_arg_nmbr_order_by': message += "Mauvais nombre d'arguments dans la clause ORDER BY."; break; case 'wrong_arg_numbr_limit': message += "Mauvais nombre d'arguments dans la clause LIMIT."; break; case 'unknown_arg': message += "Argument inconnu détecté."; break; } break; case 'Questset': message = "Erreur dans le chargement du jeu de questions : " if(json.message == 'expected_questset_array') { message += "Un tableau de réponses est attendu." } break; case 'Categorie': if(json.message == 'cant_find_cat') { message = "Erreur dans le chargement de la catégorie : Impossible de trouver la catégorie."; } break; } $("#game").addClass("error"); $("#game").html(message); } else { loadCat(id_cat); } } function apiReq() { $.ajax({ async: false, url: "./api/", dataType: 'json', success: function(data) { json = data; } }); } function loadCat(id) { if(id === 0) category = json.cat1; if(id === 1) category = json.cat2; console.log(category); $("#game").html("

Catégorie : "+category.nom_cat+"

"); $("#game").append("
"); $("#game").append("
"); $("#game").append("
Score : "+score+"
"); loadTheme(id_theme); } function loadTheme(id) { theme = category.themes[id]; $("#theme").html("

"); $("#theme").append(""); quest(id_quest); } function quest(id) { $("#question").html(theme.questions[id].intitule); startTimer(); bonneReponse = parseInt(theme.questions[id].bonneReponse); console.info('Question ' + (id_quest + 1) + '/' + theme.questions.length + ' : ' +theme.questions[id].intitule); if(canClick) { $("#rep1").off('click'); $("#rep1").one("click", function() { reponseUser = 1; checkAnswer(); }); $("#rep2").off('click'); $("#rep2").one("click", function() { reponseUser = 2; checkAnswer(); }); $("#both").off('click'); $("#both").one("click", function() { reponseUser = 0; checkAnswer(); }); } } function checkAnswer() { canClick = false; $("#rep1").off('click'); $("#rep2").off('click'); $("#both").off('click'); stopTimer(); if(reponseUser == bonneReponse) { score += secRestantes+1; } $("#score").html("Score : "+score); switch(bonneReponse) { case 0: $("#rep1").addClass("wrong-answer"); $("#rep2").addClass("wrong-answer"); $("#both").addClass("good-answer"); break; case 1: $("#rep1").addClass("good-answer"); $("#rep2").addClass("wrong-answer"); $("#both").addClass("wrong-answer"); break; case 2: $("#rep1").addClass("wrong-answer"); $("#rep2").addClass("good-answer"); $("#both").addClass("wrong-answer"); break; } window.setTimeout(nextQuestion, 2000); } function nextQuestion() { $("#rep1").removeClass(); $("#rep2").removeClass(); $("#both").removeClass(); canClick = true; // Dernière question du thème en cours if((id_quest+1) == theme.questions.length) { // Dernier thème de la catégorie en cours if((id_theme+1) == category.themes.length) { // Dernière catégorie if((id_cat+1) == 2) { endGame(); } else { id_quest = 0; id_theme = 0; id_cat++; loadCat(id_cat); } } else { id_quest = 0; id_theme++; loadTheme(id_theme); } } else { id_quest++; quest(id_quest); } } function startTimer() { $("#timer").css("width", "100%"); baseWidth = $("#timer").width(); $("#timer").animate({'width' : '0%'}, timing*1000); timer = window.setTimeout(checkAnswer, timing*1000); } function stopTimer() { window.clearTimeout(timer); $("#timer").stop(); secRestantes = Math.round($("#timer").width()/baseWidth*timing); } function endGame() { $("#game").html("

Vous avez marqué "+score+" miams

" +"

Enregistrez votre score : " +"

"); $("#sendScore").on('click', scoreConfirm); $("#login").on('keypress', function(event) { if(event.which == 13) { scoreConfirm(); } }); } function scoreConfirm() { console.log("qsfd"); addScore($("#login").val(), score); var message = json.message; $("#registerScore").fadeOut(); console.log(message); if(message == "score_add_success") { window.setTimeout(function() { $("#registerScore").addClass("success"); $("#registerScore").html("Votre score a bien été enregistré
"+ "Voir les meilleurs scores"); }, 400); } else { if(message === "higher_score_present") { window.setTimeout(function() { $("#registerScore").addClass("error"); $("#registerScore").html("Un score supérieur ou égal existe déjà avec ce pseudonyme
" +"Essayez avec un autre pseudonyme : " +"
" +"Voir les meilleurs scores"); $("#sendScore").on('click', scoreConfirm); $("#login").on('keypress', function(event) { if(event.which == 13) { scoreConfirm(); } }); }, 400); } else { window.setTimeout(function() { $("#registerScore").addClass("error"); $("#registerScore").html("Une erreur est survenue ("+status.message+")
"+ "Voir les meilleurs scores"); }, 400); } } $("#registerScore").fadeIn(); } function addScore(userLogin, userScore) { $.ajax({ async: false, url: "./api/?page=palmares", type: "POST", dataType: 'json', data: {login: userLogin, score: userScore}, success: function(data) { json = data; } }); } function displayScores() { $.get("./api/?page=palmares", function(data) { var list = "
    "; for(var i = 0; i < 10; i++) { list += "
  1. "+data[i].login+" - "+data[i].score+"
  2. "; } list += "
"; $("#palmares").html(list); }); }