Lorsqu'une option d'un menu permet de masquer/afficher des sous-menus comme par ex l'option Etudiant on n'associe généralement pas de lien avec. Seules les sous-options du sous-menu sont censées rediriger vers un lien.
En effet si lorsque tu cliques sur Etudiant tu affiches le sous-menu qui disparâit aussitôt pour laisser la place à une nouvelle page à quoi bon ?
Normalement un menu ne devrait jamais être rechargé. Cependant afin de ne pas se brider avec les frames c'est souvent ce qu'on fait.
Par contre en PhP on peut éventuellemnt changé de pages en pré-déroulant un menu donné.
Par ex
1 : Tu charges ta page d'accueil avec le menu : aucun sous-menu n'est affiché
2 : Tu cliques sur le lien Etudiant
3 : La page Etudiant est alors chargée : cette page contient également le menu et affiche le sous-menu étudiant
Ce qui donne :
styles.css (feuille de styles) :
*
{
font-family : arial;
}
.menu
{
font-size : 12pt;
font-weight : bold;
font-color : #0000C0;
}
.sous_menu
{
font-size : 10pt;
font-weight : normal;
font-color : #0000C0;
margin-left : 20px;
}
.titre
{
font-size : 18pt;
font-weight : bold;
}
main.php (page de démarrage) :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<link rel="stylesheet" href="styles.css" type="text/css">
</head>
<body>
<?php
include('menu.php');
?>
</body>
</html>
menu.php :
<?php
$menuID="";
if (isset($_GET["menuID"])) $menuID=$_GET["menuID"];
?>
<table class="menu" width="200px">
<tr>
<td>
<a href="page_accueil.php?menuID=accueil">Accueil</a>
<?php
if ($menuID == "accueil")
{
include("sousmenu_accueil.php");
}
?>
</td>
</tr>
<tr>
<td>
<a href="page_etudiant.php?menuID=etudiant">Etudiants</a>
<?php
if ($menuID == "etudiant")
{
include("sousmenu_etudiant.php");
}
?>
</td>
</tr>
</table>
page_acccueil.php :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Page accueil</title>
<link rel="stylesheet" href="styles.css" type="text/css">
</head>
<body>
<table>
<tr>
<td>
<?php
include('menu.php');
?>
</td>
<td>
<p class="titre">Vous êtes sur la page accueil ! </p>
</td>
</tr>
</table>
</body>
</html>
page_etudiant.php :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Page étudiant</title>
<link rel="stylesheet" href="styles.css" type="text/css">
</head>
<body>
<table>
<tr>
<td>
<?php
include('menu.php');
?>
</td>
<td>
<p class="titre">Vous êtes sur la page étudiant ! </p>
</td>
</tr>
</table>
</body>
</html>
Copie toutes les pages dans un sous-répertoire accessible à ton serveur PHP en les nommants comme indiqué puis lance
http://(adresse de ton serveu PHP)/main.php
