Bagaimana cara merubah tampilan link yang sedang aktif?

Gimana sih konsep agar link(menu) halaman yang sedang aktif latar belakangnya berbeda dengan yang lain. Saya coba dengan css pseudo class "a:active{}" tapi ini agak berbeda. Karena nampaknya "active" yang dimaksud di sini hanya ketika diklik dan ditahan (mohon luruskan kalau ada yang salah). Atau masalah seperti ini dikerjakan dengan javascript atau jquery?

Mohon penjelasannya dan contoh scriptnya. Thanks before...

avatar onirusama
@onirusama

265 Kontribusi 184 Poin

Diperbarui 8 tahun yang lalu

4 Jawaban:

Ada banyak cara, kalo ngerjain websitenya statis, cuman pake html -css. tinggal masing masing nama menunya dikasih nama kelas atau id yang beda-beda. nanti disetiap halamannya, pasangkan css khusus di halaman tersebut. Misalnya lagi di halaman home, tulis css, untuk halaman itu aja, jadi internal, #home { color:red; }

avatar immeng
@immeng

10 Kontribusi 18 Poin

Dipost 8 tahun yang lalu

kalau untuk yang statis sudah bisa om. kalau websitenya dinamis bisa g pake syntax php? Semisal "if halamanya adalah home maka warnanya merah bla... bla...". Atau ada g syntax php buat mengetahui mana halaman yang sedang terbuka? Kalau ada mohon penjelasan scriptnya bang.

avatar onirusama
@onirusama

265 Kontribusi 184 Poin

Dipost 8 tahun yang lalu

Jawaban Terpilih

dibanding php lebih efisien javascript kayanya, karena javscript bisa ngubah css juga.. ini contoh ngecek apakah ada stirng /text tertentu di url

  if(window.location.href.indexOf("home") > -1) { console.log('masuk'); }

dari situ tinggal ambil id menu nya kalo jquery $('#home').css({'color':'red'}); kurang lebih ane ga hapal syntaxnya, tinggal dicek aja cara penulisan, tapi logikanya gitu

avatar immeng
@immeng

10 Kontribusi 18 Poin

Dipost 8 tahun yang lalu

makasih gan atas ilmuny akan saya uji coba...

avatar onirusama
@onirusama

265 Kontribusi 184 Poin

Dipost 8 tahun yang lalu

Login untuk ikut Jawaban