You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
98 lines
3.5 KiB
98 lines
3.5 KiB
<?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>
|