Programmation PHP/Exemples/Sommaire

Un livre de Wikibooks.

< Programmation PHP

Aller à : Navigation, Rechercher

Programmation PHP

Département Informatique

Plan

Introduction
Installer PHP
Bases du langage
Apprendre par l'exemple
- Leçon n° 1 : Premier programme en php
- Leçon n° 2 : Utilisation de variables
- Leçon n° 3 : Un sommaire simple
- Leçon n° 4 : Interaction avec un formulaire
- Leçon n° 5 : Afficher le résultat d'une requête
- Leçon n° 6 : Modifier une table
- Leçon n° 7 : Faire un livre d'or
- Leçon n° 8 : Faire un mini CMS
- Leçon n° 9 : Faire un mini forum de discussion
- Leçon n° 10 : Parser du xml avec domXml
Apprendre AJAX
- Leçon n° 1 : Un sommaire sous AJAX
- Leçon n° 2 : Mettre à jour périodiquement un cadre
Dossiers

Modifier ce modèle

Sections

1 Un sommaire simple

[modifier] Un sommaire simple

Imaginons un site Web composé de 4 pages entre lesquelles on peut naviguer grâce à un sommaire. Notre sommaire est par exemple à gauche de l'écran et contient 4 liens hypertextes : page 1, page 2, page 3 et page 4. A droite de l'écran, le contenu principal de la page change en fonction de la page affichée. Par contre notre sommaire apparaît lui sur chacune des pages.

[modifier] Le programme en php

Fichier index.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
  <head>
    <title>Sommaire en PHP !</title>
  <style type="text/css">
  #sommaire
  {
  position:absolute;
  background-color:cyan;
  left:10px;
  width:100px;
  }
 
  #page
  {
  position:absolute;
  background-color:#AAAAAA;
  left : 200px;
  width:500px;
  height:500px;
  }
  </style>
  </head>
  <body>
 
    <div id="sommaire">
        <h3>Sommaire</h3>
        <a href="index.php?page=1">Page 1</a><br/>
        <a href="index.php?page=2">Page 2</a><br/>
        <a href="index.php?page=3">Page 3</a><br/>
        <a href="index.php?page=4">Page 4</a><br/>
    </div>
 
    <div id="page">
        <?php
        if (isset($_GET['page'])) $page=$_GET['page']; else $page='1';
        require 'page'.$page.'.html';
        ?>
    </div>
 
  </body>
</html>

fichier page1.html

<h1>Page 1</h1>
bla bla bla

fichier page2.html

<h1>Page 2</h1>
ble ble ble

fichier page3.html

<h1>Page 3</h1>
bli bli bli

fichier page4.html

<h1>Page 4</h1>
blo blo blo

[modifier] Explications

Dans ce programme, la page est découpée en 2 parties : à gauche une partie ayant comme id sommaire et à droite une page ayant comme id page.
La page de id sommaire se verra appliqué le style #sommaire de la feuille de style et la page de id page le style #page.
Le sommaire est constitué de 4 liens hypertextes appelant respectivement index.php?page=1, index.php?page=2, index.php?page=3, index.php?page=4. Lorsqu'on met un point d'interrogation après l'URL d'une page, cela signifie qu'on passe un paramètre à la page par la méthode GET. Lorsqu'on clique sur un des 4 liens hypertextes, on appelle à chaque fois la même page index.php mais à chaque fois la valeur du paramètre nommé page change : il vaut 1, 2, 3 ou 4 en fonction de la page.
Dans la page index.php, dans la partie page, on va récupérer la valeur du paramètre page, passée par la méthode GET en écrivant $_GET['page']. Ce paramètre peut très bien ne pas exister : ceci a lieu notamment la première fois qu'on appelle notre page index.php. Dans ce cas, la variable isset(...) permet de savoir si une variable existe. La ligne if (isset($_GET['page']))$page=$_GET['page']; else $page='1'; récupère donc dans $page, la valeur du paramètre page. Si ce paramètre n'existe pas $page vaut 1.
La fonction require'nom_du_fichier'; permet d'insérer un fichier à cet endroit dans le code. On insérera donc page1.html ou page2.html ou page3.html ou page4.html en fonction de la valeur du paramètre page.
Notre sommaire est terminé.