Bonsoir,

débutant en Javascript, je désirais savoir si à l'aide de ce langage, ce serait possible de faire une condition selon la page où l'on se trouve. Par exemple, si je souhaite surligner un onglet du menu en fonction de la page où l'on est. (exemple : si sur l'accueil, alors l’icône accueil du menu est surlignée, si sur forum alors icône forum du menu est surlignée).

En espérant être assez clair

Louis.

Salut,

tu peux regarder window.location.pathname pour récupérer la partie qui désigne ta page dans l'url.
Par exemple, ici, le pathname est "/forum/sujet/condition-javascript-selon-la-page".

Reste ensuite à faire ce que tu veux de cette information, en utilisant un switch par exemple.

Après faut pas oublier que ce genre de chose est faisable en CSS classique. Il est rare que tu le fasse en JS pour un site simple (sans framework JS front), donc là ce que tu essaies de faire est assez inutile. De plus, vu que ça ne s'appliquera que lorsque le JS est exécuté et la page chargée (il va pas pouvoir querySelector les éléments du dom sinon), tu vas d'abord ne rien voir puis voir apparaître la couleur sur un des éléments...pas top.

Même en choisissant de faire du JS, le switch, c'est hyper sale ici. Définis juste un identificateur par élément du menu (disons dans le dataset au hasard). Ensuite, chope directement le bon élément via un querySelector et applique lui une classe CSS. Pas besoin d'un switch en dur. 

-
Edité par Genroa 29 avril 2018 à 10:49:54

Merci pour vos réponses. J'ai finalement écouté Genroa et ai tout fait en css sur toutes les pages, même si malgré ses défauts dans cet exemple, le code en javascript est quand même beaucoup plus rapide à écrire...

Bonne continuation !