eventos

[fmiguelcapel]

hola, quisiera crear un evento en el menu de navegación en que al hacer click en la navegacion, esta cambiara el fondo de color.
con onclick lo consigo pero momentaneamente solo ese momento pero no se queda con ese color y no se si se debiera crear condiciones o algo similar; me podrias ayudar? saludos..
este es el evento que he creado pero el color de fondo no es permanente...

<li onclick="this.style.backgroundColor='white';"> <a href="quienes_somos.html">Quienes Somos</a></li>

[David]

El problema es que la página se recarga al seguir el enlace, serviría si usas Ajax para cargar el enlace. Si usas algún lenguaje de servidor también es posible desde allí (aunque parece que no usas)

En último caso (no es lo más práctico) podrías verificar con Javascript la URL al iniciar la página y de acuerdo a eso cambiar el color del menú correspondiente.

[fmiguelcapel]

debo de hacerlo con javascript; entonces para verificar la página como se haría?

[David]

Así, básicamente:

Código HTML:

<li id="quienes_somos"><a href="quienes_somos.html">Quienes Somos</a><li>
 

Código Javascript:

onload = function() {
    if (location.href.indexOf("quienes_somos.html") > -1) {
        document.getElementById("quienes_somos").style.backgroundColor = "white";
    }
}
 

Es solo un ejemplo para que te hagas la idea, con varios enlaces podrías hacer un bucle que recorra todos los <li> y compare con la URL, o algo semejante.

[fmiguelcapel]

que quiere decir esta condición:?

if (location.href.indexOf("quienes_somos.html") > -1)

[David]

location.href es la URL de la página, indexOf busca el texto especificado en la cadena y devuelve la posición, si no encuentra devuelve -1

http://www.w3schools.com/jsref/prop_loc_href.asp
http://www.w3schools.com/jsref/jsref_indexof.asp

[fmiguelcapel]

he puesto la sentencia igual como la indicaste pero no se produce dicho evento; me puedes indicar si tengo que modificar dicha sentencia con datos propios y en que parte del código?. saludos