Yêu cầu Nov 6th, 2019 3:07 a.m. 164 0 6
  • 164 0 6
+1

Hỏi cách làm sidebar

Chia sẻ
  • 164 0 6

Chào mọi người, mình có làm cái sidebar như hình, mình muốn khi click vào link nào thì background ở link đó đổi màu thì làm sao ạ

Avatar Minh Trí @vmtri96
Nov 6th, 2019 3:22 a.m.

6 CÂU TRẢ LỜI


Đã trả lời Nov 6th, 2019 3:13 a.m.
Đã được chấp nhận
+2

Bạn kiểm tra url của bạn và nếu đúng url của menu thì đổi màu cho nó. Còn nếu đơn giản bạn chỉ muốn là đổi màu khi có sự kiện trỏ chuột hoặc click thì dùng hover hoặc onclick của js là được

Chia sẻ
Avatar Minh Trí @vmtri96
Nov 6th, 2019 3:20 a.m.

tks bác, mình đc rồi

Đã trả lời Nov 6th, 2019 3:11 a.m.
+2

laravel đúng k bạn ? ở frontend kiểm tra route hiện tại với route link, giống nhau thì thêm class active cho nó là xong

Chia sẻ
Avatar Minh Trí @vmtri96
Nov 6th, 2019 3:14 a.m.

kiểm tra sao bác, mình chưa biết kiểu này. mình làm route resource

Đã trả lời Nov 6th, 2019 3:11 a.m.
+2

bạn có thể dùng hover , khi hover vào link thì set background cho cái thẻ link. Còn muốn sự kiện click thì dùng js bắt sự kiện onclick và thay đổi background cho cái thẻ link đó.

Chia sẻ
Đã trả lời Nov 6th, 2019 3:19 a.m.
+2

Nếu bạn dùng Bootstap thì có thể viết thêm cho nó class active thế này nhé.

<ul class="list-group">
  <li class="list-group-item active">Cras justo odio</li>
  <li class="list-group-item">Dapibus ac facilisis in</li>
  <li class="list-group-item">Morbi leo risus</li>
  <li class="list-group-item">Porta ac consectetur ac</li>
  <li class="list-group-item">Vestibulum at eros</li>
</ul>
Chia sẻ
Đã trả lời Nov 6th, 2019 3:19 a.m.
+2

bạn thử xem ví dụ này xem. Mục đích là thêm class để gọi css khi mà bạn đang ở menu nào đó. https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_active_element Nếu bạn dùng framework thì còn dễ hơn rất nhiều

Chia sẻ
Đã trả lời Nov 6th, 2019 3:22 a.m.
+1

tks mọi người mình đã làm đc rồi👍👍

Chia sẻ
Viblo
Hãy đăng ký một tài khoản Viblo để nhận được nhiều bài viết thú vị hơn.
Đăng kí