Asked thg 11 6, 2019 3:07 SA 183 0 6
  • 183 0 6
+1

Hỏi cách làm sidebar

Share
  • 183 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
thg 11 6, 2019 3:22 SA

6 ANSWERS


Answered thg 11 6, 2019 3:13 SA
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
Avatar Minh Trí @vmtri96
thg 11 6, 2019 3:20 SA

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

0
| Reply
Share
Answered thg 11 6, 2019 3:11 SA
+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
Avatar Minh Trí @vmtri96
thg 11 6, 2019 3:14 SA

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 thg 11 6, 2019 3:11 SA
+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 thg 11 6, 2019 3:19 SA
+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 thg 11 6, 2019 3:19 SA
+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 thg 11 6, 2019 3:22 SA
+1

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

Share
Viblo
Let's register a Viblo Account to get more interesting posts.