logo blackCitron Noir
Contact

Ajouter la class CSS .active au lien actuel de la page

Ce code permet de marquer comme 'active' les liens qui pointent vers la page actuellement affichée dans le navigateur. Cela peut être utile pour mettre en évidence le lien vers la page en cours de consultation dans un menu de navigation, par exemple.

Partager : 

Personnaliser la pagination avec FlexBox

Ajouter ce code dans un codeblock d'Oxygen Builder > Custom Javascript

jQuery(function(){
    var current = window.location.href;
    jQuery('.MA-CLASSE').each(function(){
        var $this = jQuery(this);
        if($this.attr('href') === current){
            $this.addClass('active');
        }
    });
});
//Changer .MA-CLASSE par la classe du lien à Tagger
//Ajouter .MA-CLASSE.active pour personnaliser le lien actuel

Ce snippet jQuery a pour fonction de parcourir toutes les balises HTML ayant la classe 'MA-CLASSE' sur une page web. Il vérifie ensuite si l'attribut 'href' de chaque balise correspond à l'URL actuelle de la fenêtre du navigateur (stockée dans la variable 'current').

Si l'attribut 'href' d'une balise 'MA-CLASSE' correspond à l'URL actuelle, alors cette balise se voit ajouter la classe 'active'.

En résumé, ce code permet de marquer comme 'active' les liens qui pointent vers la page actuellement affichée dans le navigateur. Cela peut être utile pour mettre en évidence le lien vers la page en cours de consultation dans un menu de navigation, par exemple.

Les autres Snippets