Hola a todos,
Estoy creando una pagina que contiene un menu lateral hecho con listas <UL>, ese menú lateral está en un único archivo que después incluyo en todas la páginas en las cuales quiero mostrarlo.
Código HTML:
<ul>
<li><a href="inicio.php">inicio</a></li>
<li><a href="noticias.php">noticias</a></li>
<li><a href="contacto.php">contacto</a></li>
...
</ul>
Tengo una clase CSS llamada Current para cambiarle el estilo al <LI> que quiero que esté destacado (como página actual).
Código HTML:
<li class="current"><a href="pagina.php">pagina</a>
Cada vez que cambio de página, por ejemplo inicio, noticias, etc, debería tener la clase css el <LI> correspondiente a la página actual (como se comporta cualquier menú).
Lo que no se es como detectar cual página está cargada e identificar a que LI corresponde para asignarle la clase css.
Por un momento pensé en usar "IF" y comparar la url con el link de cada item de la lista pero tendría que repetir el código tantas veces como enlaces tenga en el listado y creo que debe haber una forma mejor.
Una forma fácil es si tuviera ese menú en cada página (noticias, inicio, etc) y en cada una de forma manual le asigno la clase al elemento de la lista pero creo que no es lo optimo, además creo que es mejor tener en un sólo archivo el menú y ese archivo incluirlo en cada página, así lo estoy haciendo pero ahora se me presenta el problema antes descrito.
Por ahora no se me ocurre una solución así que pido la ayuda de los que mas saben para que me den una mano en esto.
Gracias.