W jaki sposób w tym menu: http://www.cssmenumaker.com/menu/blue-tabbed-drop-down
przypisać klasę .active to tego odnośnika w menu, który obecnie jest kliknięty ? Obecnie jest tak, że na sztywno jest przypisana klasa .active do odnosnika Home. Ja chcę zrobić tak, że jeśli kliknę np. w about to odnośnik about uzyska klasę .active i to on będzie niebieski, a nie home. Jeśli kliknę Contact to odnośnik "Contact" będzie miał klasę .active i będzie niebieski, a nie odnośik Home itd.
Wydaje mi się, że można to zrobić jakoś za pomocą .css, myślałem, że będzie to:



ale to jednak nie to bo nie działa.

w CSS masz stany: active, focus, hover, visited - ale za ich pomocą nie zrobisz tak że przeglądarka będzie wiedziała który przycisk jest aktywny.
Możesz do tego wykorzystać JS i za jego pomocą ustawiać klasę dla klikniętego elementu lub za pomocą chociażby PHP, że po przeładowaniu strony aktywny będzie przycisk odnoszący się do załadowanej strony.

Właśnie, tydzień oswajam się z js i zastanawiam się jak przypisać dla danego elemenetu klasę ? Bo tekst wiem jak przypisać:



I teraz dany element przyjmie TEKST - "jakis tam tekst". Ale jak to zrobić z klasą css ?

[PHP] pobierz, plaintext 
document.getElementById("idElement").setAttribute("class", "className");
[PHP] pobierz, plaintext 

A aktualny url możesz pobrać tak: document.URL

Kod:



HTML:

[HTML] pobierz, plaintext 
<div class='menu'>
<ul>
   <li id="one"><a onclick="change_class('one')" href='index.html'><span>Home</span></a></li>
   <li id="two"><a onclick="change_class('two')" href='#'><span>Logowanie</span></a>
      <ul>
         <li><a href='#'><span>Rejestracja</span></a></li>
         <li><a href='#'><span>Pryzpomnij hasło</span></a></li>
      </ul>
   </li>
   <li id="three"><a onclick="change_class('three')" href='#'><span>O nas</span></a></li>
   <li id="four"><a onclick="change_class('four')" href='#'><span>Kontakt</span></a></li>
</ul>
</div>
[HTML] pobierz, plaintext 

Firebug wywala mi jakies missing: before statement, wskazując na kropkę po słowie document w kodzie funkcji. Cóż znowu jest nie tak?

Wywal z tej funkcji var

Faak, działa, dzięki. Powiedz mi tylko jakiej reakcji użyć bo onclick niby działa, ale jak najade kursorem to nagle...niebieskie tło znika.

Popatrz sobie po stylach jakie masz ustawione, może nadpisujesz :hover wygląd

Hover był, wywaliłem. Obecnie przy onclick jest tak, że tło się trzyma po kliknięciu aż do...końca ładowania się strony, wtedy znowu znika.

To oczywiste chyba, że js nie zapamiętuje swoich stanów po przeładowaniu strony. Albo ustalasz w php przy wczytywaniu strony klasy dla aktywnej strony na podstawie adresu. Albo w js po wczytaniu strony na podstawie adresu dodajesz klasę active odpowiednim elementom (kupa roboty).

ok, dzięki.