Foros del Web » Creando para Internet » CSS »

Botón activado en la página actual

Estas en el tema de Botón activado en la página actual en el foro de CSS en Foros del Web. Hola, Tengo un menú con botones (enlaces) hecho en css. Mi pregunta es cómo puedo cambiar la imagen de cada enlace a pulsado, para así ...
  #1 (permalink)  
Antiguo 04/03/2010, 12:21
 
Fecha de Ingreso: julio-2009
Mensajes: 103
Antigüedad: 14 años, 8 meses
Puntos: 2
Pregunta Botón activado en la página actual

Hola,

Tengo un menú con botones (enlaces) hecho en css. Mi pregunta es cómo puedo cambiar la imagen de cada enlace a pulsado, para así indicar en qué página está el usuario.

El cambio de imagen al pasar el ratón sé que es con :hover, pero lo que quiero es que al hacer clic se quede la imagen, y si hago clic en otro enlace, cambie la imagen a pulsado y el enlace anterior a no pulsado.


He buscado en el foro, pero lo que encuentro son soluciones creando una página por cada enlace y cargarla con la imagen de enlace ya pulsado, pero yo quiero hacerlo en la misma página, en una única página.

Existe alguna forma de hacerlo sólo con css o una función javascript al menos?

Gracias
  #2 (permalink)  
Antiguo 04/03/2010, 14:25
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 21 años, 8 meses
Puntos: 361
Respuesta: Botón activado en la página actual

Hola:

Cita:
/*Modulos de Hipertexto*/

* A:link { } /* vínculos no visitados */
* A:visited { } /* vínculos visitados */
* A:hover { } /* el usuario señala el vínculo */
* A:active { } /* vínculos activos */

*/
Sacado de las propias FAQ's del foro CSS.

Saludos.

  #3 (permalink)  
Antiguo 05/03/2010, 02:36
 
Fecha de Ingreso: julio-2009
Mensajes: 103
Antigüedad: 14 años, 8 meses
Puntos: 2
Respuesta: Botón activado en la página actual

Pero si utilizo :visited, el enlace cambia de imagen, pero si pulso otro enlace, también cambia de imagen, por lo que habría dos enlaces con la imagen de pulsado, cuando sólo debería haber uno :S

O igual se puede hacer, pero no sé cómo utilizarlos ¿?


EDITO: Ya lo he solucionado, al final con JQuery, gracias por el FAQ

Última edición por tempto; 05/03/2010 a las 05:17
  #4 (permalink)  
Antiguo 05/03/2010, 15:15
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 21 años, 8 meses
Puntos: 361
Respuesta: Botón activado en la página actual

Hola:

Cita:
Iniciado por tempto Ver Mensaje
Pero si utilizo :visited, el enlace cambia de imagen, pero si pulso otro enlace, también cambia de imagen, por lo que habría dos enlaces con la imagen de pulsado, cuando sólo debería haber uno :S
Ya lo has solucionado pero por si lo necesitas otra vez. El :visited marca las páginas que ya has visitado, en tu caso deberías utilizar :active.

Saludos.

  #5 (permalink)  
Antiguo 06/03/2010, 09:50
 
Fecha de Ingreso: julio-2009
Mensajes: 103
Antigüedad: 14 años, 8 meses
Puntos: 2
Respuesta: Botón activado en la página actual

Gracias lo tendré en cuenta

Etiquetas: Ninguno
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 06:29.