Styliser le lien d'un menu de la page d'accueil

J'ai bien précisé que 'était pour l'exemple, si l'on veux faire la même chose en récupérant le fichier il faut donc utiliser document.location.href.

Le code de récupération devient

Code:

---

1 2	var sRef=document.location.href.split('/'); sRef = sRef[sRef.length-1] || 'index.html';

---

comme précisé plus haut, et la recherche s’effectue de la même façon

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

var oMenu = document.getElementById('menu'); // recup des liens var oLien = oMenu.getElementsByTagName('a'); // parcours des liens for( var i=0, nb=oLien.length; i<nb; i++){ // si contient le paramatre if( oLien[i].href.indexOf( sRef) > -1){ //affecte la class au parent oLien[i].parentNode.className = "lien_inactif"; // desative le lien à l'emporte pièces oLien[i].parentNode.innerHTML = oLien[i].innerHTML // on quitte break; } }

---

les liens du menu sont évidement à modifier du type

Code:

---

1 2 3 4 5

<ul id ="menu"> <li><a href="index.html">Accueil</a></li> <li><a href="contact.html">Contact</a></li> <li><a href="news.html">Toutes les news</a></li> </ul>

---

par exemple.

La partie script est à mettre dans toutes les pages, privilégies un fichier JS autonome.

Merci à tous pour votre aide. :ccool:

Est ce utile d'avoir recours à cela, n'est ce pas plus simple de le faire à la main dans chaque fichier?

Une alternative, à l'instar de l'include du PHP, serait de créer entièrement ton menu DOMesquement au chargement de la page.