Forum d'entraide PHPFrance

Bonjour,

Je cherche le moyen de réinitialiser tous les états de mes liens visités en liens par défaut (le tout en javascript) en gros de passer tous mes links:visited en link tout court. Pour déclencher le comportement je me débrouillerai.

J'ai cherché autour de document.getElementsByTagName("a"); mais sans succès. L'idée est de garder le focus sur le lien actif, le dernier cliqué sans recharger ma page.

Fée

coucou,

J'ai probablement pas de réponses car je ne suis pas très claire.

Dans ma page, j'ai des références sous formes de pictos. Je garde le focus sur la dernière image cliquée (le dernier lien visité) seulement quand je clique sur un autre picto je voudrais que le picto actuellement visité redevienne visitable perde la main au profit du nouveau cliqué pour illuminer mon nouveau lien et grisé l'ancien.

Grossomodo à chaque fois que je clique sur un picto je réinitialise tous les liens à l'état "visitable" car le focus est mêlé à l'état visité. Vous me suivez ?

Féfé

En gros tu veux un style pour le lien actuellement visité et le même style pour tous les autres (visités ou non) ?

Selon moi tu ne pourras pas jouer sur les états car c'est le navigateur qui garde son historique.
Généralement on ajoute une class au lien actuel pour gérer facilement cela.
Je n'ai jamais vu d'autres systèmes.

En somme je cherche via javascript à changer l'état d'un lien pour le passer de visité à non visité.

Je suis partie d'un links = document.getElementsByTagName("a");

Ensuite links.style.display="none";//ça marche.

Quelle est la syntaxe pour réinitialiser le lien ? J'ai essayé des classname, removeclass, addclass, je ne connais pas cette syntaxe
links.style.display="initial" ne marche pas :'(

Une idée pour simplement retirer le :hover finalement ?

Fé.

Ne marche pas car n'existe pas.
Ce n'est pas le display qui est utilisé.
Mais la pseudo-class :

a:link{ /* lien non visité */

}
a:visited{ /* lien visité */

}
a:hover{ /* lien survolé */

}

Ce que tu cherches à faire est selon moi une usine à gaz.
Je suis même intimement persuadé que cela ne sera pas portable d'un navigateur à un autre...

Solution simple et éprouvée :
Définir la pseudo-class a:visited comme a:link et créer une class lien_actif.
Et tu ajoutes la class lien_actif au lien couramment visité.
Autrement dit, faire l'inverse de ce que tu souhaites faire.

Salut,
Si tu cherche cotè style CSS je pense que cela suffit :

a,a:visited{ /* lien non visité */

}
a:hover{ /* lien survolé */

}

Bon je retire ce qui suit car je pense que ta solution est en CSS!!

Si tu cherche à contrôler la navigation de vos utilisateurs il y a plusieurs manières de le faire par exemple :

1- Utilisation des Formulaires:

<form action="votre distination"><input type="submit"></form>

2- JQuery (et c'est la meilleur solution dans ton cas):
[javascript]
$('#elem').click(function(){
document.location.href='destination';
});
[/javascript]

dans cette solution tu peut utiliser des "DIV" au lieux des "a" et la, contrôler l'aspect visuel par des classes css tu peut aussi intégrer un fichier de routage de vos liens et charger l'URL selon le lien cliquer (donc automatisé le processus)....[/color][/size]
Bon Codage