Changer la couleur des liens menu actif

t671 Messages postés 1638 Date d'inscription   Statut Membre Dernière intervention   -  
avion-f16 Messages postés 20368 Date d'inscription   Statut Contributeur Dernière intervention   -
Bonjour,

J'ai mon script php qui affiche les pages désirées dans une "frame", et donc mon menu reste toujours visible (la page d'affichage du menu ne change pas).
Par contre, je voudrais que si j'affiche la page A, le lien dans le menu correspondant à la page A change de couleur.
Comment faire ça ?

<div class="menu2">
<a class="bouton" href="index_FR.php?page=accueil">Qui sommes nous</a>
<a class="bouton" href="index_FR.php?page=manifestations">Nos prochaines sorties</a>
<a class="bouton" href="index_FR.php?page=choristes">Choristes</a>
.............

</div>

<div class="frame"> 
<?php

$pages=array( 
'manifestations'=>'manifestations_FR.php', 
'choristes'=>'choristes_FR.php',
.........
);
if(isset($_GET['page']) && array_key_exists($_GET['page'],$pages))
include $pages[$_GET['page']];
else
include 'accueil_FR.htm';
?>


et mon CSS des boutons :

.bouton {
display: block;
width: 200px;
height: 20px;
background-color: #C0C0C0;
text-align: center;
font-family: Comic sans MS, verdana, arial, helvetica, sans-serif;
font-size: 15px;
font-weight: bold; 
color: black;
text-decoration: none;
}
.bouton:hover {
background-color: #969696;
color: black;
text-decoration: underline;
}


Il faudrait que class="bouton" devienne class="bouton_hover" si la page de référence est affichée.

Merci pour votre aide
A voir également:

2 réponses

EminoMeneko Messages postés 2499 Statut Membre 318
 
C'est ni plus, ni moins que du CSS.
Il faut implémenter le style pour la balise <A> ou une classe que tu utilisera sur les liens du menu.

http://fr.selfhtml.org/css/proprietes/pseudoformats.htm
0
avion-f16 Messages postés 20368 Date d'inscription   Statut Contributeur Dernière intervention   4 510
 
Les frames sont très mauvaises pour le référencement, je ne sais pas si tu as déjà lu tout ce qu'on dit sur elles. Une navigation avec AJAX serait beaucoup mieux.

Je ne pense pas que ce soit possible en pure CSS (avec les pseudo-formats ":active" ou ":focus", ça partira lorsqu'on cliquera quelque-part).
En Javascript, sur le onclick d'un lien, tu peux remettre la classe pour le statut normal à tous les liens, et sur le lien cliqué, tu lui mets le statut "hover".
Pour modifier une classe, utilise l'attribut className (en JS).
0