par
tomy29 » 10 févr. 2013, 15:23
Je reviens sur ce sujet. J'aimerais qu'une fois que j'ai cliqué sur un élément du menu et que la page correspondante s'affiche, l'élément du menu sur lequel j'ai cliqué ait un style particulier. Ca pourrait fair l'objet d'un post dans un forum css mais comme il y a du PHP je tente ma chance ici. J'ai suivi quelques tutoriels mais sans succès. Le lien active ne change pas de style.
index.php:
<!doctype html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/default.css">
</head>
<body>
<header>
<?php include('header.php');?>
</header>
<nav>
<?php include('menu.php');?>
</nav>
<div class="content">
<?php include($_GET['page'].'.php');?>
</div>
</body>
</html>
menu.php:
<ul id="navigation">
<li><a href="index.php?page=myLists" <?php if ($page == 'myLists.php') { ?>class="active"<?php } ?>>My Lists</a></li>
<li><a href="index.php?page=worldLists" <?php if ($page == 'worldLists.php') { ?>class="active"<?php } ?>>World Lists</a></li>
<li><a href="index.php?page=profile" <?php if ($page == 'profile.php') { ?>class="active"<?php } ?>>Profile</a></li>
</ul>
default.css:
...
...
nav a.active {
background: #95A9B1;
}
Dans chaque fichier (myLists.php, worldLists.php, profile.php) j'ai mis l'instruction : $page = basename(__FILE__);
Il suffirait de mettre $page en Session pour y accéder dans le menu?
Merci d'avance pour vos réponses.
Je reviens sur ce sujet. J'aimerais qu'une fois que j'ai cliqué sur un élément du menu et que la page correspondante s'affiche, l'élément du menu sur lequel j'ai cliqué ait un style particulier. Ca pourrait fair l'objet d'un post dans un forum css mais comme il y a du PHP je tente ma chance ici. J'ai suivi quelques tutoriels mais sans succès. Le lien active ne change pas de style.
index.php:
[php]<!doctype html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/default.css">
</head>
<body>
<header>
<?php include('header.php');?>
</header>
<nav>
<?php include('menu.php');?>
</nav>
<div class="content">
<?php include($_GET['page'].'.php');?>
</div>
</body>
</html>[/php]
menu.php:
[php]<ul id="navigation">
<li><a href="index.php?page=myLists" <?php if ($page == 'myLists.php') { ?>class="active"<?php } ?>>My Lists</a></li>
<li><a href="index.php?page=worldLists" <?php if ($page == 'worldLists.php') { ?>class="active"<?php } ?>>World Lists</a></li>
<li><a href="index.php?page=profile" <?php if ($page == 'profile.php') { ?>class="active"<?php } ?>>Profile</a></li>
</ul>[/php]
default.css:
[css]...
...
nav a.active {
background: #95A9B1;
}[/css]
Dans chaque fichier (myLists.php, worldLists.php, profile.php) j'ai mis l'instruction : $page = basename(__FILE__);
Il suffirait de mettre $page en Session pour y accéder dans le menu?
Merci d'avance pour vos réponses.