WEB-d Développement Web

PHP, SQL, HTML5, CSS3, Javascript, Mootools, Référencement, SEO, CMS, e-commerce, Apache, Linux, Ubuntu, ...

Mettre automatiquement en évidence le lien actif d'un menu

Dans un menu, Javascript permet de mettre automatiquement en évidence le lien actif. Le code ci-dessous utilise Mootools pour donner la classe "active-link" au lien actif.


window.addEvent("domready", function() {
    $("menu").getElements("a").each(function(element){
        href = element.get("href");
        if (window.location.pathname.substr(0, href.length) == href) {
            element.set("class", "active-link");
        }
    });
};

Articles similaires