Cambiar el color del boton mientras se visita

[jagp1119]

Hola tengo una duda, quiero cambiar el color de un boton mientras la persona este visitando esa seccion de la página, ya prove con boton:active o :visited, pero no me sirven, quiero que este de un color mientras de visita y vuelva al color original cuando visite otra pestaña, ¡tengo que hacerlo con javascript?.

Saludos.

[jonni09lo]

Pues si está visitando otra pestaña el botón no se vería, no? entonces cual es la necesidad de cambiar de color

Explícate mejor

Saludos

[jagp1119]

Hola, pero me refiero dentro de la misma pagina, por ejemplo entro a la pagina y tengo 3 pestañas, una dice perros, la otra gatos y la otra conejos, y siempre se van a ver en la página, pero si le doy a la página de perros quiero que la gente sepa que esta en esa página entonces quiero que cambie de color o se resalte, y lo mismo si entra a las otras.

[jonni09lo]

Cuando te refieres a "pestañas" son tabs, secciones en la página, etc. Tienes la página online, o nos puedes proveer un ejemplo online?

Saludos

[jagp1119]

Digamos por ejemplo en esta página http://www.yotengo.es/productos.php?...1&gms_men=c007 cuando le doy click a algo que me interese en la barra lateral me deja señalado en donde estoy.

[jonni09lo]

Ahhh allí si está claro (me imaginaba un poco de cosas totalmente distintas ) lo que debes de hacer es añadir una clase al elemento que corresponda y con la clase ya dar un color distinto.

Saludos

[jagp1119]

pero he intendato con las clases, pero el problema es que todas las etiquetas las tengo en la misma pagina, y con la clase segun lo que he entendido funciona si las tuviera cada uno como una pagina independiente, es decir, perros.html, gatos.html, conejos.html, no se si me explico, y tampoco se si depronto entendi mal el uso de las clases. Me podrias explicar un poco mas?.Gracias :D

[jonni09lo]

Entonces la navegación es en la misma página? (algo como esto)

Si la respuesta es afirmativa, debes de usar javascript para añadir diatónicamente la clase. Lo que debes de hacer, el flujo, es mas o menos así:

Se da clic en el enlace
Se eliminan todas las clases (por ejemplo active), de los links de navegación
Se añade la clase (por ejemplo, active) al link que se le dio clic

Como ves no es nada del otro mundo

Saludos

[jagp1119]

jajaja no se si estoy haciendo todo mal, pero no es como te mostre en el link incial, me podrias explicar o depronto decirme donde puedo encontrar lo de las clases, a ver si depronto lo entendi mal cuando lo vi. Gracias.

[jonni09lo]

Bueno veo varios problemas. No tengo la más remota idea de como es la estructura de tu página. Además por lo que das a entender usas un CMS para trabajar (me temo que es Joomla). En Chrome si das clic derecho encima del enlace y luego inspeccionar elemento alli aparece "el codigo" del enlace.

¿En que está contruida la página?

Saludos

[jagp1119]

Solo estoy usando html5, CSS3 y Javascript, ya pude hacer lo que queria pero no se si es la mejor manera de hacerlo, anteriormente he programado y pues la mayoria de la cosas las saco con Javascript, que supongo asi estara bien, lo que hice fue acceder a el color de fondo de la eqtiqueta con "document.getElementById("inicio").style.backgroun dColor = "rgb(255,115,21)";" y pues puse una variable que me sensara cuando se oprimia una etiqueta o la otra y le hiba cambiando el color, no se si es la manera adecuada de hacerlo pero me sirvio. Gracias por la ayuda Joni09lo.

[jonni09lo]

Pues lo que estas diciendo es lo que se haria con clases

Ejemplo

Ese ejemplo solo funciona si los links apuntan al mismo contenido de la página.

Saludos

[jagp1119]

Exactamente eso era. Gracias, voy a revisar como se hace.