• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Zmiana koloru dla aktywnej nawigacji

VPS Starter Arubacloud
0 głosów
297 wizyt
pytanie zadane 4 kwietnia 2016 w JavaScript przez Barus Stary wyjadacz (14,120 p.)
Witam!

Proszę o pomoc. Jak mógłby przykładowo wyglądać skrypt, który zmieniłby kolor aktywnego elementu nawigacji ? W sensie - załóżmy, że posiadam 3 elementy menu: Home, O mnie, Kontakt. Po najechaniu na dany element kolor można zmienić w CSS atrybutem hover, ale jak zmienić kolor na czas, w którym znajduję się na danej podstronie ? Np. kiedy wejdę na "Home", to kolor tego elementu będzie zmieniony do czasu kiedy przykładowo przejdę na "Kontakt", wtedy chciałbym, żeby to kolor elementu "Kontakt" został zmieniony. Proszę uprzejmie o poradę.

Pozdrawiam!

1 odpowiedź

+1 głos
odpowiedź 5 kwietnia 2016 przez iwan9449 Pasjonat (20,810 p.)
Najprościej do elementu menu dodać klasę np.: active, w niej odpowiednio ostylujesz aktywny element menu i w zależności od tego jak działa Twoja strona możesz tą klase dodawać ręcznie na odpowiednich podstronach do odpowiednich elementów albo wykorzystać do tego np js.

Pozdrawiam!
komentarz 5 kwietnia 2016 przez Barus Stary wyjadacz (14,120 p.)
Rozumiem :) A jakby to mogło wyglądać właśnie w JS? Chodzi mi tylko o przykładowy skrypt, który podmieniłby ten kolor.

Dziękuję za odpowiedź!
1
komentarz 5 kwietnia 2016 przez iwan9449 Pasjonat (20,810 p.)
Możesz do każdego elementu menu przypisać zdarzenie click z funkcją, w której będzie przypisywał klasę active elementowi na który klikasz i usuwał tą klasę z pozostałych elementów listy.

Pozdrawiam!
komentarz 5 kwietnia 2016 przez Barus Stary wyjadacz (14,120 p.)
Czyli załóżmy w wielkim skrócie, że mam menu na liście numerowanej i do niej przypisuję zdarzenie onclick, w którym podaję nazwę funkcji z JS oraz posiadam jakąś klasę, którą wystylizuję na kolor, który ma być zmieniony. Wewnątrz ciała funkcji w JS, gdy nastąpi zdarzenie onclick danego elementu listy przypisuję wystylizowaną klasę, a reszcie elementów przypisuję tradycyjny wygląd ? :)
1
komentarz 5 kwietnia 2016 przez iwan9449 Pasjonat (20,810 p.)
edycja 5 kwietnia 2016 przez iwan9449
W dużym skrócie tak, z tym, że zdarzenie kliknięcia przypisujesz elementom listy, nie całej liście, (nie miałoby to sensu) :) Oczywiście zakładam, że znacz js w takim stopniu, żeby napisać odpowiedni skrypt :)
komentarz 5 kwietnia 2016 przez Barus Stary wyjadacz (14,120 p.)
Tak i tak :) Przecież nie przypisze onclick'a dla <ol> czy <ul>, to nielogiczne :)

Dziękuję za odpowiedzi i pomoc :) Pozdrawiam!

Podobne pytania

0 głosów
1 odpowiedź 521 wizyt
pytanie zadane 9 sierpnia 2019 w JavaScript przez Luckyluck87 Użytkownik (660 p.)
0 głosów
0 odpowiedzi 118 wizyt
pytanie zadane 11 lutego 2020 w OpenGL, Unity przez Alan Kruszyński Obywatel (1,410 p.)
0 głosów
2 odpowiedzi 156 wizyt
pytanie zadane 22 grudnia 2016 w JavaScript przez n0s1gnal Użytkownik (700 p.)

92,451 zapytań

141,261 odpowiedzi

319,073 komentarzy

61,853 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...