Comment cacher les liens pour s'inscrire de suite

[Féline1984]

Détails techniques

Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : tout les invités non-inscrits
Problème apparu depuis : depuis que j'ai crée des pages avec des questions avant de s'inscrire
Lien du forum : https://breizh-tendresse.forumactif.com/

Description du problème

Bonjour,

Contexte :
Lorsqu'un invité veut s'inscrire si il clique sur "S'enregistrer" dans le menu qui est sous la description, il devra répondre à des questions, ces questions sont des pages avec des boutons "Vrai" et "Faux" et où les réponses sont indiquées dans la description ou dans le bloc "Infos sur la confidentialité" en haut de l'index.
Ces questions sont là pour éviter que des intrus s'inscrive sans respecter les buts de mon forum.

Problème :
Il y a des liens pour que les invités puissent s'inscrire directement sans répondre à mes questions (voire capture d'écran : https://servimg.com/view/17814250/1074
et cette capture d'écran : https://i.servimg.com/u/f20/17/81/42/50/7mboxv10.png

Ce que j'aimerai :
1) Lorsqu'un invité clique sur une présentation (où la photo du membre est invisible) que ça désactive le lien "Inscrit" dans la phrase "Vous devez être inscrits et connecté pour voir cette image"
2) J'aimerai que le bouton "J'aime" soit visible qu'aux membres connectés ou si c'est pas possible désactiver ou supprimer le bouton "S'enregistrer" lorsqu'un invité clique sur j'aime.
3) Lorsqu'un invité clique sur "Connexion", j'aimerai que la partie pour s'enregistrer soit supprimé, voir la capture d'écran : https://i.servimg.com/u/f20/17/81/42/50/7mboxv10.png

J'espère que c'est faisable.
Merci d'avance pour votre aide .

[Oka.mi]

Bonjour,

Problème :
Il y a des liens pour que les invités puissent s'inscrire directement sans répondre à mes questions (voire capture d'écran : https://servimg.com/view/17814250/1074
et cette capture d'écran : https://i.servimg.com/u/f20/17/81/42/50/7mboxv10.png

Ce que j'aimerai :
1) Lorsqu'un invité clique sur une présentation (où la photo du membre est invisible) que ça désactive le lien "Inscrit" dans la phrase "Vous devez être inscrits et connecté pour voir cette image"
2) J'aimerai que le bouton "J'aime" soit visible qu'aux membres connectés ou si c'est pas possible désactiver ou supprimer le bouton "S'enregistrer" lorsqu'un invité clique sur j'aime.
3) Lorsqu'un invité clique sur "Connexion", j'aimerai que la partie pour s'enregistrer soit supprimé, voir la capture d'écran : https://i.servimg.com/u/f20/17/81/42/50/7mboxv10.png

Pour régler le problème mentionné et exaucer vos trois vœux, je vous propose une méthode qui consiste à déposer un cookie sur la bonne réponse.

Les cookies offrent la possibilité à un site web de conserver vos préférences, vous garder connecté d’une session sur l’autre ou de vous proposer du contenu personnalisé.

Ici le cookie qu'on va déposer va servir à "marquer" l'utilisateur qui a choisi la bonne réponse d'une page donnée. Ensuite, il suffira d'installer un JavaScript sur la page d'inscription, un JavaScript qui rend son accès possible à condition que l'utilisateur qui visite cette page a le cookie enregistré dans sa session (et donc, a visité la page de la question, a cliqué sur la bonne réponse). Si l'utilisateur n'a pas rempli cette condition, il est redirigé vers la première page du questionnaire, ici https://www.breizh-tendresse.com/h6-0eme-question

J'ai opté pour cette solution car actuellement, il n'y a même pas besoin de cliquer sur les boutons problématiques pour accéder à votre page d'inscription, https://www.breizh-tendresse.com/register est visitable en inscrivant le lien manuellement dans la barre de navigation. Tout le monde n'y pensera pas bien sûr, mais quitte à sécuriser la chose autant passer par ce point.

Nous allons commencer par installer le JavaScript en question sur la page d'inscription de votre forum.
Pour cela, rendez-vous dans : Panneau d'administration > Modules > HTML & JavaScript > Gestion des codes JavaScript

Créez un nouveau JavaScript et cochez "sur toutes les pages" pour l'affichage.

Code:

if (window.location.href.indexOf('register') > -1) {
      var ok = my_getcookie('ok');
      if (!ok){
      window.location.replace('/h6-');
  }
  }

Puis, rendez-vous dans la gestion de vos pages HTML, rendez-vous sur la dernière page de question. Trouvez le code utilisé pour le bouton de la bonne réponse, ajoutez lui un id qu'on va appeler ici "5". Comme ceci :

Code:

<a href="/register" id="5" title="Vrai"><img src="https://i.servimg.com/u/f96/20/32/27/91/coolte12.png" alt="Vrai" border="0" /></a>

