Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Aktywna strona
Forum PHP.pl > Forum > Po stronie przeglądarki
revi
Mam takiego navbara (bootstrap):

  1. <div id="custom-bootstrap-menu" class="navbar navbar-default " role="navigation" >
  2. <div class="container-fluid">
  3. <div class="navbar-header"><a class="navbar-brand" href="#">ReviX</a>
  4. <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-menubuilder"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
  5. </button>
  6. </div>
  7. <div class="collapse navbar-collapse navbar-menubuilder">
  8. <ul class="nav navbar-nav navbar-left" bs-active-link>
  9. <li><a href="/" >GŁÓWNA</a>
  10. </li>
  11. <li><a href="?a">Cos</a>
  12. </li>
  13. <li><a href="?a0">Cos</a>
  14. </li>
  15. <li><a href="?a1">Cos</a>
  16. </li>
  17. <li><a href="?a2">Cos</a>
  18. </li>
  19. <li><a href="?a3">Cos</a>
  20. </li>
  21. </ul>
  22. </div>
  23. </div>
  24. </div>
  25.  




Jak zrobić, że jak klikne np główna to żeby się cały czas się "świecił button" tak jak po najechaniu.
Coś takiego jak na stronie: http://izaktv.pl/
szczemp
Na podstawie parametru w urlu href="?a". Sprawdzasz co tam siedzi i odpowiadającemu <li> dodajesz jakąś wyróżniającą klasę.
emstawicki
Dokładniej to klasa active. Przykład:
http://www.w3schools.com/bootstrap/tryit.a...r&stacked=h
Headamon
Można też starą szkołą. Zrobić instrukcję warunkową if($GET_['id']=='a') { class="active" } itd.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.