Discussion :

[Freex23555]

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é.

[Willpower]

Code :

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

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

[Freex23555]

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

Code :

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

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

[Willpower]

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

Code :

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

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

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

Code html :

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

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>

[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.
En gros c'est ça :
On arrive sur la page et il y a que cette information :

{{{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...

[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 :

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

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

et :

Code :

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

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

[Freex23555]

Oui, il y avait ça aussi, merci !
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

[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

[NoSmoking]

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

vu dans le code soucre de la page

<script type="&quot;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>

[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 &quot; 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)

[NoSmoking]

Ça marche bien chez moi,

effectivement après suppression des cookies !!!!

Je suppute un problème de gestion la dessous.

[Freex23555]

Merci beaucoup a vous tous pour vos suggestions et aide.
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 :

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

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>