14.01.2013 o 19:25

[HTML][JS] Highlighter - aktywny link w menu


Zastanawialiście się czasem jak zrobić aktywny link, tzn. taki który jest podświetlony gdy jesteśmy na danej podstronie i link właśnie do niej prowadzi?

Rozwiązaniem tego jest Highlighter, już nie pamiętam z jakiej strony pobierałem, ale można pobrać z mojego serwer klikając tutaj.


Jak edytować skrypt Highlighter? To bardzo proste, na stronie na której ma funkcjonować ten skrypt dodajemy poniższy kod pomiędzy <head>....</head>:
<script language="javascript" src="highlighter.js" ></ script>

A pod menu zaraz za ostatnim </ul> dajemy:
<script language="javascript" >setPage();</ script>

Teraz musimy wejść w plik highlighter.js i na samym dole, w miejscu gdzie pisze:
if (document.getElementById("menu")!=null)        setActiveMenu(document.getElementById("menu").getElementsByTag...

I tam gdzie mamy napisane menu, dajemy id naszego menu, chodzi tutaj o pierwszy <ul>, który rozpoczyna nasze menu:
<ul id="menu">

W stylu naszego szablonu (np. styl.css) dodajemy cześć kodu odpowiadająca za nasz aktywny link np.:
#menu li a.current {
     color: #FF0000;
}

W tym przypadku aktywny link będzie koloru czerwonego.

Komentarze
Tympus (29.11.2013 o 13:37)
Świetne !!! dzięki :)
Darek (30.11.2013 o 11:29)
Dzięki.Tego szukałem.Działa super!!!.
Pozdrawiam.
© 2010 - 2018 - Karol Drąg
Wszelkie prawa zastrzeżone
Polityka plików cookies