Affichage requête depuis la BDD
Bonjour,
Voici le code :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76
| <!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<link rel="stylesheet" href="../css/bootstrap.css">
<link rel="stylesheet" href="../css/style.css">
<link rel="stylesheet" href="../css/carousel.css">
<title>La quatrième dimension</title>
<script src="../js/jquery.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script language="javascript" type="text/javascript"></script>
<body>
<?php
require_once('navigation.php');
?>
<div id="saison">
<div class="container">
<div class="row">
<div class="col-sm-12">
<?php
require ('bdd_connect.php');
$response=$bdd->query('SELECT * FROM saison1');
$saison1=$response->fetchAll();
$response->closeCursor();
if(!empty($saison1)){
foreach ($saison1 as $data){?>
<section id="titreEpisodes">
<div class="col-sm-12">
<?php
echo '<li><a href="#'.htmlspecialchars($data['titre']).'">'.htmlspecialchars($data['episodesaison']).' '.htmlspecialchars($data['titre']).'</a></li>';
?>
</div>
</section>
<?php
}
foreach ($saison1 as $data){?>
<section id="<?php htmlspecialchars($data['titre']); ?>">
<div>
<div class="col-sm-9">
<?php
echo'<p>'.'<span style="font-weight:bold;font-size:15px;">'.'Titre de l\'épisode : '.'</span>'.htmlspecialchars($data['titre']).'<br>'.'<span style="font-weight:bold;font-size:15px;">'.'Saison : '.'</span>'.htmlspecialchars($data['saison']).'<br>'.'<span style="font-weight:bold;font-size:15px;">'.'Episode de la saison : '.'</span>'.htmlspecialchars($data['episodesaison']).'<br>'.'<span style="font-weight:bold;font-size:15px;">'.'Episode : '.'</span>'.htmlspecialchars($data['episode']).'<br>'.'<span style="font-weight:bold;font-size:15px;">'.'Date de 1ère diffusion : '.'</span>'.htmlspecialchars($data['diffusion']).'<br>'.'<span style="font-weight:bold;font-size:15px;">'.'Scénariste : '.'</span>'.htmlspecialchars($data['scenariste']).'<br>'.'<span style="font-weight:bold;font-size:15px;">'.'Réalisateur : '.'</span>'.htmlspecialchars($data['realisateur']).'<br>'.'<span style="font-weight:bold;font-size:15px;">'.'Distribution : '.'</span>'.htmlspecialchars($data['distribution']).'<br>'.'</p>';?>
</div>
</div>
</section>
<div id="ImageEpisode">
<div class="col-sm-3">
<?php echo '<img src="'.htmlspecialchars($data['image']).'">'.'<br><br>';?>
</div>
</div>
<div id="Resume">
<div class="col-sm-12">
<?php
echo '<p>'.'<span style="font-weight:bold;font-size:15px;">'.'Résumé : '.'</span>'.htmlspecialchars($data['resume']).'</p>';
?>
</div>
</div>
<?php
}
}
?>
</div>
</div>
</div>
</div>
<script type="application/javascript" src="js/jquery-3.1.1.min.js"></script>
<script src="js/script.js"></script>
</body>
</html> |
Ce que je souhaite faire, c'est afficher le résumé de l'épisode à chaque fois que je clique sur le titre de l'épisode et quand on reclique dessus, le résumé s'enlève. Je cherche depuis plusieurs jours sans trouver la réponse.
Merci par avance.