Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> podświetlanie linku jeśli przebywam na stronie
jakis_login
post
Post #1





Grupa: Zarejestrowani
Postów: 169
Pomógł: 1
Dołączył: 30.09.2010
Skąd: Gdańsk

Ostrzeżenie: (0%)
-----


Witam
Mam coś takiego: mam po lewej stronie np menu i jak kliknę na jakiś link w tym menu to po prawej pojawia mi się zawartość podstrony tego menu. Tylko teraz chcę zrobić w js (jquery) coś takiego, żeby podświetlało link w tym menu na której stronie aktualnie przebywam np. mam menu: o mnie, kontakt, strona główna i jeśli jestem na stronie głównej do np link w menu 'strona główna' ma opacity: 0.5; a jesli jestem na stronie 'o mnie' to ten link ma mieć opacity na 0.5. Nie chodzi mi o to jak najade myszką na link tylko jak aktualnie przebywam na stronie. mam nadzieje ze jasno wytłumaczyłem.
Go to the top of the page
+Quote Post
gargamel
post
Post #2





Grupa: Zarejestrowani
Postów: 278
Pomógł: 35
Dołączył: 25.06.2010

Ostrzeżenie: (0%)
-----


Podstawowe pytanie - czy klikając w kolejne pozycje menu, wczytujesz nową stronę, czy ładujesz zawartość AJAXem na przykład.
Jeśli opierasz się na JS, to w przypadku jQuery możesz po kliknięciu w dany link (oprócz ładowania zawartości strony) wywoływać na nim addClass('aktywny_link') a na reszcie removeClass('aktywny_link').

Ten post edytował gargamel 7.03.2011, 23:11:23
Go to the top of the page
+Quote Post
jakis_login
post
Post #3





Grupa: Zarejestrowani
Postów: 169
Pomógł: 1
Dołączył: 30.09.2010
Skąd: Gdańsk

Ostrzeżenie: (0%)
-----


Po kliknieciu na link wczytywana jest nowa strona
Go to the top of the page
+Quote Post
gargamel
post
Post #4





Grupa: Zarejestrowani
Postów: 278
Pomógł: 35
Dołączył: 25.06.2010

Ostrzeżenie: (0%)
-----


Takie rzeczy robi się raczej po stronie serwera.
Jeśli koniecznie chcesz zrobić to przeglądarkowo, to możesz np w treści odpowiednich stron wywoływać funkcje nadające odpowiednie klasy odpowiednim linkom.
Może być np w sekcji <head> strony "o mnie" umieszczone
  1. <script type='text/javascript'>document.getElementById('id_linka_o_mnie').className='aktywny_link'</script>
W podobny sposób możesz usuwać klasę aktywny_link z nieaktywnych linków.
Tak czy siak mija się to z celem, bo równie dobrze na tych stronach możesz ręcznie wpisać klasy w odpowiednie linki. Polecam to zrobić w PHP

Ten post edytował gargamel 8.03.2011, 14:57:36
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 3.10.2025 - 11:00