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
                              1 sur 2 < >

                              C'est [Réglé] et on n'en parle plus ?

                              A quoi ça sert ?
                              La mention [Réglé] permet aux visiteurs d'identifier rapidement les messages qui ont trouvé une solution.

                              Merci donc d'utiliser cette fonctionnalité afin de faciliter la navigation et la recherche d'informations de tous sur le forum.

                              Si vous deviez oublier de porter cette mention, nous nous permettrons de le faire à votre place... mais seulement une fois
                              Comment ajouter la mention [Réglé] à votre discussion ?
                              1 - Aller sur votre discussion et éditer votre premier message :


                              2 - Cliquer sur la liste déroulante Préfixe.

                              3 - Choisir le préfixe [Réglé].


                              4 - Et voilà… votre discussion est désormais identifiée comme réglée.

                              2 sur 2 < >

                              Assistance au forum - Outil de publication d'infos de votre site

                              Compatibilité: PHP 4.1,PHP4, 5, 6DEV MySQL 3.2 - 5.5 MySQLi from 4.1 ( @ >=PHP 4.4.9)

                              Support Version de Joomla! : | J!3.0 | J!2.5.xx | J!1.7.xx | J!1.6.xx | J1.5.xx | J!1.0.xx |

                              Version française (FR) D'autres versions sont disponibles depuis la version originale de FPA

                              UTILISER À VOS PROPRES RISQUES :
                              L'exactitude et l'exhaustivité de ce script ainsi que la documentation ne sont pas garanties et aucune responsabilité ne sera acceptée pour tout dommage, questions ou confusion provoquée par l'utilisation de ce script.

                              Problèmes connus :
                              FPA n'est actuellement pas compatible avec des sites Joomla qui ont eu leur fichier configuration.php déplacé en dehors du répertoire public_html.

                              Installation :

                              1. Téléchargez l'archive souhaitée : http://afuj.github.io/FPA/

                              Archive zip : https://github.com/AFUJ/FPA/zipball/master

                              2. Décompressez le fichier de package téléchargé sur votre propre ordinateur (à l'aide de WinZip ou d'un outil de décompression natif).

                              3. Lisez le fichier LISEZMOI inclus pour toutes les notes de versions spécifiques.

                              4. LIRE le fichier de documentation inclus pour obtenir des instructions d'utilisation détaillées.

                              5. Téléchargez le script fpa-fr.php à la racine de votre site Joomla!. C'est l'endroit que vous avez installé Joomla et ce n'est pas la racine principale de votre serveur. Voir les exemples ci-dessous.

                              6. Exécutez le script via votre navigateur en tapant: http:// www. votresite .com/ fpa-fr.php
                              et remplacer www. votresite .com par votre nom de domaine


                              Exemples:
                              Joomla! est installé dans votre répertoire web et vous avez installé la version française du fichier FPA:
                              Télécharger le script fpa-fr.php dans: /public_html/
                              Pour executer le script: http://www..com/fpa-fr.php

                              Joomla! est installé dans un sous-répertoire nommé "cms" et vous avez installé la version française du fichier FPA:
                              Télécharger le script fpa-fr.php dans: /public_html/cms/
                              Pour executer le script: http://www..com/cms/fpa-fr.php

                              En raison de la nature très sensible de l'information affichée par le script FPA, il doit être retiré immédiatement du serveur après son utilisation.

                              Pour supprimer le script de votre site, utilisez le lien de script de suppression fourni en haut de la page du script. Si le lien de suppression échoue pour supprimer le script, utilisez votre programme FTP pour le supprimer manuellement ou changer le nom une fois que le script a généré les données du site et le message publié sur le forum. Si le script est toujours présent sur le site, il peut être utilisé pour recueillir suffisamment d'informations pour pirater votre site. Le retrait du script empêche des étrangers de l'utiliser pour jeter un oeil à la façon dont votre site est structuré et de détecter les défauts qui peuvent être utilisé à vos dépends.
                              Voir plus
                              Voir moins

                              Partenaire de l'association

                              Réduire

                              Hébergeur Web PlanetHoster
                              Travaille ...
                              X