Choisir d'afficher ou masquer un module en front

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • Choisir d'afficher ou masquer un module en front

    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

  • #2
    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
    If anything can go wrong, it will...If I can help, I will ..https://conseilgouz.com

    Commentaire


    • #3
      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
      Dernière édition par Agrepe à 29/03/2017, 20h04

      Commentaire


      • #4
        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
        If anything can go wrong, it will...If I can help, I will ..https://conseilgouz.com

        Commentaire


        • #5
          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

          Commentaire


          • #6
            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)
            Code:
            <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"
            =>
            Code HTML:
            <div class="btn-hide"><a href="javascript: closeModule()"> <span class="fa fa-window-close" title="Bye Bye!"></span> </a></div>
            css à adapter ...
            =>
            Code:
            .btn-hide{color:black;float:right}

            En cliquant le module disparaitra ...
            Solidaire avec les dinosaures

            Commentaire


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

              Merci beaucoup Maissinmaisoui, j'essaie cela

              Commentaire


              • #8
                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
                Solidaire avec les dinosaures

                Commentaire


                • #9
                  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

                  Commentaire


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

                    Il y a un gros bouton "Download" pourtant sur le lien ...
                    Solidaire avec les dinosaures

                    Commentaire


                    • #11
                      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:
                      Code PHP:
                      <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

                      Commentaire


                      • #12
                        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.

                        Commentaire


                        • #13
                          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 ...
                          Code:
                          <script language="javascript" type="text/javascript">
                          function closeModule(MonModuleId){
                          document.getElementById(MonModuleId).style.display = 'none';
                          };
                          </script>
                          Code HTML:
                          <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
                          Dernière édition par messinmaisoui à 30/03/2017, 10h43
                          Solidaire avec les dinosaures

                          Commentaire


                          • #14
                            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

                            Commentaire


                            • #15
                              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 ...
                              Solidaire avec les dinosaures

                              Commentaire

                              Annonce

                              Réduire
                              Aucune annonce pour le moment.

                              Partenaire de l'association

                              Réduire

                              Hébergeur Web PlanetHoster
                              Travaille ...
                              X