Afficher ou cacher des éléments si les utilisateurs sont connectés ou non

[arion320]

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 : Tous les utilisateurs
Problème apparu depuis : Dès la création
Lien du forum : http://everything-france.fr1.co/

Description du problème

Bonjour tous le monde,

J'ai fait de nombreuses recherches pour trouver une solution à mon problème.
J'ai voulu refaire mon forum entièrement mais le seul problème c'est que je ne trouve pas la solution pour afficher ou cacher des éléments en fonction d'une condition : Si les utilisateurs sont connectés ou non.

Voici une image pour illustrer mon problème, ça sera beaucoup plus compréhensible :



D'après mes recherches précédente, j'ai suivis les solutions de ce post.

Mais le code suivant ne marche pas sur mon forum..

Hello Polices :Smile:

Pourrais tu ré-afficher sur ta page HTML ce qui doit s'afficher si le membre est hors ligne (la partie commentée)

Code:


<a href="/h15-connexion-forum" class="menu2_link">Se connecter</a>
<br />
<a href="/register" class="menu2_link">S'inscrire</a>


Et ensuite, pour le script on peut essayer avec ça :

Code:


<script>
  jQuery(function($){
    $.get("/forum", function(e) {
        var content1 = (e.split('if(typeof(_userdata) == "undefined")')[1]);
        content = content1.split('if(typeof(_lang) == "undefined")')[0];
 
        /* on crée un javascript pour ajouter _userdata sur la page */
        var script = $("<script />", {
            text: content
        }).appendTo($("body"));
    }).complete(function() {
        $('a.menu2_link[href^="/h15-"], a.menu2_link[href="/register"]').addClass('access_item');
        $('.access_item').wrapAll('<div class="access" />');
        if (!_userdata.session_logged_in == 1) {
            $('.access').html('Pseudo : ' + _userdata.username + '<br>Nombre de posts : ' + _userdata.user_posts + '<br>Points : ' + _userdata.point_reputation);
 
        }
    });
  });
</script>


Voici mon code actuelle :

Code:


  <div class="align__item">
    <div class="site-nav__btngroup">
      
      <div class="access">
<a href="/h3-connexion" class="button button-outline text-small site-nav__btn" target="_self" data-action="navigate-return">Connexion</a>
  
<a href="/h4-inscription" class="button button-inverted button-inverted-fill text-small site-nav__btn" target="_self" data-action="navigate-return">Inscription</a>
</div>
      
      <script>
  jQuery(function($){
    $.get("/forum", function(e) {
        /* On récupère le code des variables */
        var content1 = (e.split('if(typeof(_userdata) == "undefined")')[1]);
        content = content1.split('if(typeof(_lang) == "undefined")')[0];
 
        /* on crée un javascript pour ajouter _userdata sur la page */
        var script = $("<script />", {
            text: content
        }).appendTo($("body"));
    }).complete(function() {
        /* Si l'utilisateur est connecté */
        if (_userdata.session_logged_in == 1) {
            $('.access').html('Bienvenue ' + _userdata.username + ' !');
         }
    });
  });
</script>
        
    </div>
  </div>


Comment faire ? :/

Merci d'avance !

[arion320]

Up ?

[demeter1]

j'a un peu de mal à comprendre votre soucis vu qu'en voulant accéder à votre forum j'ai eu droit à une alerte windows pour rentrer directement mes identifiants pour me connecter.

J'en conclu donc que le forum est privé et qu'hormis entrer avec les identifiants d'un compte créé par l'administrateur, il est impossible de créer un compte soi même vu que l'on a pas accès au bouton s'enregistrer.

D'ou ma question : pourquoi avoir créé un bouton inscription vu que l'on y a pas accès ?

[arion320]

Oulah oui c'est vrais j'ai supprimer toute la programmation de base de toutes les pages pour me concentrer avec tout sur le design du forum et le forum étant en mode "Construction" pour le moment c'est peut-être pour cela que ça ne marche pas.

Le bouton enregistrer redirige vers une page pour l'instant blanche (Ou plutôt bleu en fait). Bref je doit créer la page HTML et y incorporer l'inscription, pareillement pour la connexion.

