Tengo en mi sistema una NAVBAR con varias opciones, todo funciona bien. Tengo configurado para que cuando la pagina este en ACTIVE se destaque para identificar la pagina actual. Pero lo que no he podido lograr configurar es que cuando este en algunos de los li, por ejemplo Lista de Usuarios, se logre destacar la opción principal de Registros desde donde se despliega las otras opciones, para identificar en que pagina estoy posicionado. Agradecería su ayuda u orientación ya que no he logrado resolverlo.
<?php
function active($currect_page)
{
$url_array = explode('/', $_SERVER['REQUEST_URI']);
$url = end($url_array);
if($currect_page == $url)
{
echo 'active';
}
}
?>
<style type="text/css">
.active
{
color: #ff6600 !important;
background-color: #195cb6;
}
</style>
<nav>
<ul>
<li>
<a class="<?php active('index.php');?>" href="index.php">
Inicio
</a>
</li>
</ul>
<li class="principal">
<a href="#">
Registros
</a>
<ul>
<li>
<a class="<?php active('usuarios.php');?>" href="usuarios.php">
Lista de Usuarios
</a>
</li>
<li>
<a class="<?php active('establecimientos.php');?>" href="establecimientos.php">
Lista Establecimientos
</a>
</li>
</ul>
</li>
<li class="principal">
<a href="#">Formularios</a>
<ul>
<li>
<a class="<?php active('formulario_1.php');?>" href="formulario_1.php">
FORM 1
</a>
</li>
<li>
<a class="<?php active('formulario_2.php');?>" href="formulario_2.php">
FORM 2
</a>
</li>
<li>
<a class="<?php active('formulario_3.php');?>" href="formulario_3.php">
FORM 3
</a>
</li>
</ul>
</li>
</nav>
active
a su clase tal como haces con el resto de este modo:class="<?php active('registros');?>"
donde la funciónactive()
(que no pones en la pregunta) debe saber si alguno de sus hijos está activo para activarse.