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 devientcomme précisé plus haut, et la recherche s’effectue de la même façon
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2 var sRef=document.location.href.split('/'); sRef = sRef[sRef.length-1] || 'index.html';
les liens du menu sont évidement à modifier du type
Code : Sélectionner tout - Visualiser dans une fenêtre à part
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; } }
par exemple.
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
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>
La partie script est à mettre dans toutes les pages, privilégies un fichier JS autonome.
Partager