Salut à toutes et tous,

Je suis un complet débutant en javascript et php.
J'utilise un include sur toutes mes pages pour afficher mon menu — chose très classique.
Mon souci est : selon mes pages, l'item de la page en cours dans mon menu doit avoir un background-poisition différent.
Je détaille…
Dans toutes mes pages, j'écris ça :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
<?php include("../../../menu_principal.php");  ?>
Mon menu est :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
<ul id="menu" >
    <li><a class="accueil" href="accueil.php">&nbsp;</a></li>
    <li><a class="auteur" href="pages/auteur.php">&nbsp;</a>
    	<ul class="sousMenu">
        <li><a href="pages/auteur/livres.php">Livres</a></li>
            <li><a href="pages/auteur/articles.php">Articles</a></li>
            <li><a href="pages/auteur/sciences.php">Sciences</a></li>
        </ul>
    </li>
    <li><a class="bio" href="pages/bio.php">&nbsp;</a></li>
    <li><a class="contact" href="pages/contact.php">&nbsp;</a></li>
  </ul>
Par exemple, quand on se trouve sur la page d'Accueil, je voudrais que le <li><a class="auteur"> affiche un background-position ordinaire (center top). Mais quand on est sur cette page Auteur, je voudrais que le background-position devienne : center -37px.
Je voudrais le faire en javascript.

Ça doit être simple, mais ça fait des heures que je traîne là-dessus — Quelqu'un peut-il m'aider, s'il vous plaît ?

Par avance, merci…