Corsi on-line

Evidenziare i link alla pagina corrente con jQuery

In questo breve articolo vedremo come sia possibile utilizzare una funzionacina basata sul framework Ajax jQuery per evidenziare tutti i link che puntano alla pagina corrente, sia i collegamenti relativi che quelli assoluti; il codice da utilizzare è abbastanza ridotto, si tratta in pratica di un semplice snippet che potrà essere incluso in qualsiasi pagina lo si desideri utilizzare.

Ecco il codice della nostra piccola funzione:

$(function(){
       $("a").each(function(){
               if ($(this).attr("href") == window.location.pathname){
                       $(this).addClass("selected");
               }
       });
});

Come è possibile notare, lo snippet non contiene nulla di particolarmente complesso, in pratica la funzione non fa altro che aggiungere la classe denominata “selected” a tutti i collegamenti ipertestuali relativi alla pagina corrente.

Post correlati
I più letti del mese
Tematiche