Foros del Web » Creando para Internet » CSS »

Resaltar último link clikado

Estas en el tema de Resaltar último link clikado en el foro de CSS en Foros del Web. Tengo una lista de links que al pulsarlos, me aparece una imagen u otra dependiendo de cual pulse, el caso es que quiero que se ...
  #1 (permalink)  
Antiguo 02/12/2010, 05:47
 
Fecha de Ingreso: enero-2009
Mensajes: 45
Antigüedad: 15 años, 3 meses
Puntos: 0
Resaltar último link clikado

Tengo una lista de links que al pulsarlos, me aparece una imagen u otra dependiendo de cual pulse, el caso es que quiero que se me resalte (de alguna manera) el link que se ha pulsado por última vez y que los demás permanezcan iguales.

Como puedo hacer esto?

Un saludo!
  #2 (permalink)  
Antiguo 02/12/2010, 08:23
Avatar de punk567  
Fecha de Ingreso: septiembre-2006
Ubicación: Montevideo
Mensajes: 265
Antigüedad: 17 años, 6 meses
Puntos: 5
Respuesta: Resaltar último link clikado

Hola, con javascrtip/jQuery y css podes lograr algo

si tenes algo asi <a href="#" class="link">link</a>

en jquery

$('a.link').click(function() {
if (! $(this) hasClass('activo') ) {
$(this).addClass('activo'));
}
else {
$(this).removeClass('activo');
}
});

en css

.activo { text-decoration: underline } /*acá le das el efecto que tu quieras*/

Saludos
  #3 (permalink)  
Antiguo 02/12/2010, 09:25
 
Fecha de Ingreso: noviembre-2010
Ubicación: On a world of Anime & Web.
Mensajes: 137
Antigüedad: 13 años, 4 meses
Puntos: 4
Respuesta: Resaltar último link clikado

tambien hay mas como:
Si un usuario visito un link y qieres que quede de otro color, para poder identificar que ya accedio a ese link es en CSS:

para todos los links:

a.visited {
text-decoration: ;
font-family: ;
font-size: ;
color: # ;
etc...
}

si lo quieres para alguna class pues seria:

.class.visited {
aqui lo que quieras
}

Etiquetas: link, resaltar
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 11:52.