Colorear link visitado HOY

[bustamanter]

Hola, me gustaría saber como puedo hacer para dejar los links que halla visitado HOY de diferente color a los que no halla visitado. Pero insisto, solo tienen que estar en diferente color los links que he visitado hoy, si los visite ayer tienen que quedar de el mismo color que si no los he visitado. A poder ser me gustaría que los links sigan teniendo aspecto de link, que cuando pases por encima de cada uno aparezca la manita.
Gracias por su atención y sus aportaciones de antemano.
Un saludo, Gonzalo.

[nilburcion]

A ver, vayamos por partes...

Primero: Mediante JS no puedes acceder al historial completo del usuario.
Segundo: Podrías modificar el estilo visual de los links con :visited, lo que sería muy fácil, pero eso no te los filtraría por fecha como quieres...

Una vez dicho eso, la única solución y si lo único que necesitas es marcar de otro color los links que se han visitado hoy desde tú pagina, entonces lo que podrías hacer sería lo siguiente:

1. Guarda en una base de datos local (como el Local Storage) todos los hipervínculos donde el usuario haga click juntamente con la fecha en la que se hizo click.

2. Cada vez que salte el evento "onload" en la página revisa la base de datos para ver cuales se visitaron hoy, y marca esos links con una class especial.

No se si era la respuesta que buscabas...

[Jorge35]

efectivamente como dice @nilburcion para llevar un control de los links visitados deberías crear una función que este almacenándolos para posteriormente revisar si ya fueron visitados y aplicar el estilo que desees:

te facilito un ejemplo:

Código Javascript:

var linksVisitados = [];
 
function guardarLink(urlAGuardar){
     linksVisitados.push({
          fecha:"aqui la fecha",
          url:urlAGuardar
     });
    localStorage.setItem("linksVisitados",JSON.stringify(linksVisitados));
}
 

en tu onload del documento recuperas los links visitados y validas la fecha. Recuerda que para recuperar el array guardado en localStorage es con

Código Javascript:

var linksVisitados = JSON.parse(localStorage.getItem("linksVisitados"));
 

el ejemplo que te escribo, necesita mejoras pero te puede dar una idea.