WIP

6 months ago · 0207304a91
parent ead97c4714
commit 0207304a91
1 changed files with 97 additions and 0 deletions
--- a/pages/quiz.php
+++ b/pages/quiz.php
@ -0,0 +1,97 @@
+<?php
+session_start();
+
+// Configuration de la base de données
+$host = 'localhost';
+$db = 'dbwikifantasy'; // Remplace par le nom de ta base de données
+$user = 'kiem'; // Remplace par ton nom d'utilisateur
+
+try {
+    // Créer une connexion à la base de données avec PDO
+    $conn = new PDO("pgsql:host=$host;dbname=$db", $user);
+    $conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
+
+    // Requête pour récupérer une question du quiz
+    $sql = "SELECT * FROM question WHERE id_question = 1"; // Adapte cette requête selon ta table de questions
+    $stmt = $conn->prepare($sql);
+    $stmt->execute();
+
+    // Récupère toutes les questions
+    $question = $stmt->fetchAll(PDO::FETCH_ASSOC);
+
+} catch (PDOException $e) {
+    echo "Erreur de connexion : " . $e->getMessage();
+}
+
+// Ferme la connexion (optionnel avec PDO)
+$conn = null;
+?>
+
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Wiki Fantasy : Quiz</title>
+    <link id="favicon" rel="icon" href="../images/iconeSombre.ico"> <!-- Par défaut sombre -->
+    <link rel="stylesheet" href="../styles/styleQuiz.css">
+    <script defer src="../script/theme-toggle.js"></script>
+    <script>
+        // Timer pour 5 minutes 
+        var timeLeft = 300;
+        function countdown() {
+            var timerDisplay = document.getElementById("timer");
+            if (timeLeft <= 0) {
+                document.getElementById("quizForm").submit(); 
+            } else {
+                timerDisplay.innerHTML = timeLeft + " seconds left";
+                timeLeft -= 1;
+                setTimeout(countdown, 1000);
+            }
+        }
+        window.onload = countdown;
+    </script>
+</head>
+<body>
+    <div class="header">
+        <div class="nav">
+            <a href="favorite.html"><img src="../images/coeur.svg" alt="coeur" width="67px" height="67px" onmousedown="return false"></a>
+            <img id="theme-icon" src="../images/light.svg" alt="toggle theme" width="72px" height="37px" onmousedown="return false" onclick="toggleTheme()">
+            <img src="../images/quizz.svg" alt="quizz" width="51px" height="82px" onmousedown="return false">
+        </div>
+        <div class="logo">
+            <img src="../images/WIKIFANTASY.png" alt="Logo" width="227px" height="106px" onmousedown="return false">
+        </div>
+        <div class="user">
+            <img src="../images/user_dark.png" alt="user" width="70px" height="70px" onmousedown="return false">
+        </div>
+    </div>
+
+    <h1>▶ Quiz ◀</h1>
+    <div class="quiz">
+        <h2>Question 1</h2>
+        <h3><?=$question[0]['question']?></h3>
+        <a id="timer"> 300 seconds left .. </a>
+
+        <form id="quizForm" method="POST" action="submit_quiz.php">
+            <div class="answers">
+            <button class="answer" type="submit" name="answer" value="A"> 
+                <?=$question[0]['answera']?>
+            </button>
+            <button class="answer" type="submit" name="answer" value="B"> 
+            <?=$question[0]['answerb']?>
+            </button>
+            <button class="answer" type="submit" name="answer" value="C"> 
+            <?=$question[0]['answerc']?>
+            </button>
+            <button class="answer" type="submit" name="answer" value="D"> 
+            <?=$question[0]['answerd']?>
+            </button>
+            </div>
+            <div class="submit-button">
+                <button class="buttonSudmite" type="submit">Confirmer</button>
+            </div>
+        </form>
+    </div>
+</body>
+</html>