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 :
<?php include("../../../menu_principal.php"); ?>
Mon menu est :
1 2 3 4 5 6 7 8 9 10 11 12
| <ul id="menu" >
<li><a class="accueil" href="accueil.php"> </a></li>
<li><a class="auteur" href="pages/auteur.php"> </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"> </a></li>
<li><a class="contact" href="pages/contact.php"> </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…
Partager