Masquer un lien suivant cas

Version imprimable

25/05/2012, 20h28
Freex23555

Masquer un lien suivant cas

Bonjour a tous !
Voila je voudrais un petit coup de main en javascript.
Je souhaiterai un code qui cache un lien.
Ce lien apparaîtrait seulement si on poste un message.
Autrement, il doit être rester caché.;)

Code:

1
2
document.getElementById('id_du_lien').style.display = "none"; // cacher
document.getElementById('id_du_lien').style.display = "inline"; // afficher

Je te remercie mais comment tu déclares ce id du lien ?
Est-ce par le par exemple :

Code:

1
2
3
4
<a href="page.html">voir</a>
// Ce qui donnerait :
document.getElementById('<a href="page.html">voir</a>').style.display = "none"; // cacher
document.getElementById('<a href="page_affiche.html">voir</a>').style.display = "inline"; // afficher

Citation:

Envoyé par Freex23555

Je te remercie mais comment tu déclares ce id du lien ?
Est-ce par le par exemple :

Code:

1
2
3
4
<a href="page.html">voir</a>
// Ce qui donnerait :
document.getElementById('<a href="page.html">voir</a>').style.display = "none"; // cacher
document.getElementById('<a href="page_affiche.html">voir</a>').style.display = "inline"; // afficher

:calim2: t'as du sauter quelques étapes au cours d'html toi.

Code:

1
2
3
4
5
6
7
<a id="id_du_lien" style="display:none;" href="page.htm">text</a>
<input type="button" id="id_du_boutton" value="afficher le lien" />
<script type="text/javascript>
document.getElementById('id_du_button').onclick = function(){ // lors du clique sur le bouton
    document.getElementById('id_du_lien').style.display = 'inline'; // affiche le lien
};
</script>

26/05/2012, 09h21
Freex23555

Oh, je ne suis pas très fort mais ton code ne fonctionne pas et je n`ai pas demandé un bouton mais : un lien qui apparaîtrait seulement si on poste un message.:lol:
En gros c'est ça :
On arrive sur la page et il y a que cette information :

Citation:

{{{Vous devez répondre à ce sujet pour voir la partie cachée}}}

Autrement dit, laisser un message dans les commentaires pour voir le lien.
Si la personne poste un message le lien apparaît.;)

Voici la page :
http://hackplanet.eklablog.com/apple...cool-a46506209
Quand j'essaye de poster un commentaire, le lien n’apparaît pas...
26/05/2012, 12h49
ok.Idriss
Bonjour.

A première vue, j'ai noté sur ta page un détail qui ne va pas : l'id du bouton diffère de l'id du bout de code utilisé pour déclencher l’événement :

Code:

<input id="id_du_boutton" type="button" value="afficher le lien">

et :
Code:

1 2 3 document.getElementById('id_du_button').onclick = function(){ // lors du clique sur le bouton document.getElementById('id_du_lien').style.display = 'inline'; // affiche le lien };
Essayes donc déjà de corriger ceci ;)

Cordialement,
Idriss
26/05/2012, 13h17
Freex23555

Oui, il y avait ça aussi, merci !:ccool:
A présent le texte apparaît et disparaît mais pas en fonction d`un commentaire laissé...
Il suffit de cliquer sur un autre lien du menu et revenir vers la page et le texte est visible en cliquant sur le bouton alors qu`il ne devrait pas puisque il n`y a pas eu de commentaire.

http://hackplanet.eklablog.com/test-c18095967
26/05/2012, 15h40
ok.Idriss

Re bonjour.

La fonction se déclenche au clique du bouton ayant pour id, "id_du_button". Or le bouton qui possède cet id est le bouton "afficher le lien" et non le bouton "commenter".

Idriss
26/05/2012, 15h58
NoSmoking

perso je ne vois rien et le bouton ne fait pas apparaître le lien.

vu dans le code soucre de la page

Citation:

<script type=""text/javascript">// <![CDATA[
document.getElementById('id_du_button').onclick = function(){ // lors du clique sur le bouton
document.getElementById('id_du_lien').style.display = 'inline'; // affiche le lien
};
// ]]></script>

:koi:
26/05/2012, 16h08
ok.Idriss

Ça marche bien chez moi, mais si on clique d'abord sur le lien pour afficher les commentaire. Par contre, ce n'est toujours pas le bon bouton et il y a bel et bien l'erreur du " dans la balise script.

Maintenant, il faut aussi savoir que ce genre de chose, ce n'est pas suffisant pour masquer un lien de façon sécurisée (suffit d'afficher/manipuler la source pour le voir) ;)
26/05/2012, 16h23
NoSmoking

Citation:

Ça marche bien chez moi,

effectivement après suppression des cookies !!!!

Je suppute un problème de gestion la dessous.

Merci beaucoup a vous tous pour vos suggestions et aide.:ccool:
Je ne sais pas pourquoi ce blog ajoute constamment des balises <p> et <quote> ou <![CDATA[, c`est un bug je crois...
La solution serait d`ajouter cette fonction sur le bouton "commenter" bien joué ok.Idriss.
Je vais essayer. :)
Oui, je sais on trouve beaucoup de choses dans le code source mais tout le monde ne connait pas cette astuce.
J`ai trouvé ce script mais il ne fonctionne pas non plus..
A votre avis qu`est-ce qui cloche ??

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<div style="position: absolute; visibility: hidden;" class="hide3_text">{{{Vous devez répondre à ce sujet pour voir la partie cachée}}}</div>
<div style="visibility: visible; position: static;" class="hide3">Mot de passe : hackplanet
<br>
<br><a href="/redirect1/http://bayfiles.com/file/9k67/i2Vqt4/Ha23.zip" target="_blank" class="postlink">http://bayfiles.com/file/9k67/i2Vqt4/Ha23.zip</a></div>
<script type="text/javascript">
 function unhide3() {
  if(document.location.href.search(/hidetest/) > -1) alert('test');
  var hides=document.getElementsByTagName('div');
  for(i=0;i<hides.length;i++) {
   if (hides[i].className=='hide3') {
    if (hides[i].firstChild&&typeof hides[i].firstChild.className != 'undefined'&&hides[i].firstChild.className=='hide3-v2'){
     hides[i].innerHTML=unescape(hides[i].firstChild.innerHTML);
    }
    hides[i].style.position='static';
    hides[i].style.visibility='visible';
   } else if (hides[i].className=='hide3_text') {
    hides[i].style.position='absolute';
    hides[i].style.visibility='hidden';
   }
  }
 }
 Event.observe(window,'load',function(){
 	unhide3();
 });
</script>