Exercice

Le but de l'exercice est de cliquer sur le titre d'un livre et d'afficher sa photo correspondante.

Exemple

Dans le dossier get, ajoutez le dossier images téléchargez et ajoutez les images.

Dans le dossier get, ajoutez le fichier choix.php

Exercice :

  • Modifiez les liens pour qu'ils appellent la page affichage.php avec la variable livre qui contient le nom du livre.

1
<!doctype html>
2
<html lang="fr">
3
    <head>
4
        <meta charset="utf-8" />
5
        <title>GET - Image</title>
6
    </head>
7
    <body>
8
        <main>
9
            <h1>Get - Image</h1>
10
            <ul>
11
                <li><a href=''>gardezLeMeilleur</a></li>
12
                <li><a href=''>javascript</a></li>
13
                <li><a href=''>jquery</a></li>
14
                <li><a href=''>jQueryWeb2</a></li>
15
                <li><a href=''>pourLeWeb2</a></li>
16
            </ul>
17
        </main>
18
    </body>
19
</html>

Dans le dossier get, ajoutez le fichier affichage.php

  • Ajoutez la source de l'image en tenant compte de $_GET['livre'].

  • Ajoutez le figcaption en tenant compte de $_GET['livre'].

1
<!DOCTYPE html>
2
<html lang="fr">
3
4
<head>
5
    <title>Traitement - Get</title>
6
    <meta charset="UTF-8" />
7
</head>
8
9
<body>
10
    <main class="container">
11
        <h1>Traitement - GET</h1>
12
13
        <figure>
14
            <img src='' />
15
            <figcaption></figcaption>
16
        </figure>
17
18
        <div>
19
            <a href="choix.php"><button>Retour</button></a>
20
        </div>
21
22
    </main>
23
</body>

Tapez dans votre navigateur : localhost/transmission/get/choix.php