0

Soy aprendiz y voy buscando como puedo. Llevaba tiempo tratando de resaltar los elementos del menú y me encontré en vuestra página. He tomado un script de hace unos años y no me funciona. Llevo dándole muchas vueltas y por fin me decido a preguntar. Lo tomé de esta discusión ¿Cómo resaltar un elemento seleccionado en un menú? Lo tengo en una página pero no consigo resaltar el elemento del menú.

https://www.fibrart.eu/active/index.php Está todo el código js y css en el html. Gracias de antemano. Saludos. Caminante.

1
  • Tus páginas actividades, lugar y contacto no tienen el mismo código JavaScript
    – user119618
    Commented el 5 mar. 2019 a las 0:14

1 respuesta 1

1

El código de ¿Cómo resaltar un elemento seleccionado en un menú? solo funciona para paginas donde el href="#"

En tu caso como hay un redireccionamiento a otras paginas, debes aplicar el estilo desde que carga la página, una forma facil es la siguiente:

<script>
document.addEventListener("DOMContentLoaded", function(e) {
    var elem_activo = document.querySelectorAll('a[href="' + location.pathname.split("/")[2] + '"]')[0];
    elem_activo.className = elem_activo.className+"seleccionado";
});
</script>

Agrega este código a cada una de tus paginas index.php, lugar.php, actividades.php y contacto.php

5
  • Hola, Junior Usca: Gracias por la atención y la ayuda. He colocado el script tal como me dices y no termina de funcionar. Lo que quiero es que, al estar en una página del menú, aparezca en el menún marcado con rojo, por ejemplo. Un saludo. Jesús María.
    – Caminante
    Commented el 5 mar. 2019 a las 6:30
  • Hola, vi que colocaste el codigo en el head, para que funcione alli acabo de modificarlo y agregar un listener a DOMContentLoaded, para que asi el codigo se ejecute cuando la pagina haya cargado, pruebalo y veras como funciona. Tambien note que en index.php tienes 2 etiquetas script <script language="javascript" type="text/javascript"> <script> Solo deberias tener 1 Commented el 5 mar. 2019 a las 13:33
  • ¡Uf!, perdona pero sigue sin funcionarme. Es verdad que se me había colado la etiqueta duplicada. La eliminé en algunas pero se me escapó en index. He modificado el código pero sigo sin ver el resultado. Gracias de antemano. Saludos.
    – Caminante
    Commented el 5 mar. 2019 a las 15:52
  • Error mio, me falto un parentesis al final, pruebalo Commented el 5 mar. 2019 a las 15:55
  • Desde luego. Gracias, Junior Usca. Ahora sí que funciona. Saludos y agradecido de nuevo.
    – Caminante
    Commented el 5 mar. 2019 a las 17:14

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.