14.01.2013, 20: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.