Connaitre les liens deja visités

Version imprimable

28/03/2011, 16h25
the-destroyer

Connaitre les liens deja visités

Bonjour,

J'aimerais savoir si il existe une variable inclue dans l'objet Dom d'une balise <a> qui permettrait de savoir si un lien a déjà était visitée, en effet on peu connaitre son href, son target en autre, mais peut-on savoir si l'utilisateur à déjà visité ce lien en javascript ? Jusqu'à présent aucune de mes recherches n'a abouti :(

Merci d'avance pour votre aide ! =)
28/03/2011, 16h31
SpaceFrog

dans quel but ?

si c'est pour gérer un style, les navs le font tout seuls avec la pseudo classe :visited
28/03/2011, 16h43
the-destroyer

Oui puis on peu intervenir avec les pages de style css grâce a ces pseudos classe mais la ce serait pour compter le nombre de liens visité sur une page

un moyen détourné en utilisant jquery

dans le visited des liens il suffit de modifier une propriété (visible ou non )
ici visible pour l'example (couleur de font rouge) ...
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 <script type="text/javascript"> $.extend($.expr[':'],{ red: function(a) { return $(a).css('color') === 'red'; } }); $(function(){ var foo= $("a:red").length alert(foo) }) </script> <style type="text/css"> a:visited {color:red;} </style> </head> <body> <a href="#">ici</a> </body>
ensuite il suffit de compter avec une extension de selecteur le nombre de liens ayant la couleur rouge

28/03/2011, 17h08
the-destroyer

Oui je vois donc il n'existe pas de variable propre, il faudrait absolument passé par du css pour pouvoir le faire

Merci de ton aide :)
28/03/2011, 17h17
SpaceFrog

oui il faut passer par la detection de la pseudo classe visited qui modifie une propriété
attention toutefois mon exemple ne fonctionne que sous IE car ffx renvoit
rgb(255,0,0) au lieu de red ...
mais on peut trouver une autre propriété qui renvoie la même chose sous IE et ffx

la proprieté detail de l'objet event mais je doute qu'internet explorer l'implemente
sinon à vu de nez
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 boleanNbEvent=true; var nbEvent=0; function nombreClic(){ if(boleanNbEvent==true){ nbEvent++; alert(nbEvent); boleanNbEvent=false;} else{ nbEvent++; alert(nbEvent); } };
et tu appelle la fonction dans ton onclick ou dans event.addEventListener
sans le bolean ça ne fera que 1
si il a été cliqué c'est qu'il a été visité^^
voilà :)

28/03/2011, 18h08
SpaceFrog

sauf que ... ton bool click ne survit pas au rechargement de page ...
ton script ne fonctionnerait qu'avec des targets ou des liens window.open
le but etant de pouvoir revenir sur a page et compter les liens visités malgré un rechargement, je ne vois pas d'autre possibilité que de filouter avec et tu comptabilise plusieurs fois un click sur un même lien ?
28/03/2011, 20h10
the-destroyer

SpaceFrog a raison, dès que le rechargement de la page sera effectué, toute les informations seront perdu :(

Sinon savez-vous comment est effectué la vérification de :visited par les moteurs css sur la page html ? C'est a dire la fonction source appelé lors de la lecture de la page css
On pourrais alors l'imiter en javascript ce qui permettrait de connaitre les liens visité, non ?
28/03/2011, 20h24
SpaceFrog

ce n'est pas possible directement, c'est pour cela que je passe par jquery

l'astuce consiste à attribuer une propriété de style bien spécifique au moyen du css et de la pseudo classe :visited qui n'est absolument pas reconnue par le DOM
puis je recupère les elements avec cette proprété en faisant une extension des selecteurs ...
28/03/2011, 21h58
Marc22

Peut-être qu'il serait mieux de passer par de l'Ajax et inscrire un compteur pour chaque lien.
29/03/2011, 14h52
laurentg2003

dans le onload rien n'empeche d'ajouter un parametre "lien1" etc et même d'envoyer mon bolean en parametre lors du reload
moi j'utiliserai une iframe avec contentWindow.document.MonTableauDeLienCliqué || myf.contentDocument.MonTableauDeLienCliqué; dans la page principale et donc dans
nombreClic() je récupere le nombre de liens et l'id du lien cliqué ensuite avec un switch selon l'id qui compabilise le nombre de clic de chaque lien et tout ça dans un tableau récuperer par la page principale
ensuite si c'est asynchrone un setInterval qui va toutes les secondes chercher le tableau dans l'iframe
et en fait c'est de l'ajax sans utiliser ajax :mouarf:donc Marc22 a raison
pourquoi utiliser javaSvcript et rafraichir une page...
utiliser Jquery uniquement pour ça c'est un peu casser une noix avec une bombe atomique aprés chacun sa maniere de faire du JS :)
29/03/2011, 14h56
SpaceFrog

passer une ribambelle de paramètres dans le lien en get ?

rien à voir avec de l'ajax puisque tu recharges la page.
et faut le faire sur touts les pages ... et ça ne fonctionnera pas avec un retour arrière
29/03/2011, 15h09
laurentg2003

tu oublie ça

Citation:

dans le onload rien n'empeche d'ajouter un parametre "lien1" etc et même d'envoyer mon bolean en parametre lors du reload

même si c'est des get et que ça marcherait sinon via une iframe tu peux faire du cross domain et injecter une fonction dans la page principale via le dom qui contiendra tes données bref c un peu tiré par les cheveux j'avoue!
Ma 2ieme solution fonctionne et la question est pourquoi rafraichir la page et faire un retour en arriere ne suffit t'il pas de rafraichir les données?
si c'est necessaire il faut stocker le nombre de liens par lien dans une base de donnée et récuperer le tout via php et sql pour les avoir encore lors du rafraichissement aprés c'est ce que je ferais....
Je ne connais pas jquerry...

EDIT je ne fais que ça mes iframes avec une fonction callback et la page n'est jamais rechargé tu peux debranché la box tout fonctionne quand même
29/03/2011, 15h23
SpaceFrog

tu oublies juste une chose ...
il faut que les liens restent dans le domaine ...
car toutes tes pages devront renvoyer les paramètres dans le get ...
ou dans la version bdd il faut faire un ajax (ou iframe) avant de quitter le site ...
29/03/2011, 15h29
laurentg2003

pourquoi ne pas faire une requete ajax en quittant le site via onunload
aprés c'est juste des propositions la méthode avec jquery est peut être plus simple
aprés phpmyvisit fait ce genre de choses il y a peut etre moyen de récuperer ce style de données dessus?
29/03/2011, 15h58
SpaceFrog

le fait d'utiliser le visited dispense de toute requete ajax ou toute manip serveur .

Suffit juste sur le onload de scanner les styles ...
29/03/2011, 19h28
laurentg2003

c'est interressant à savoir merci :)
29/03/2011, 19h33
the-destroyer

Merci pour votre aide active :D

Mais comment le navigateur retient-il les liens visité ? par des cookies non ? On pourrait acceder à ces derniers pour verifier quels liens est visité non ?
29/03/2011, 19h39
SpaceFrog

Je dirais que c'est interne au navigateur et hors de portée de javascript comme pour le history, les liens y sont stockés, on peut les invoquer avec un history.go() mais pas plus ...
29/03/2011, 21h27
the-destroyer

On en revient donc a ta première méthode, pass par du css... :?