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.

**ProgElecT** · 25/02/2018, 16h17

Salut

A quoi sert la ligne 15 du code ? <script language="javascript" type="text/javascript"></script>.

Invité · 25/02/2018, 18h36

Je l'ai mis dans le cas où j'aurais du JS

**NoSmoking** · 26/02/2018, 10h47

Bonjour,
dans ce cas ne le mets que si tu as du JS.

Pour ton soucis, et comme tu charges BootStrap, pourquoi ne pas utiliser ses fonctionnalités comme par exemple collapse ?

Code html :

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

1
2
3
4
5
<h1 class="btn-info" data-toggle="collapse" data-target="#article">Titre</h1>
<div id="article" class="collapse">
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer lacus nunc, volutpat posuere rhoncus in, malesuada sed orci. </p>
  <p>Maecenas feugiat tincidunt risus, ut finibus est</p>
</div>

Affichage requête depuis la BDD

JavaScript

Vue hybride

Discussions similaires

Partager

Partager