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>
<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;
}
color: #FF0000;
}
W tym przypadku aktywny link będzie koloru czerwonego.
30.08.2012 o 23:08
14.12.2017 o 9:20
Komentarze
