Remplacement d'une div par une autre sous condition

par Under the Moon Sam 12 Oct 2019 - 2:00

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://moonlight-test.forumactif.com/

Description du problème

Bonsoir tout le monde !

Me revoici pour une nouvelle question Very Happy

Alors voilà, je suis en train de faire la page d'accueil du forum sur une page HTML (précision importante).
J'aimerais créer une div qui comporte le contexte du forum pour les membres non inscrits/non connectés qui se transforme en une div contenant les informations du joueur lorsque ce dernier se connecte.

Je suppose qu'il faut utiliser "if (_userdata["session_logged_in"]==1)" afin d'indiquer la condition, mon problème est que je ne sais pas du tout ce qui vient après (et avant soyons francs) et malgré plusieurs tuto que j'ai essayé d'adapter à mon cas, je dois me rendre à l'évidence, je ne suis pas encore assez douée. Mais... Est-ce au moins possible ?

Je vous remercie Very Happy

par Under the Moon Dim 13 Oct 2019 - 18:08

par ZewTrayy Dim 13 Oct 2019 - 18:40

Voici le lien d'une réponse à un post : https://forum.forumactif.com/t400702-probleme-avec-variables#3344087

Il est en effet possible de travailler avec ces variables en JS, notamment _userdata["session_logged_in"]==1

par Invité Dim 13 Oct 2019 - 19:23

Hello Under the Moon,

je t'ai concocté une page html type en prenant soin de bien cocher le haut du forum afin de
récupérer l’essentiel.
On pourra supprimer les parties que tu ne désires pas via un script.

Le contenu:

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>TON TITRE</title> <style type="text/css"> #fa_toolbar{display:none;} </style> </head> <body> <script> $(function(){ //Si connecté if (_userdata["user_id"] >= (0)){ $('.M14_invite').remove(); }}); $(function(){ //Si invité if (_userdata["user_id"] < (0)){ $('.M14_membre').remove(); }}); $(function(){ //On supprime ce qui nous interesse pas $('td.bodyline').each(function(){ $(this).find('table:eq(0),table:eq(1)').remove(); });}); </script> <table> <tr><td> <div class="M14_membre">Contenu pour les membres</div> <div class="M14_invite">Contenu pour les invités</div> </td></tr></table> <a href="https://www.forumactif.com" target="_blank">forumactif.com</a> </body> </html>

Le body contient 2 divs:

Code:: <div class="M14_membre">Contenu pour les membres</div> <div class="M14_invite">Contenu pour les invités</div>

Puis les deux scripts qui vont respectivement supprimer l'une ou l'autre suivant le statut de connexion.

Code:: $(function(){ //Si connecté if (_userdata["user_id"] >= (0)){ $('.M14_invite').remove(); }}); $(function(){ //Si invité if (_userdata["user_id"] < (0)){ $('.M14_membre').remove(); }});

Ce script:

Code:: $(function(){ //On supprime ce qui nous interesse pas $('td.bodyline').each(function(){ $(this).find('table:eq(0),table:eq(1)').remove(); });});

Supprimes les deux premiers tableau qui contiennent le logo description etc et l'autre la barre de navigation.

Je pense que tu vas pouvoir te débrouiller toute seule Wink

.

a++

par Under the Moon Dim 13 Oct 2019 - 21:00

Merci pour vos deux réponses Very Happy

Alors le code fonctionne bien et je peux parfaitement faire du coup une page HTML mais est-ce possible de l'utiliser sans, justement, le haut et le bas du forum ?

par Invité Lun 14 Oct 2019 - 6:23

Hello Under the Moon,

tu peux tester si tu le souhaites Very Happy

.

Milouze14 a écrit:

je t'ai concocté une page html type en prenant soin de bien cocher le haut du forum afin de
récupérer l’essentiel.

Il y avait bien une raison chère amie Wink

.

a++

par Under the Moon Lun 14 Oct 2019 - 12:48

Du coup j'ai ma réponse ! Encore et toujours merci (je vais finir par te payer tes services XD)

Remplacement d'une div par une autre sous condition