Affichage requête depuis la BDD

Invité · 20/02/2018, 12h46

Bonjour,

Voici le code :

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

Affichage requête depuis la BDD

JavaScript

Mode arborescent

Discussions similaires

Partager

Partager