Choisir d'afficher ou masquer un module en front

[Agrepe]

Bonjour,
Je dispense sur un de mes sites des conseils.
Pour cela j'utilise des modules LM Custom, qui s'affichent aléatoirement dans une position.
Je souhaiterai proposer aux utilisateurs de mon site de fermer le module pour ne plus l'afficher.

Quelqu'un aurait-il une idée.

J'imaginais utiliser un script attaché à un bouton.

Cordialement.

Eric

[pmleconte]

Re : Choisir d'afficher ou masquer un module en front

Bonsoir Eric,

Je viens de voir un module (engagebox) qui utilise des cookies pour éviter de ré-afficher un module.

J'ai trouvé une discussion (ancienne mais peut-être toujours d'actualité) sur le sujet : http://stackoverflow.com/questions/1...om-a-component

Pascal

[Agrepe]

Re : Choisir d'afficher ou masquer un module en front

Bonsoir Pascal,
Merci pour ton aide, je vais regarder ça. Même si visiblement ce n'est pas trop ce que je cherche à faire. Cela peut toujours être intéressant, à te lire, je pense que ça ressemble aux modules disclamer ou ceux qui servent à afficher l'acceptation des cookies.

Ce que je voudrais faire, est que l'on puisse ne plus afficher un module (Le temps de la session) grâce à un bouton "Masquer" par exemple.

Cordialement.

Eric

[pmleconte]

Re : Choisir d'afficher ou masquer un module en front

Bonjour Eric,

Dans le module EngageBox, on peut définir combien de fois on affiche le message pour un utilisateur, pendant combien de temps, ... et tout ça est stocké dans un cookie sur le PC de l'utilisateur.

Pascal

[Agrepe]

Re : Choisir d'afficher ou masquer un module en front

Bonjour Pascal,
Très intéressant, je l'ai acheté du coup.

Merci beaucoup.

Cordialement.

Eric

[messinmaisoui]

Re : Choisir d'afficher ou masquer un module en front

Autre alternative
(il y a sans doute mieux mais ceci fonctionnera ...)

Soit un module avec un id="ID_MODULE" à récupérer dans le code source (inspecteur d'élément)
Maintenant s'il y a une fonction pour récupérer un id (css) de module, je suis preneur ?


Dans le module placer ce script (j'utilise sourcerer)

<script language="javascript" type="text/javascript">
// You can place JavaScript like this

function closeModule(){
document.getElementById("ID_MODULE").style.display = 'none';
}
</script>

Puis placer ce bout de html (aussi dans le module)
j'utilise par exemple la police de caractères FontAwesome pour mettre un "lien-icône"
=>

<div class="btn-hide"><a href="javascript: closeModule()"> <span class="fa fa-window-close" title="Bye Bye!"></span> </a></div>

css à adapter ...
=>

.btn-hide{color:black;float:right}

En cliquant le module disparaitra ...

[Agrepe]

Re : Choisir d'afficher ou masquer un module en front

Merci beaucoup Maissinmaisoui, j'essaie cela

[messinmaisoui]

Re : Choisir d'afficher ou masquer un module en front

Précision : Pour le module, l'Id (CSS) c'est la concaténation de "Mod" et l'ID (joomla) du module
ex : Pour le module 199 cet ID (Css) sera Mod199

[Agrepe]

Re : Choisir d'afficher ou masquer un module en front

Bonjour Maissinmaisoui,
J'ai bien ajouté la class CSS dans mon fichier CSS.
Par contre fa-window-close ne s'affiche pas.

Alors je suis allé voir la doc "fontawesome". (http://fontawesome.io/get-started/)
Sur la doc "font-awesome", on demande de Copiez l'intégralité du font-awesomerépertoire dans le projet.
Mais je ne sais pas où trouver le fichier?

Est-ce comme cela qu'il faut procéder ?

Cordialement.

Eric

[messinmaisoui]

Re : Choisir d'afficher ou masquer un module en front

Il y a un gros bouton "Download" pourtant sur le lien ...

[Agrepe]

Re : Choisir d'afficher ou masquer un module en front

Re bonjour,
J'ai trouvé le fichier CSS à cette adresse.
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

Le code fonctionne bien, par contre je ne vois pas l'ID de mon module alors j'ai ajouté l'ID dans le code comme cela:

<div id="test">
<script language="javascript" type="text/javascript">
// You can place JavaScript like this

function closeModule(){
document.getElementById("test").style.display = 'none';
}
</script> 

C'est pas terrible.

<div class="btn-hide"> <a href="javascript: closeModule()"> <span class="fa fa-window-close" title="Supprimer"></span> </a></div>

<div style="text-align:center;font-size:1.5em;font-weight:700;color: #fff;text-shadow: 0 0 3px rgba(0,0,0,0.8), 0 0 8px rgba(0,0,0,0.5);margin-bottom:20px">  
  <?php
      echo JFactory::getUser()->username;
  ?>
  </div>
  <div style="text-align:center;font-size:1.1em;font-weight:500;color:#999;margin-bottom:10px">
  <?php
      echo "Vous pouvez désormais déposer des gifs animés dans vos publications";
  ?>
  </div>
  <div>
      <img style="display: block; margin: 0px auto;" src="images/bampw-caroline-couple-cuddle-Favim.com-2813662.gif" alt="gif-anime-couple" width="219" height="107" />
  </div>
</div>

Cela ferme bien le contenu du module mais pas le module en tant que tel.

Mais avec l'ID placée comme ça c'est pas terrible.

Cordialement.
Eric

[Agrepe]

Re : Choisir d'afficher ou masquer un module en front

Merci, je n'avais pas vu le post à propos de l'ID du module.

Par contre cela ne fonctionne pas.
Je dois m'absenter, je regarderai cela plus tard.
En tout cas merci beaucoup.

[messinmaisoui]

Re : Choisir d'afficher ou masquer un module en front

Ok ça roule ...

Une amélioration tant qu'on y est ... car mon code d'avant pose problème à la réflexion ...
en cas de fermeture de plusieurs modules à la suite ...

<script language="javascript" type="text/javascript">
function closeModule(MonModuleId){
document.getElementById(MonModuleId).style.display = 'none';
};
</script>

<div class="btn-hide"><a href="javascript:$MonmoduleId='ID_MODULE';closeModule($MonmoduleId)"> <span class="fa fa-window-close" title="Bye Bye!"></span> </a></div>

Attention quand même à cette façon de procéder, les puristes de Joomla
auraient sans doute des choses à redire

[Agrepe]

Re : Choisir d'afficher ou masquer un module en front

Bonjour,
Merci beaucoup pour tout cela.

Par contre je galère pour trouver l'ID du module.
Je ne le vois pas quand j'inspecte le code.
J'ai bien essayé en utilisant l'ID mentionné dans la liste des module, aussi avec modxxx (ou xxx est l'id du module dans la liste) mais cela ne fonctionne pas.

J'ouvre un autre post pour poster la question.

Cordialement.

Eric

[messinmaisoui]

Re : Choisir d'afficher ou masquer un module en front

L'ID on le retrouve dans la partie module de Joomla
=>

Pour le module BgMax ça sera donc 228
il pour mon code il faudra indiquer Mod228 ...