faire disparaitre un lien href

Version imprimable

23/05/2008, 12h29
yosraisi

faire disparaitre un lien href

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
23/05/2008, 12h39
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.

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

Code:

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>

26/05/2008, 10h22
yosraisi

bonjour,

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

merci beaucoup:king::king:

Bonjour,

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

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,

Dans ce cas on peut aussi faire ainsi :

Code:

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>

27/05/2008, 09h17
yosraisi

merci à vous tous pour ces fonctions :king::king::king::king:

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

Code:

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>

28/05/2008, 09h08
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 ;)