Discussion :

[yosraisi]

bonjour

je viens de créer un lien href qui indique q'un fichier est pret pour l'impression je veux une fois cliquer sur ce lien il affiche le PDF et puis il disparait .

est il possible de disparaitre ce lien dés que j'ai cliquer en dessus merci pour l'aide

[Er3van]

Tu peux faire du bricolage en CSS avec "a:visited" en mettant "display:none", mais bon, c'est compliqué à gérer puisque les liens visités sont dépendant de l'historique du navigateur.

Sinon tu peux passer par de la programmation, PHP pour le côté serveur ou JS côté client.

[Jumano]

Bonsoir,
Tu pourrais également le faire en javascript comme ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<script language="javascript" type="text/javascript">
function cachelien() {
document.getElementById('test').innerHTML = "";
}
</script>
<div id="test"><a href="fichier.pdf" onclick="return cachelien();" target="_blank">fichier.pdf</a></div>

[yosraisi]

bonjour,

merci jumano , c'est parfait ça marche cette fonction

merci beaucoup

[sterix92]

Bonjour,

OK pour la réponse de jumano mais, tu peux aussi procéder ainsi :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<script language="javascript" type="text/javascript">
function cacherlien() {
document.getElementById('test').style.display= "none";
}
</script>
<a id="test" href="fichier.pdf" onclick="return cachelien();" target="_blank">fichier.pdf</a>

PS : tu peux aussi vraiment cacher le lien en remplacant dans la fonction cacherlien() document.getElementById('test').style.display= "none"; par document.getElementById('test').style.visibility= "hidden";

Parce que display:none; ca retire l'espace qu'occupe l'objet sur la page et visibility= "hidden"; ca cache seulement l'objet avec conservation de l'espace.

Voili, Voilou

Cordialement,

[Kerod]

Dans ce cas on peut aussi faire ainsi :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8

<script language="javascript" type="text/javascript">
function cacherlien(ident) 
{
     document.getElementById(ident).style.display= "none";
}
</script>
<a id="test" href="fichier.pdf" onclick="return cachelien(this.id);" target="_blank">fichier.pdf</a>

[yosraisi]

merci à vous tous pour ces fonctions

[Kerod]

Ah oui j'oubliais il y a la solution qui dit pas besoin d'id :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9

<script language="javascript" type="text/javascript">
function cacherlien(lien) 
{
     lien.style.display= "none";
}
</script>
<a href="fichier.pdf" onclick="return cachelien(this);" target="_blank">fichier.pdf</a>

[bootx]

Bonjour a tous,

Petit rappel SEO :

Je veux pas faire ma raclette, mais il faudrait mettre tout ça dans un fichier CSS, de manière à ce que ce ne soit pas visible directement par les bots des moteurs de recherches.

Ils n'aiment guère les liens avec des "display:none" ou visibility= "hidden"; ...

Les liens plus ou moins cachés sont considérés un peu comme du texte blanc sur fond blanc, ... on connait tous ( du moins dans le monde du SEO ) ce que cela donne comme resultat lorsque Google s'en aperçois : BLACKLIST ...

Donc gare au caca avec ce genre de script ou alors le placer dans un fichier .js externe.

voili voilou c t le conseil du jour ... lol

Bonne journée a tous