Asked Nov 6th, 2019 3:07 AM 95 0 6
  • 95 0 6
0

Hỏi cách làm sidebar

Share
  • 95 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 ạ

Minh Trí @vmtri96
Nov 6th, 2019 3:22 AM

6 ANSWERS


Answered Nov 6th, 2019 3:13 AM
Accepted
+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

Share
Minh Trí @vmtri96
Nov 6th, 2019 3:20 AM

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

0
| Reply
Share
Answered Nov 6th, 2019 3:11 AM
+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

Share
Minh Trí @vmtri96
Nov 6th, 2019 3:14 AM

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

0
| Reply
Share
Answered Nov 6th, 2019 3:11 AM
+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 đó.

Share
Answered Nov 6th, 2019 3:19 AM
+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>
Share
Answered Nov 6th, 2019 3:19 AM
+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

Share
Answered Nov 6th, 2019 3:22 AM
+1

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

Share