Mostrar de color diferente el link activo para sitio dinámico

[theroutermatic]

Buenas tardes.

Me gustaría saber si alguien tiene algún ejemplo para que al momento de dar clic en alguna sección de la página permanezca activo el link del menú. Mi página usa ajax no recarga la parte del menú. Alguna idea que puedan darme.

Gracias por su tiempo.

[rolygc]

CSS es tu solucion.

a:link {color: red;} /* link ke NO se han visitado */
a:visited {color: orange;} /* ink ke se han visitado*/
a:hover {color: maroon;} /* link con el mouse arriba */
a:active {color: green;} /* link seleccionado */

espero te ayude, buena suerte

[theroutermatic]

Iniciado por rolygc

CSS es tu solucion.

a:link {color: red;} /* link ke NO se han visitado */
a:visited {color: orange;} /* ink ke se han visitado*/
a:hover {color: maroon;} /* link con el mouse arriba */
a:active {color: green;} /* link seleccionado */

espero te ayude, buena suerte

Gracias por responder.

Pero el a:active solo me cambia el color al momento de hacer clic, cuando suelto el clic se quita el color.

[cuasatar]

Mi página usa ajax no recarga la parte del menú.

Pues no se si se pueda hacer de esa manera, no me lo he planteado. Yo la solución que pienso seria que con jquery hagas un addClass al enlace al que le das clic y le cambies al que estaba activo antes del clic (volver a su estado inicial). Igual me parece mas facil hacerlo recibiendo el paramettro del enlace por GET.

[rolygc]

A tu menu enviale un ID activo

Código PHP:

  
<style>

.current{color: red;}

<style>

<?php
$menu = array(
            array(
                'id' => 'inicio',
                'titulo' => 'Inicio',
                'enlace' => 'inicio.php'
                ),
            
            array(
                'id' => 'datos',
                'titulo' => 'Datos',
                'enlace' => 'datos.php'
                )
        );

for($i = 0; $i < count($menu); $i++)
{
        if(isset($_GET['item']) && $menu[$i]['id'] == $_GET['item'] ){ 
                $class_style = 'current'; 
        } else {
                $class_style = '';
        }

?>     <li><a class="<?php echo $class_style; ?>" href="<?php echo $menu[$i]['enlace']; ?>?item=<?php echo $menu[$i]['id']; ?>"><?php  echo $menu[$i]['titulo']; ?></a></li>

<?php } 

?>