Ensuite, toujours dans la page HTML, juste avant le </body> (ou si vous n'en avez pas, à la fin), insérez ce code :

Code:

<script type="text/javascript">
document.getElementById('5').addEventListener('click', function(event) {
      my_setcookie('ok', true);
      event.preventDefault();
      window.location.href = '/register';
}, false);
</script>

C'est lui qui dépose le cookie sur la réponse.

Bon, si vous avez bien compris le principe, vous savez qu'on peut augmenter encore la sécurité en ajoutant et en adaptant ces deux JS pour chaque page (déposer un cookie pour chaque réponse et imposer une redirection si le cookie de la page précédente n'est pas présent)... mais je pense que ce qu'on a actuellement est amplement suffisant pour monsieur ou madame tout le monde.

Par ailleurs, si malgré cette solution vous souhaitez toujours que l'on retire les boutons mentionnés, je vous invite à créer un nouveau sujet car cela relèvera alors de l'apparence du forum.

[Féline1984]

Bonjour

Merci pour cette réponse détaillée.
J'ai fait le test, ça marche, c'est à dire que les lien pour s'enregistrer mènent à la première page des question.

Par contre, lorsqu'un invité clique sur la cinquième question : https://www.breizh-tendresse.com/h8-5eme-question (qui est la dernière question avant d'accéder à monlien/register ) et qu'il clique sur la bonne réponse qui est "Vrai", ça le dirige vers la 1ère question, j'aimerai que ça le mène vers monlien/register

J'ai dû donc me tromper quelque part :

- J'ai bien crée un nouveau JavaScript et cochez "sur toutes les pages" pour l'affichage.

Voilà les codes de ma dernière question :

Code:

<script type="text/javascript">
document.getElementById('5').addEventListener('click', function(event) {
      my_setcookie('ok', true);
      event.preventDefault();
      window.location.href = '/register';
}, false);
</script>

<br /><!-- DÉBUT DE BLOC -->
<center>
<tr><div style="width: 96%; padding-top: 0px; padding-bottom: 15px; border: 4px solid #94769D; text-align: center; background: #EED8F4;border-radius: 10px;">
  <br/>
  <p>Pour la confidentialité, il est conseillé d'utiliser un pseudo que vous utiliserez <strong><u>uniquement</u></strong> sur Breizh Tendresse (réponse dans "Infos sur la confidentialité" ci-dessous).</p>
  <p></p>
  <p></p>
  <p><center>
  <a href="https://breizh-tendresse.forumactif.com/register" id="5" title="Vrai"><img src="https://i.servimg.com/u/f96/20/32/27/91/coolte12.png" alt="Vrai" border="0"></a> 
  &nbsp; 
  <a href="https://breizh-tendresse.forumactif.com/h7-vous-vous-etes-trompe-liser-l-accueil" title="Faux"><img src="https://i.servimg.com/u/f96/20/32/27/91/coolte13.png" alt="Faux" border="0"></a>
    <br/><br/>
    <!-- DEBUT DE BLOC -->
<center>
<tr><div style="width: 96%; padding-top: 0px; padding-bottom: 13px; border: 3px solid #906FA9; text-align: left; background: #E7D9F2;border-radius: 10px;">

 <div style=";text-align: left; width: 100%;">             
 <div style="width: 100%; background-color: #906FA9; ;font-size: 18px; text-align: left;">
 <span style="color: rgb(255, 255, 255);">&nbsp;Infos sur la confidentialité</span>
  </div></div><br/>
  &nbsp;<font color="#4F3464"><strong><u>Invisibles aux non inscrits et invisible dans les moteurs de recherche :</strong></u></font>
  <br/>
  &nbsp;<font size="3">- Profils des membres, groupes, tchatbox, photos des membres dans leurs présentation, champs de profil dans les messages.</font>
  <br/><br/>   
  &nbsp;<font color="#4F3464"><strong><u>Visibles aux non inscrits et moteurs de recherche :</strong></u></font>
  <br />
  &nbsp;<font size="3">- Pseudos des membres, avatars des membres, textes des présentations (c'est pourquoi il est conseillé d'utiliser un pseudo que vous utiliserai <strong><u>uniquement</strong></u> sur Breizh Tendresse).</font>
  <br/></div></tr></center>
<!-- FIN DU BLOC -->
    <br/><br/>

</center></div></tr></center>
<!-- FIN DE BLOC  -->

[Oka.mi]

Oui, effectivement, il faut mettre le JS de la page HTML à la fin !

Ensuite, toujours dans la page HTML, juste avant le </body> ou si vous n'en avez pas, à la fin

Comme le code agit sur l'id ajouté, il faut laisser le temps à l'id de charger, du coup il faut que son propre chargement s'effectue à la fin

[Féline1984]

Bonjour 

Ca a marché, merci beaucoup.
Je met le sujet "Résolu".