Possuo o menu baixo, que está contido na página empresas.php
e ao "Editar" uma empresa passa a ser editar-empresa.php?id=x
:
A função que adiciona a classe active
à página atual é a seguinte:
(function() {
var nav = document.getElementById('menu'),
anchor = nav.getElementsByTagName('a'),
current = window.location.href.split("?")[0];
for (var i = 0; i < anchor.length; i++) {
if(anchor[i].href.split("?")[0] == current) {
anchor[i].children[0].className = "active";
}
}
})();
Ou seja, a seção "Empresas" só permanecerá destacada se estiver na página empresas.php
, porém necessito que permaneça destacada ao ir para o subseção editar-empresa.php?id=x
. O que devo fazer para que tal objetivo seja alcançado?
HTML:
<div id="menu">
<nav>
<ul>
<a href="emissor-nfe.php"><li>Emissor NF-e</li></a>
<a href="empresas.php"><li>Empresas</li></a>
<a href="clientes.php"><li>Clientes</li></a>
<a href="produtos.php"><li>Produtos</li></a>
<a href="transportadoras.php"><li>Transportadoras</li></a>
<a href="logout.php"><li>Sair</li></a>
</ul>
</nav>
</div>
editar-empresas.php
, poderia fazer algo comoif (current.indexOf(anchor) >= 0)
. Assim, seria procurado o textoempresas.php
emeditar-empresas.php
e, se achar, define como ativo, mas não sei se é uma solução muito boa.a
dentro de umul
é sintática e semanticamente errado. Se o seu objetivo é fazer com que todo oli
responda ao evento do link, veja esta resposta: pt.stackoverflow.com/a/221187/5878