Je suis nouveau dans le php et j'essaye de créer un site web avec ce dernier.
Je suis actuellement en train de créer une page de connexion et je bug depuis un certains temps.
J'ai une page Connexion.php qui après submit du formulaire, dirige sur la page connecté.php (en fonction de si la session LOGGED existe ou non, celle-ci s'affiche différemment.
En effet, après plusieurs test, j'ai l'impression que mon "if ( !empty($_POST['MailCo']) && !empty($_POST['mot_passe']) )" ne marche pas. J'ai utilisé isset mais rien ne change aussi. C'est comme s'il ne reconnaissait pas le formulaire
Si quelqu'un aurait la solution à mon problème, je suis preneur.
Je mets le code de mes deux pages ci-dessous
Connexion.php
session_start();
try
{
// On se connecte à MySQL
$mysqlClient = new PDO('mysql:host=localhost;dbname=xxxxxx;charset=utf8', 'root', 'root');
}
catch(Exception $e)
{
// En cas d'erreur, on affiche un message et on arrête tout
die('Erreur : '.$e->getMessage());
}
$sqlQuery = 'SELECT * from administrateur';
$prep = $mysqlClient->prepare($sqlQuery);
$prep->execute();
$administrateurs = $prep->fetchAll();
if ( !empty($_POST['MailCo']) && !empty($_POST['mot_passe']) ){
foreach ($administrateurs as $administrateur){
if ($administrateur['MailAdmin'] == $mail && $administrateur['MDPAdmin'] == $mot_passe) {
$_SESSION['LOGGED_USER'] = $mail;
}
}
}
?>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Skyincap - Home</title>
<link href="css/connexion.css" rel="stylesheet" type="text/css">
<link href="css/css-1920.css" rel="stylesheet" type="text/css">
<link href="css/reset.css" rel="stylesheet" type="text/css">
<link href="css/fonts.css" rel="stylesheet" type="text/css">
<link href="css/header-footer.css" rel="stylesheet" type="text/css">
<link href="css/main.css" rel="stylesheet" type="text/css">
</head>
<body>
<header>
<div class="header-background">
<div class="container">
<div class="logo-navigation">
<a href="#" class="header-subnav__logo-link">
<img src="asset/logo/Proposition_New_logo_blanc.svg" class="logo" alt="Home">
</a>
</div>
<nav class="menu-header" id="menu">
<ul class="main_pages">
<li>
<bouton class="menu-item" role="menuitem">
<a href="#" class="">A propos</a>
</bouton>
<div class="header-hidden-content_dynamic" style="height: 0px;"></div>
<div class="header-hidden-content">
<div>
<ul class="sous-menu-header">
<li class="sous-menu-header-item"><a href="#" role="listitem">About us</a></li>
<li class="sous-menu-header-item"><a href="#" role="listitem">Vie d'entreprise</a></li>
</ul>
</div>
</div>
</li>
<li>
<bouton role="menuitem">
<a href="#" class="">Vie d'entreprise</a>
</bouton>
<div class="header-hidden-content_dynamic" style="height: 0px;"></div>
</li>
<li>
<bouton role="menuitem">
<a href="#" class="">Nos valeurs</a>
</bouton>
<div class="header-hidden-content_dynamic" style="height: 0px;"></div>
</li>
<li>
<bouton role="menuitem">
<a href="#" class="">Expertises</a>
</bouton>
<div class="header-hidden-content_dynamic" style="height: 0px;"></div>
</li>
<li>
<bouton role="menuitem">
<a href="#" class="">Carrière</a>
</bouton>
<div class="header-hidden-content_dynamic" style="height: 0px;"></div>
</li>
<li>
<bouton role="menuitem">
<a href="#" class="">Actualités</a>
</bouton>
<div class="header-hidden-content_dynamic" style="height: 0px;"></div>
</li>
<li>
<bouton role="menuitem">
<a href="#" class="">Contact</a>
</bouton>
<div class="header-hidden-content_dynamic" style="height: 0px;"></div>
</li>
</ul>
</nav>
<div class="search-navigation">
<a href="#" class="header-logo-link">
<img src="asset/icons/svg/white/search_FILL0_wght400_GRAD0_opsz48.svg" class="logo-right-menu" alt="Home">
</a>
<a href="#" class="header-logo-link">
<img src="asset/icons/svg/white/chocolate burger.svg" class="logo-right-menu" alt="Home">
</a>
</div>
<img src="asset/icons/png/menuT.png" alt="menu hamburger" class="menu-hamburger">
</div>
</div>
</header>
<main>
<div class="section2">
<div class="u-container">
<div class="u-top-column-t-long">
<h1 class="no-margin"> <span class="u-titre-principal-color"> CONNEXION </span></h1>
<div class="u-top-text-long">
<form method="post" action="connecté.php" >
<input style="width:100% ; height: 40px; background-color:#EDEDED ;" type="email" name="MailCo" placeholder="Adresse Mail administrateur" required>
<input style="width:100% ; height: 40px; background-color:#EDEDED ;" type="password" name="mot_passe" placeholder="Mot de Passe administrateur" required>
<input name="envoyer" type="submit" style="width:100% ; height: 40px; background-color:#4861AD;" value="Se connecter" >
</form>
</div>
</div>
</div>
</div>
</main>
<footer>
<div class="footer-background">
<div class="row">
<div class="column_1">
<a href="#" class="header-subnav__logo-link">
<img src="asset/logo/Proposition_New_logo_blanc.svg" class="logo" alt="Home">
</a>
</div>
<div class="column_2">
<div class="column_2-struct">
<div class="text1">
<div class="decouvrir">
<h3>Decouvrir</h3>
<ul>
<li class="carrier">
<bouton role="menuitem">
<a href="#" class="">Carrière</a>
</bouton>
<div class="header-hidden-content_dynamic" style="height: 0px;"></div>
</li>
<li class="actu">
<bouton role="menuitem">
<a href="#" class="">Actualités</a>
</bouton>
<div class="header-hidden-content_dynamic" style="height: 0px;"></div>
</li>
<li class="ese">
<bouton role="menuitem">
<a href="#" class="">Entreprise</a>
</bouton>
<div class="header-hidden-content_dynamic" style="height: 0px;"></div>
</li>
<li class="values">
<bouton role="menuitem">
<a href="#" class="">Nos valeurs</a>
</bouton>
<div class="header-hidden-content_dynamic" style="height: 0px;"></div>
</li>
</ul>
</div>
<div class="informations">
<h3>Informations</h3>
<ul>
<li class="contact">
<bouton role="menuitem">
<a href="#" class="">Contact</a>
</bouton>
<div class="header-hidden-content_dynamic" style="height: 0px;"></div>
</li>
<li class="data_perso">
<bouton role="menuitem">
<a href="#" class="">Données personnelles</a>
</bouton>
<div class="header-hidden-content_dynamic" style="height: 0px;"></div>
</li>
<li class="infos">
<bouton role="menuitem">
<a href="#" class="">Informations Légales</a>
</bouton>
<div class="header-hidden-content_dynamic" style="height: 0px;"></div>
</li>
<li class="plan">
<bouton role="menuitem">
<a href="#" class="">Plan du site</a>
</bouton>
<div class="header-hidden-content_dynamic" style="height: 0px;"></div>
</li>
</ul>
</div>
<div class="autres">
<ul>
<li class="acces">
<bouton role="menuitem">
<a href="#" class="">Accéssibilité</a>
</bouton>
<div class="header-hidden-content_dynamic" style="height: 0px;"></div>
</li>
<li class="cookie">
<bouton role="menuitem">
<a href="#" class="">Cookies</a>
</bouton>
<div class="header-hidden-content_dynamic" style="height: 0px;"></div>
</li>
</ul>
</div>
</div>
<div class="separateur">
<hr>
</div>
<div class="text2">
<h3>Nos réseaux</h3>
</div>
<div class="text3">
</div>
<div class="separateur">
<hr>
</div>
<div class="text4">
<h4> Tous droits réservés. </h4>
</div>
</div>
</div>
</div>
</div>
</footer>
</body>
<script>
const menuHamburger = document.querySelector(".menu-hamburger")
const navLinks = document.querySelector(".menu-header")
menuHamburger.addEventListener('click',()=>{
navLinks.classList.toggle('mobile-menu')
})
</script>
</html>
et la page connecté.php
<?php
session_start();
?>
<!doctype html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Skyincap - Home</title>
<link href="css/connecté.css" rel="stylesheet" type="text/css">
<link href="css/css-1920.css" rel="stylesheet" type="text/css">
<link href="css/reset.css" rel="stylesheet" type="text/css">
<link href="css/fonts.css" rel="stylesheet" type="text/css">
<link href="css/header-footer.css" rel="stylesheet" type="text/css">
<link href="css/main.css" rel="stylesheet" type="text/css">
</head>
<body>
<header>
<div class="header-background">
<div class="container">
<div class="logo-navigation">
<a href="#" class="header-subnav__logo-link">
<img src="asset/logo/Proposition_New_logo_blanc.svg" class="logo" alt="Home">
</a>
</div>
<nav class="menu-header" id="menu">
<ul class="main_pages">
<li>
<bouton class="menu-item" role="menuitem">
<a href="#" class="">A propos</a>
</bouton>
<div class="header-hidden-content_dynamic" style="height: 0px;"></div>
<div class="header-hidden-content">
<div>
<ul class="sous-menu-header">
<li class="sous-menu-header-item"><a href="#" role="listitem">About us</a></li>
<li class="sous-menu-header-item"><a href="#" role="listitem">Vie d'entreprise</a></li>
</ul>
</div>
</div>
</li>
<li>
<bouton role="menuitem">
<a href="#" class="">Vie d'entreprise</a>
</bouton>
<div class="header-hidden-content_dynamic" style="height: 0px;"></div>
</li>
<li>
<bouton role="menuitem">
<a href="#" class="">Nos valeurs</a>
</bouton>
<div class="header-hidden-content_dynamic" style="height: 0px;"></div>
</li>
<li>
<bouton role="menuitem">
<a href="#" class="">Expertises</a>
</bouton>
<div class="header-hidden-content_dynamic" style="height: 0px;"></div>
</li>
<li>
<bouton role="menuitem">
<a href="#" class="">Carrière</a>
</bouton>
<div class="header-hidden-content_dynamic" style="height: 0px;"></div>
</li>
<li>
<bouton role="menuitem">
<a href="#" class="">Actualités</a>
</bouton>
<div class="header-hidden-content_dynamic" style="height: 0px;"></div>
</li>
<li>
<bouton role="menuitem">
<a href="#" class="">Contact</a>
</bouton>
<div class="header-hidden-content_dynamic" style="height: 0px;"></div>
</li>
</ul>
</nav>
<div class="search-navigation">
<a href="#" class="header-logo-link">
<img src="asset/icons/svg/white/search_FILL0_wght400_GRAD0_opsz48.svg" class="logo-right-menu" alt="Home">
</a>
<a href="#" class="header-logo-link">
<img src="asset/icons/svg/white/chocolate burger.svg" class="logo-right-menu" alt="Home">
</a>
</div>
<img src="asset/icons/png/menuT.png" alt="menu hamburger" class="menu-hamburger">
</div>
</div>
</header>
<main>
<?php if(empty($_SESSION['LOGGED_USER'])): ?>
<div class="section2">
<div class="u-container">
<div class="u-top-column-t-long">
<h1 class="no-margin"> <span class="u-titre-principal-color"> IL SEMBLE Y AVOIR UNE ERREUR </span></h1>
<div class="u-top-text-long">
<div class="echec_bouton" style="width:100% ; height: 40px; color:#CC3F44; border: 0; margin-bottom: 40px; text-align: left; font-weight: bold; font-size: 22px; ">Email ou Mot de passe incorrect(e)</div>
<button style="width:100% ; height: 40px; background-color:#4861AD;" type="submit">
<a style="color: black;" href="/Connexion"> Réessayer </a>
</button>
</div>
</div>
</div>
</div>
<?php else: ?>
<div class="section2">
<div class="u-container">
<div class="u-top-column-t-long">
<h1 class="no-margin"> <span class="u-titre-principal-color"> VOUS ETES CONNECTE ! QUE SOUHAITEZ-VOUS FAIRE ? </span></h1>
</div>
</div>
</div>
</div>
<?php endif;
?>
</main>
<footer>
<div class="footer-background">
<div class="row">
<div class="column_1">
<a href="#" class="header-subnav__logo-link">
<img src="asset/logo/Proposition_New_logo_blanc.svg" class="logo" alt="Home">
</a>
</div>
<div class="column_2">
<div class="column_2-struct">
<div class="text1">
<div class="decouvrir">
<h3>Decouvrir</h3>
<ul>
<li class="carrier">
<bouton role="menuitem">
<a href="#" class="">Carrière</a>
</bouton>
<div class="header-hidden-content_dynamic" style="height: 0px;"></div>
</li>
<li class="actu">
<bouton role="menuitem">
<a href="#" class="">Actualités</a>
</bouton>
<div class="header-hidden-content_dynamic" style="height: 0px;"></div>
</li>
<li class="ese">
<bouton role="menuitem">
<a href="#" class="">Entreprise</a>
</bouton>
<div class="header-hidden-content_dynamic" style="height: 0px;"></div>
</li>
<li class="values">
<bouton role="menuitem">
<a href="#" class="">Nos valeurs</a>
</bouton>
<div class="header-hidden-content_dynamic" style="height: 0px;"></div>
</li>
</ul>
</div>
<div class="informations">
<h3>Informations</h3>
<ul>
<li class="contact">
<bouton role="menuitem">
<a href="#" class="">Contact</a>
</bouton>
<div class="header-hidden-content_dynamic" style="height: 0px;"></div>
</li>
<li class="data_perso">
<bouton role="menuitem">
<a href="#" class="">Données personnelles</a>
</bouton>
<div class="header-hidden-content_dynamic" style="height: 0px;"></div>
</li>
<li class="infos">
<bouton role="menuitem">
<a href="#" class="">Informations Légales</a>
</bouton>
<div class="header-hidden-content_dynamic" style="height: 0px;"></div>
</li>
<li class="plan">
<bouton role="menuitem">
<a href="#" class="">Plan du site</a>
</bouton>
<div class="header-hidden-content_dynamic" style="height: 0px;"></div>
</li>
</ul>
</div>
<div class="autres">
<ul>
<li class="acces">
<bouton role="menuitem">
<a href="#" class="">Accéssibilité</a>
</bouton>
<div class="header-hidden-content_dynamic" style="height: 0px;"></div>
</li>
<li class="cookie">
<bouton role="menuitem">
<a href="#" class="">Cookies</a>
</bouton>
<div class="header-hidden-content_dynamic" style="height: 0px;"></div>
</li>
</ul>
</div>
</div>
<div class="separateur">
<hr>
</div>
<div class="text2">
<h3>Nos réseaux</h3>
</div>
<div class="text3">
<defs>
<clipPath id="clip0_587_742">
<rect width="40" height="41" fill="white" transform="translate(0.96698)"/>
</clipPath>
</defs>
</svg>
</div>
<div class="separateur">
<hr>
</div>
<div class="text4">
<h4> Copyright © 2023 Skyincap. Tous droits réservés. </h4>
</div>
</div>
</div>
</div>
</div>
</footer>
</body>
<script>
const menuHamburger = document.querySelector(".menu-hamburger")
const navLinks = document.querySelector(".menu-header")
menuHamburger.addEventListener('click',()=>{
navLinks.classList.toggle('mobile-menu')
})
</script>
</html>
