cansei de sempre alterar a navbar
de todas as minhas páginas, e resolvi criar um arquivo pra navbar
e sempre dar um include
nas páginas para ser mais fácil a adição/remoção de itens!
Só que, minha dúvida é se tem como fazer um sistema em PHP
ou JavaScript
que possa identificar a página para setar a classe 'active'
no <li>
da navbar
correspondente a página atual!
O código da NavBar é o seguinte:
<div class="container">
<nav class="navbar navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-2">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-2">
<ul class="nav navbar-nav">
<li class="active clash"><a href="/">Início</a></li>
<li class="clash"><a href="/ferramentas/gerador-de-emblema">Gerador de Emblemas</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
</ul>
</div>
</div>
</nav>
</div>
Por exemplo, estou na página HOME
! Digamos que o id
da body
é "1"
.
Um script poderia capturar esse id
e atribuir a classe active
para a <li>
com a id "1"
!