Verificar estado del un link con JavaScript

Harper · #1 (**permalink**) 03/02/2004, 12:55

Hola, hay alguna manera de saber mediante javascript si un link ha sido visitado o no?.. por ejemplo q me muestre una imagen si el link ha sido visitado.?

JavierB · #2 (**permalink**) 03/02/2004, 13:05

Hola, Harper.

¿Y si usaramos un poco de Css? Coloca esto entre <head> y </head>

<style>
a {background-image:none}
a:visited {background-image:url('c:/del/web/imagen1.gif')}
a:visited span {visibility:hidden}
</style>

Y tu enlace lo pones así: <a href="tupagina.html"><span>Enlace</span></a>

Espero que te sirva. Saludos,

Harper · #3 (**permalink**) 03/02/2004, 16:37

Hola JavierB garcias por la ayuda, es muy buena, pero no es exactamente lo q quiero.... sabes si mediante un javascrip se pueda obtener el estado de un link, si ha sido visitado y no...
Gracias....

tunait · #4 (**permalink**) 04/02/2004, 07:19

Hola Harper,

me comentaste que lo necesitas para poner una imagen u otra en un webmail dependiendo de si ese correo ha sido leído o no.

Si existe una forma de averiguar si un enlace ha sido o no visitado realmente no lo sé.

Pero por deducción:

El estado de un link (visitado o no visitado) lo sabe el navegador bien porque tiene esa dirección en su caché o bien porque lo tiene en el historial. Es el navegador el que se encarga de saber si un link ha sido o no visitado pero:

Mediante javascript se puede acceder al historial para saber su longitud (cantidad de páginas hacia atrás o hacia adelante) pero no se pueden sacar las url del historial. Es decir, el objeto navigator tiene el objeto history que permite conocer su longitud, pero nada más. Así que no se puede averiguar por ese lado.

Y acceso al caché, menos. No existe ningún objeto que pueda "hablar" con los temporales (que yo sepa).

Así que te diría que no se puede.

La solución de JavierB me parece muy acertada. Eso colocaría una imagen u otra dependiendo de si se ha visitado esa url.

De todas formas yo diría que los servicios de webmail, al igual que los foros, guardan en la base de datos si ese mensaje ha sido o no leído. Lo más seguro sería que lo hicieras así. Cuando se llame por primera vez a un mensaje que le ponga un valor de "leído" en la base de datos y al recuperar el listado de mensajes que le ponga el ícono pertinente dependiendo de lo que se encuentre en ese campo.

Un saludo :)

Harper · #5 (**permalink**) 04/02/2004, 11:58

Hola Tunait, tienes razon como siempre!!

... con ayuda del codigo que me dio JavierB pude hacer que estaba buscando, aqui les paso a todos un ejemplo de como indicar si algun vinculo ha sido visitado o no con imagenes... Gracias javierB y Tunait

un beso para ti !

<html>
<head>
<STYLE type="text/css">
A:visited {
color:5895CB ; TEXT-DECORATION: none ; font-size:10pt
}
a.icono {
background-image:url('cerrado.gif')
}
a.icono:visited {
background-image:url('abierto.gif')
}
</STYLE>
</head>

<body>
<center>
<table border="1" width="296" height="108">
<tr>
<td width="66" height="15">
<a class=icono href=pagina1.htm>

<     >

</a>
</td>
<td width="214" height="15">
<a href="pagina1.htm">Link</a>
</td>
</tr>
<tr>
<td width="66" height="17">

<a class=icono href=pagina2.htm>
<     >
</a>
</td>
<td width="214" height="17">
<a href="pagina2.htm">Link2</a>
</td>
</tr>
</table>
</center>
</body>

</html>

Las imagenes:
abierto.gif
cerrado.gif

OjO

:
< > signica espacios en balnco & nbsp;

Monty_7 · #6 (**permalink**) 27/06/2011, 16:45

Hola, me funciona bárbaro con el IE pero con Chrome no.. alguna sugerencia?

InKarC · #7 (**permalink**) 27/06/2011, 19:38

Este tema es viejisimo (7 años) y los navegadores actuales no permiten checar cual ha sido visitado de esta forma (IE como siempre mantiene desactualizado)

Monty_7 · #8 (**permalink**) 28/06/2011, 06:01

Uhhh.. no me habia dado cuenta lo viejo que era el tema!!!

Hago una consulta entonces...

tengo una lista de links, me gustaría darles un efecto estético, cuando esos links ya estén visitados me gustaría que en lugar de aparecer de otro color aparezca una pequeña imagen de un tilde al lado. Se me ocurre que por ahí con javascript se podría.. pero no encuentro como...

alguna sugerencia ???... esta vez si.. con los navegadores ACTUALES..

Gracias!