Autour de Laravel

faire changer la couleur du titre sélectionné dans le menu de navigation

Avatar de mpollocharlesstean
mpollocharlesstean

Bonjour à tous mon soucis est le suivant : je voudrais que sur mon menu de navigation : (Acceuil, Team, Services, Realisation, Contact) quand un visiteur clique sur un des liens du menu entre parenthèse, que le titre du lien change de couleur et les autres liens gardent la même couleur.

Exemple : le visiteur clique sur Acceuil cet éléméent prend la coloration rouge, tandis que (Team, Service, Realisation, Contact), restent de coloration blanche. voici le code de mon menu de naviagtion (qui se trouve dans le fichier header.blade.php contenu dans le dossier (include).

code :

                                        <!-- Page02 à propos de nous -->
                                        <li>
                                            <a href="{{ URL::to('/a_propos') }}"><span>A Propos</span></a>
                                        </li>

                                        <!-- Page03 notre équipe -->
                                        <li>
                                            <a href="{{ URL::to('/notre_equipe') }}"><span>La Team</span></a>
                                        </li>

                                        <!-- Page04 service -->
                                        <li>
                                            <a href="{{ URL::to('/nos_services') }}"><span>Services</span></a>
                                        </li>

                                        <!-- Page05 Blog -->
                                        <li>
                                            <a href="{{ URL::to('/realisation') }}"><span>Réalisations</span></a>
                                        </li>

                                        <!-- Page06 contactez-nous -->
                                        <li>
                                            <a href="{{ URL::to('/contactez_nous') }}"><span>Contact</span></a>
                                        </li>

                                        
                               Je vous remercie par avance de vôtre aide.
Posté il y a 1 mois
Avatar de CinquièmeDimension
CinquièmeDimension

Salut,

Tu peux faire un truc par exemple:

class="{{ request()->is('a_propos') ? 'active' : '' }}" Rajouter simplement la classe active si la route en cours corresponds à ton entrée de menu. (Il faut que tes routes ait des name donc, hein)

Posté il y a 1 mois
Avatar de mpollocharlesstean
mpollocharlesstean

salut merci déjà d'avoir répondu, ceci dit : voici le code de toutes mes routes dans web.php

Posté il y a 1 mois
Avatar de CinquièmeDimension
CinquièmeDimension

Tu n'as pas mis dans un </>

Posté il y a 1 mois

Vous ne pouvez pas répondre à ce sujet.