Discussion :

[caema]

Bonjour à tous,


J'ai une petite question à vous poser, j'ai en effet quelques difficultés avec la réalisation d'un travail pour ma formation web dev.

J'ai un site assez basique à gérer en PHP (derrière viendra se greffer, dans le futur, un site d'admin).

J'ai donc une page index, qui fonctionne avec divers "include", pour le menu, le footer etc.

Mon menu est horizontal, il est réalisé avec un <ul>.
Lorsque je suis sur une page, l'onglet du menu qui correspond à cette page, change de couleur.

Alors je sais pas top, p-ê est-ce à cause d'un long mois de vacances, mais j'ai du mal à gérer cela. C'est pourtant tout c**...

Quelqu'un ici pourrait-il [elle] m'aider svp, et m'expliquer le pourquoi du comment?



Grand merci à vous!

[Seb33300]

Je ne suis pas sur d'avoir compris.

Tu dis que quand tu changes de page, le menu change de couleur ?
Ou au contraire, c'est ce que tu cherches à faire ?

Pour changer la couleur d'un menu d'une page à une autre, tu peux par exemple charger un css différent.

[Benjamin Delespierre]

Tu peux par exemple renseigner une variable $section dans la page afin que lors que le menu sera inclu, il puisse poser une classe spécifique sur le bon élément de menu.

Exemple basique:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<style type="text/css" media="screen">
#menu {
    list-style-type: none;
}
#menu li {
    margin: 5px;
    padding: 5px;
    border: 1px solid #333;
    color: #333;
    background: white;
}
#menu li.select {
    font-size: bold;
    background-color: #efefef;
}
</style>
<ul id="menu">
    <li <?php if ($section == 'accueil'): ?>class="selected"<?php endif ?>>Accueil</li>
    <li <?php if ($section == 'contact'): ?>class="selected"<?php endif ?>>Contact</li>
    <li <?php if ($section == 'projets'): ?>class="selected"<?php endif ?>>Projets</li>
</ul>

[caema]

Bah en fait, le menu, c'est une simple barre horizontale noire, avec les liens:

• accueil
• service
• equipe
• contact

Lorsque je clique sur contact par exemple, je vais donc vers la page contact, et une fois sur cette page, le fond du menu, autour du mot contact, devient vert.

Mister Benjamin, je viens de tester votre méthode, mais j'ai une interrogation: la variable $section, c'est bien sur ma page d'index que je dois la déclarer?
Et je suis perdue lol: je mets $section = ???

J'ai l'impression d'être paumée moi! lol

[Benjamin Delespierre]

Lorsque je clique sur contact par exemple, je vais donc vers la page contact, et une fois sur cette page, le fond du menu, autour du mot contact, devient vert.

C'est ce que tu veux ou bien c'est ce que tu as déjà ?

[caema]

C'est ce que je souhaite obtenir en fait ;-)

[Benjamin Delespierre]

Dans ta page contact, par exemple, tu renseigne la variable $section = "contact" avant d'inclure le menu. Et tu fais ton menu comme je te l'ai montré.

[caema]

En vous remerciant ;-)