J'ai beaucoup de boulot mais je suis bloquer sur un point technique qui est celui de cacher un élément lorsque je suis connecté (Dans ce cas actuelle j'aimerais cacher les bouton "Connexion" et "Inscription").

Moi même je suis connecter (Sinon je ne pourrais pas modifier les templates et HTML) et ça me le cache pas.

Auriez-vous une solution ? :/

PS : Il y a la page d'accueil (http://everything-france.fr1.co/) et l'accueil du forum (retrancher sous http://everything-france.fr1.co/forum )

[arion320]

Oulah oui je sais pourquoi Windows demande une authentification. J'ai du héberger mon CSS sur un serveur car ForumActif ne pouvait pas le prendre en charge soit disant parce qu'il était trop volumineux alors qu'il fait 335 ko.

[arion320]

j'a un peu de mal à comprendre votre soucis vu qu'en voulant accéder à votre forum j'ai eu droit à une alerte windows pour rentrer directement mes identifiants pour me connecter.

J'en conclu donc que le forum est privé et qu'hormis entrer avec les identifiants d'un compte créé par l'administrateur, il est impossible de créer un compte soi même vu que l'on a pas accès au bouton s'enregistrer.

D'ou ma question : pourquoi avoir créé un bouton inscription vu que l'on y a pas accès ?

Le problème venait d'un simple lien qui était en "ftp://lien.com" au lieu de "http://lien.com" encore désolé pour cette erreur

[Invité]

Salut arion320,

pour supprimer les liens si tu es connecté , il suffit de modifier le script par:

Code:

<script>
$(function(){if (_userdata["session_logged_in"]==1)
$(function(){
$('.menu2_link').remove();
   
        })});
 
    </script>

A moins que j'ai zappé une étape .

a++

[arion320]

Salut arion320,

pour supprimer les liens si tu es connecté , il suffit de modifier le script par:

Code:

<script>
$(function(){if (_userdata["session_logged_in"]==1)
$(function(){
$('.menu2_link').remove();
   
        })});
 
    </script>

A moins que j'ai zappé une étape .

a++

Bonjour Milouze14,

Tout d'abord, merci pour vôtre réponse mais il semblerais que le problème persiste même avec le code que vous m'avez fournis et que j'ai du adapter à ma page, voici le résultat de la transformation :

Code:


    <script>
$(function(){if (_userdata["session_logged_in"]==1)
$(function(){
$('.button button-outline text-small site-nav__btn').remove();
  $('.button button-inverted button-inverted-fill text-small site-nav__btn').remove();
        })});
 
    </script>


Le code ne fonctionne ni pour les pages HTML ni pour les templates.

Merci d'avance,

[Invité]

Re,

à tout hasard , as tu activée la toolbar sur ton fofo?
La page html est bien fournie via la gestion des pages html de forumactif?


a++

[arion320]

Re,

à tout hasard , as tu activée la toolbar sur ton fofo?
La page html est bien fournie via la gestion des pages html de forumactif?


a++

Bonsoir,

J'ai désactiver la toolbar dès la création du forum et oui j'ai bien créer ma page d'accueil avec le gestionnaire d'HTML mais le sous domaine "/forum" reste une template.

Merci d'avance,

[arion320]

Up ?

[Invité]

Salut arion320,

J'ai désactiver la toolbar dès la création du forum et oui j'ai bien créer ma page d'accueil avec le gestionnaire d'HTML mais le sous domaine "/forum" reste une template.

Tu peux expliquer clairement ce que tu veux dire avec le sous domaine /forum ?

Et aussi le fait qu'il ne reste qu'une template car là j'aimerais comprendre
le fonctionnement de ton fofo .

a++

[arion320]

Salut arion320,

J'ai désactiver la toolbar dès la création du forum et oui j'ai bien créer ma page d'accueil avec le gestionnaire d'HTML mais le sous domaine "/forum" reste une template.

Tu peux expliquer clairement ce que tu veux dire avec le sous domaine /forum ?

Et aussi le fait qu'il ne reste qu'une template car là j'aimerais comprendre
le fonctionnement de ton fofo .

a++

Bonsoir,

- http://everything-france.fr1.co/forum (Erreur d’appellation je voulais dire rubrique)

J'ai supprimé les templates dans Panneau Administrateur > Affichage > Général puis je les refaits manuellement pour que mon forum est les allures d'un site. (À voir la page d'accueil faite avec le gestionnaire HTML définit en page d'accueil : http://everything-france.fr1.co)

Souhaitez-vous un compte membre pour voir ce que ça donne car vous ne pourrez rien voir dans la rubrique "http://everything-france.fr1.co/forum" si vous n'êtes pas connecté.

Merci d'avance,

[arion320]

Petit up de soir :-)

[Invité]

Salut arion320 ,

c'est un beau projet .

Je ne désire pas de compte merci , cela ne me donnera rien de plus sur le visuel et la façon
de mettre ou non les boutons de connexion etc.

Le seul template qui pourra gérer ceci est le template overall_header .

Si tu as modifié tout son contenu , tu n'auras pas les résultats escomptés.

a++

[[Nihil]]

Je n'ai pas tout lu, seulement la fin du sujet, mais tu as surement supprimé la variable pour le JS dans le template overall_header.

C'est celle ci, ligne 186 dans le template par défaut :

Code:

{HOSTING_JS}

[arion320]

Salut arion320 ,

c'est un beau projet .

Je ne désire pas de compte merci , cela ne me donnera rien de plus sur le visuel et la façon
de mettre ou non les boutons de connexion etc.

Le seul template qui pourra gérer ceci est le template overall_header .

Si tu as modifié tout son contenu , tu n'auras pas les résultats escomptés.

a++

Merci pour cette réponse je suis un peu déçu qui ça marche pour les autres mais pas pour moi peut-être que c'est la version de mon forum qui restreint les possibilités de personnalisations. :/

Merci quand même pour ta réponse

[arion320]

Je n'ai pas tout lu, seulement la fin du sujet, mais tu as surement supprimé la variable pour le JS dans le template overall_header.

C'est celle ci, ligne 186 dans le template par défaut :

Code:

{HOSTING_JS}

Bonjour merci pour ta réponse,

Donc si je remet cette balise, il y aurait des chances que ça marche si je retente le code qu'on m'a envoyer précédemment ?

Merci d'avance,

[arion320]

Up

[[Nihil]]

Une chose est sûre, sans cette ligne là tu ne peux pas faire marcher le code que tu cites dans ton premier message.

En effet {HOSTING_JS} génère _userdata il me semble. Il faut aussi que le toolbar soit activée, car une partie du javascript générée par son activation est utilisé dans le code que tu as fourni en haut.

De plus tu as enlevé l'appel à jQuery aussi je crois... Les codes au dessus ne pourront pas marcher

[oxymore]

Bonjour

il me semble qu'il n'y a plus besoin d'activer la toolbar pour faire fonctionner le code proposé par Milouze et utiliser _userdata sur toutes les parties du forum.(je ne sais pas par contre pour une page HTML).


Pour

Code:

        {HOSTING_JS}

cela permet de faire fonctionner les scripts insérés via la gestion des codes javascript.

[[Nihil]]

il me semble qu'il n'y a plus besoin d'activer la toolbar pour faire fonctionner le code proposé par Milouze et utiliser _userdata sur toutes les parties du forum.(je ne sais pas par contre pour une page HTML).

Oui, pour le code de Milouze ^^. Par contre, pour le premier code donné en exemple (celui qui permet de l'utiliser sur une page HTML sans le haut et le bas du forum), il est nécessaire de l'avoir

Pour

Code:

{HOSTING_JS}

cela permet de faire fonctionner les scripts insérés via la gestion des codes javascript.

Effectivement, mais maintenant il inclut aussi _userdata normalement (pour phpbb2 en tout cas, et pour une telle variable je pense que c'est la même chose sur phpbb3 ^^)

[arion320]

Une chose est sûre, sans cette ligne là tu ne peux pas faire marcher le code que tu cites dans ton premier message.

En effet {HOSTING_JS} génère _userdata il me semble. Il faut aussi que le toolbar soit activée, car une partie du javascript générée par son activation est utilisé dans le code que tu as fourni en haut.

De plus tu as enlevé l'appel à jQuery aussi je crois... Les codes au dessus ne pourront pas marcher

Bonjour Nihil,

L'appel du JQuery se fait avec {HOSTING_JS} ou la toolbar ? Je vais essayer cette solution sans toolbar puis avec. On verra bien ce que ça donne je te tiens au courant.

Merci d'avance,

[arion320]

J'ai remis le code de la toolbar puis je l'ai activé mais je ne la vois pas apparaître donc je pense qu'elle reste non-présente.

Code de la toolbar:

PS :

Bonjour

il me semble qu'il n'y a plus besoin d'activer la toolbar pour faire fonctionner le code proposé par Milouze et utiliser _userdata sur toutes les parties du forum.(je ne sais pas par contre pour une page HTML).


Pour
Code:SÉLECTIONNER LE CONTENU
       {HOSTING_JS}
cela permet de faire fonctionner les scripts insérés via la gestion des codes javascript.

Sans la Toolbar ça ne marche pas, je viens d'essayer

[oxymore]

Sans la Toolbar ça ne marche pas, je viens d'essayer

Bonsoir
Etrange...

Si je met ce code en page d'accueil celui ci fonctionne toolbar activée ou pas...

Code:

<div class="test">
       Contenu du bloc visible connecte   
</div><script type="text/javascript">
        jQuery(function () {        if (_userdata.session_logged_in == 0)    jQuery('.test ').attr('style','display:none !important');                                });

</script>

Pour utiliser les variables _userdata dans une page html...
Sans les scripts FA cela ne fonctionnera pas...
ainsi que la librairie jQuery

Code:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>

Code:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>

<script type="text/javascript" src="http://illiweb.com/rs3/85/frm/jquery/cookie/jquery.cookie.js"></script>
<script type="text/javascript" src="http://illiweb.com/rs3/85/frm/jquery/toolbar/FAToolbar.js"></script>
<script type="text/javascript" src="http://illiweb.com/rs3/85/frm/json/json2.js"></script>
<script type="text/javascript" src="http://illiweb.com/rs3/85/frm/jquery/printf/printf.js"></script>
<script type="text/javascript" src="http://illiweb.com/rs3/85/frm/jquery/dotdotdot/jquery.dotdotdot-1.5.6.js"></script>
<script type="text/javascript" src="http://illiweb.com/rs3/85/frm/jquery/notif/FA.js"></script>
<iframe id="fa_data" src="/" style="display:none"></iframe>
<div id="fa_style" style="display:none;"></div>
<script type="text/javascript">var _userdata = new Object(), _lang = new Object(), _board = new Object(), fa_data = document.getElementById('fa_data');
fa_data.onload = function() {
  var fa = fa_data.contentWindow, fa_style = fa.document.getElementsByTagName('STYLE');
     
  for (var i = 0; i<fa_style.length; i++) if (/#fa_toolbar/.test(fa_style[i].innerHTML)) document.getElementById('fa_style').appendChild(fa_style[i]);
  for (var a in fa._userdata) _userdata[a] = fa._userdata[a];
  for (var b in fa._lang) _lang[b] = fa._lang[b];
  for (var c in fa._board) _board[c] = fa._board[c];
     
  $(document).ready(Toolbar.init)
}</script>

[arion320]

Sans la Toolbar ça ne marche pas, je viens d'essayer

Bonsoir
Etrange...

Si je met ce code en page d'accueil celui ci fonctionne toolbar activée ou pas...

Code:

<div class="test">
       Contenu du bloc visible connecte    
</div><script type="text/javascript">
         jQuery(function () {         if (_userdata.session_logged_in == 0)    jQuery('.test ').attr('style','display:none !important');                                 });

</script>

Pour utiliser les variables _userdata dans une page html...
Sans les scripts FA cela ne fonctionnera pas...
ainsi que la librairie jQuery

Code:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>

Code:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>

<script type="text/javascript" src="http://illiweb.com/rs3/85/frm/jquery/cookie/jquery.cookie.js"></script>
<script type="text/javascript" src="http://illiweb.com/rs3/85/frm/jquery/toolbar/FAToolbar.js"></script>
<script type="text/javascript" src="http://illiweb.com/rs3/85/frm/json/json2.js"></script>
<script type="text/javascript" src="http://illiweb.com/rs3/85/frm/jquery/printf/printf.js"></script>
<script type="text/javascript" src="http://illiweb.com/rs3/85/frm/jquery/dotdotdot/jquery.dotdotdot-1.5.6.js"></script>
<script type="text/javascript" src="http://illiweb.com/rs3/85/frm/jquery/notif/FA.js"></script>
<iframe id="fa_data" src="/" style="display:none"></iframe>
<div id="fa_style" style="display:none;"></div>
<script type="text/javascript">var _userdata = new Object(), _lang = new Object(), _board = new Object(), fa_data = document.getElementById('fa_data');
fa_data.onload = function() {
  var fa = fa_data.contentWindow, fa_style = fa.document.getElementsByTagName('STYLE');
      
  for (var i = 0; i<fa_style.length; i++) if (/#fa_toolbar/.test(fa_style[i].innerHTML)) document.getElementById('fa_style').appendChild(fa_style[i]);
  for (var a in fa._userdata) _userdata[a] = fa._userdata[a];
  for (var b in fa._lang) _lang[b] = fa._lang[b];
  for (var c in fa._board) _board[c] = fa._board[c];
      
  $(document).ready(Toolbar.init)
}</script>

Salut Oxymore,

Le code ne marche pas et le tout est dans mon haut de page, ça aurait une influence sur la fonctionnalité de celui-ci ?

Merci d'avance, 

[arion320]

Re-Salut Oxymore,

Finalement j'ai modifier le code et voici ce que ça donne :

Code:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="http://illiweb.com/rs3/85/frm/jquery/cookie/jquery.cookie.js"></script>
<script type="text/javascript" src="http://illiweb.com/rs3/85/frm/jquery/toolbar/FAToolbar.js"></script>
<script type="text/javascript" src="http://illiweb.com/rs3/85/frm/json/json2.js"></script>
<script type="text/javascript" src="http://illiweb.com/rs3/85/frm/jquery/printf/printf.js"></script>
<script type="text/javascript" src="http://illiweb.com/rs3/85/frm/jquery/dotdotdot/jquery.dotdotdot-1.5.6.js"></script>
<script type="text/javascript" src="http://illiweb.com/rs3/85/frm/jquery/notif/FA.js"></script>
<iframe id="fa_data" src="/" style="display:none"></iframe>
<div id="fa_style" style="display:none;"></div>
<script type="text/javascript">var _userdata = new Object(), _lang = new Object(), _board = new Object(), fa_data = document.getElementById('fa_data');
fa_data.onload = function() {
  var fa = fa_data.contentWindow, fa_style = fa.document.getElementsByTagName('STYLE');
     
  for (var i = 0; i<fa_style.length; i++) if (/#fa_toolbar/.test(fa_style[i].innerHTML)) document.getElementById('fa_style').appendChild(fa_style[i]);
  for (var a in fa._userdata) _userdata[a] = fa._userdata[a];
  for (var b in fa._lang) _lang[b] = fa._lang[b];
  for (var c in fa._board) _board[c] = fa._board[c];
     
  $(document).ready(Toolbar.init)
}</script>
 <div class="align__item">
    <div class="site-nav__btngroup">
     
      <div class="access">
<a href="/login" class="button button-outline text-small site-nav__btn" target="_self" data-action="navigate-return">Connexion</a>
 
<a href="/register" class="button button-inverted button-inverted-fill text-small site-nav__btn" target="_self" data-action="navigate-return">Inscription</a>
</div>
      <script type="text/javascript">
        jQuery(function () {       
        if (_userdata.session_logged_in == 0)
        jQuery('.align__item').attr('style','display:none !important'); 
        jQuery('.site-nav__btngroup').attr('style','display:none !important');
        jQuery('.access').attr('style','display:none !important');                             
        });

</script>

J'ai réussit à faire fonctionner le code, tu m'a sauver la vie haha   

Merci encore,
Bonne fin de soirée !