Bonjour à tous,

Je suis sur le TP de création de site (cours HTML5 et CSS3)

Je voudrais cacher mes liens du menu nav après avoir cliqué dessus, est-ce possible ? 

J'ai essayé ceci, en vain : 

hearder nav a:visited

{

visibility: hidden;

}

OU

header nav a:visited

{

display: none;

}

Merci de votre réponse.

-
Edité par JovaanB 11 octobre 2018 à 14:51:52

Bonjour,

première chose, merci d'éditer ton message pour colorer ton code à l'aide du bouton "</>".

Ensuite : pour des questions de sécurité et de vie privée, le CSS a très peu de moyens de jouer sur :visited. Pourquoi veux-tu cacher ces liens, au fait ?

C'est fait.

J'aime, c'est tout. et je veux tester vu que j'apprend.

Ce n'est donc possible ? 

Hello !

Non, :visited n'accepte que des changements de couleurs, comme indiqué dans la doc : https://www.w3schools.com/cssref/sel_visited.asp

Bonjour, 

Et puis pourquoi cacher des liens qui de toute façon seront accessible dans le code source du navigateur ?

Bonjour JovaanB,

Je passe la raison pour laquelle tu veux cacher les liens.

Tu dois à mon avis utiliser javascript, voila, à première vue comment j’aurais fait :

Attacher l'événement "click" sur tes liens concernés et quand tu cliques tu caches ton lien et pour la persistance stocker l'info dans localStorage si je ne me trompe pas

oLien.addEventListener(
"NOM_EVT", function(oEvent) { action de cacher + info dans stockage qu'il a été caché} 
);

A l'ouverture de tes pages il faut aller voir pour chaque lien concerné dans localStorage (autre système de cookie) s'il a été caché et dont le cacher

-
Edité par AliasDmc 11 octobre 2018 à 18:36:24

Bonjour,

j'ai faite ceci en JS : https://jsfiddle.net/98oahtmy/ 

Ensuite comme la dit AliasDmc utiliser le localStorage pour stocker chez le client ce dont tu as besoin ( le lien cliqué, etc et etc...)

Récupérer l'existence et  l'état des clé au chargement de la page.

Ah oui le webStorage : https://www.alsacreations.com/article/lire/1402-web-storage-localstorage-sessionstorage.html 

C'est simple, mais as-tu des bases en JS ? sinon les exemples de l'article sont récupérables ou passer au forum JS

Avec visibility (et non display:none) on peut faire un Toggle pour afficher/cacher au clic aussi

-
Edité par pipelette13 11 octobre 2018 à 18:48:12