Créer un site avec un mot de passe pour passer d'une page à la suivante

Résolu/Fermé
Lou - 20 juin 2020 à 17:19
dugenou Messages postés 6087 Date d'inscription mercredi 19 janvier 2005 Statut Contributeur Dernière intervention 30 juillet 2021 - 21 juin 2020 à 09:12
Bonjour,

Je souhaiterais créer un petit site internet pour faire un sorte de chasse au trésors pour un amis.
L'idée est simple, une dizaine de pages succesives, sur chaque page un texte avec un petite énigme et une zone pour rentrer un mot de passe/code, si le mdp est correct on passe à la page suivante, si non un message d'erreur s'affiche.

Le problème c'est que je suis vraiment un novice là dedans et je me perd un peu dans tout les tutoriels...

Pouvez vous m'indiquer comment faire cela ou bien me diriger vers un tutoriel ?

Merci beaucoup d'avance :)



Configuration: Windows / Chrome 83.0.4103.106
A voir également:

1 réponse

dugenou Messages postés 6087 Date d'inscription mercredi 19 janvier 2005 Statut Contributeur Dernière intervention 30 juillet 2021 1 451
21 juin 2020 à 09:12
Bonjour,

Il faut utiliser des variables en PHP et mettre en place un formulaire avec un champ dans lequel ton ami devra écrire la réponse à l'énigme.

Première variable, l'énigme : $enigme
Deuxième variable, la réponse : $reponse

Si la variable $reponse est égale à la variable $enigme, un message s'affiche, puis la page suivante s'affiche automatiquement après un certain temps (5 secondes).

La page de la première énigme se nomme enigme01.php, la page de la deuxième énigme se nomme enigme02.php, etc.

Tu peux utiliser le même script pour chaque page, il faut simplement changer le nom de la page en cours et de la page suivante.

Dans la partie <head>, il faut modifier la balise <meta Refresh> et dans la partie <body> le lien vers la page suivante.

Dans le formulaire de la réponse, il faut modifier le nom de la page <form action="enigmexx.php" method="POST" name="enigme">

Bien entendu, il faut modifier la valeur de la variable $enigme (ligne 3) et le libellé de la question du formulaire (ligne 43).

Code de la première page enigme01.php :

<?php

$enigme = 'toto';

empty($_POST['reponse']) ? $reponse = '' : $reponse = $_POST['reponse'];


if ($reponse == $enigme)
{
?>
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Refresh" content="5;URL='enigme02.php'">
<title>Enigme</title>
</head>
<body>
<div style="text-align: center;">
<h3>BONNE REPONSE</h3>
<p><a href='enigme02.php'>VOUS POUVEZ PASSER A LA PAGE SUIVANTE</a></p>
</div>
</body>
</html> 
<?php
}

else
{

?>
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Enigme</title>
</head>
<body>
<div style="text-align: center;">
<h2>TROUVEZ LA REPONSE</h2>
<p>Personnage de nombreuses histoires</p>
<p><br></p>
<form action="enigme01.php" method="POST" name="enigme">
<p>Entrez la réponse :</p>
<p><br></p>
<p><input type="text" name="reponse" maxlength="10"></input></p>
<p><br></p>
<p><input type="submit" value="Validez"></input></p>
</form>
</div>
</body>
</html> 
<?php
}
?>  

1