FAQ non responsive + jquery ne fonctionne pas

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

  • [RÉGLÉ] FAQ non responsive + jquery ne fonctionne pas

    Bonjour
    j'ai une question un peu idiote mais j'ai beau creusé, je n'y arrive pas. Ma question est un peu longue désolé


    J'utilise jusque là Spider FAQ Lite mais malheureusement, si j'arrive à modifier le CSS pour avoir qqch de propre https://smlcol.ovh/fr/foire-aux-ques...pres-la-seance. Spider FAQ Lite ne semble pas être du tout "responsive" et je trouve ça très ennuyant.

    Mon template est Shaper_helix3 mais je ne pense pas que ça joue puisque le site du développeur ne semble pas être responsive non plus... bref, quelqu'un à une idée pour le rendre responsive ou en tout cas, empêcher que le retour à la ligne ne soit gérer par l'application



    donc plan B en essayant d'appliquer cette méthode http://babylon-design.com/tutoriel-j...faq-dynamique/

    ce que ça donne : https://smlcol.ovh/fr/foire-aux-questions/faq-test

    la partie html se passe plutôt bien sans grande surprise mais c'est plus délicat pour le jquery - quand je colle ceci
    <script type="text/javascript">
    // Execution de cette fonction lorsque le DOM sera entièrement chargé
    $(document).ready(function() {
    // Masquage des réponses
    $("dd").hide();
    // CSS : curseur pointeur
    $("dt").css("cursor", "pointer");
    // Clic sur la question
    $("dt").click(function() {
    // Actions uniquement si la réponse n'est pas déjà visible
    if($(this).next().is(":visible") == false) {
    // Masquage des réponses
    $("dd").slideUp();
    // Affichage de la réponse placée juste après dans le code HTML
    $(this).next().slideDown();
    }
    });
    });
    </script>


    si je le mets entre les balises head, rien ne se passe (ça devrait cacher ou montrer les catégories) et si je le mets dans la case java de mon template, je vous laisse regarder https://smlcol.ovh/fr/foire-aux-questions/faq-test parce que c'est moche

    quelqu’un a une idée de ce que je pourrais faire ?
    Dernière édition par Cosmic à 20/05/2019, 20h42

    Cosmic - niveau : commence seulement à comprendre comment ça marche, mais, forcément, du coup, se pose encore plus de questions qu'avant
    “Penser veut dire aussi rêver.”​ - George Steiner

  • #2
    Bonsoir.

    As-tu déjà testé UP faq de Lomart ?
    C'est facile, fonctionnel et assez facilement personnalisable.

    Cosmic aime ceci.
    Cordialement.
    __
    Eddy !!!
    Tutoriels BreezingForms en Français : https://www.breezingforms.eddy-vh.com/

    Commentaire


    • #3
      Envoyé par Eddy.vh Voir le message
      Bonsoir.

      As-tu déjà testé UP faq de Lomart ?
      C'est facile, fonctionnel et assez facilement personnalisable.

      https://up.lomart.fr/demo/action-faq
      je vais essayer celle-là aussi
      Dernière édition par Cosmic à 20/05/2019, 19h50

      Cosmic - niveau : commence seulement à comprendre comment ça marche, mais, forcément, du coup, se pose encore plus de questions qu'avant
      “Penser veut dire aussi rêver.”​ - George Steiner

      Commentaire


      • #4
        tip top ton plugin

        Cosmic - niveau : commence seulement à comprendre comment ça marche, mais, forcément, du coup, se pose encore plus de questions qu'avant
        “Penser veut dire aussi rêver.”​ - George Steiner

        Commentaire


        • #5
          Ahh c'est celui de lomart, mais c'est vrai qu'il est top. D'autres actions aussi d'ailleurs comme tab, qui propose des onglets responsives, filter, readmore, etc.
          Tous ont leur utilité.
          Ravi d'avoir pu te guider vers UP.
          Cordialement.
          __
          Eddy !!!
          Tutoriels BreezingForms en Français : https://www.breezingforms.eddy-vh.com/

          Commentaire


          • #6
            pas facile de se diriger dans la documentation par contre

            Cosmic - niveau : commence seulement à comprendre comment ça marche, mais, forcément, du coup, se pose encore plus de questions qu'avant
            “Penser veut dire aussi rêver.”​ - George Steiner

            Commentaire


            • #7
              ?? Quel problème rencontre-tu ? Personnellement, je comprend bien le documentation de Loic mais j'ai déjà utilisé pas mal d'options de UP et me réfère toujours à sa doc.
              Cordialement.
              __
              Eddy !!!
              Tutoriels BreezingForms en Français : https://www.breezingforms.eddy-vh.com/

              Commentaire


              • #8
                Pendant que j'y suis avec la FAQ, tu connaitrais un truc pour un vote oui-non du genre "cette question était-elle utile? □ oui □ non". Si je ne m'abuse le module de vote est sur les articles mais ici je voudrais le mettre sur chaque question du coup...

                Cosmic - niveau : commence seulement à comprendre comment ça marche, mais, forcément, du coup, se pose encore plus de questions qu'avant
                “Penser veut dire aussi rêver.”​ - George Steiner

                Commentaire


                • #9
                  Désolé, je ne connais pas de vote de ce type. As-tu fait une recherche sur le JED avec "Poll" ? Peut-être trouverais-tu l'une ou l'autre extension.
                  Cosmic aime ceci.
                  Cordialement.
                  __
                  Eddy !!!
                  Tutoriels BreezingForms en Français : https://www.breezingforms.eddy-vh.com/

                  Commentaire


                  • #10
                    grand merci en tout cas

                    Cosmic - niveau : commence seulement à comprendre comment ça marche, mais, forcément, du coup, se pose encore plus de questions qu'avant
                    “Penser veut dire aussi rêver.”​ - George Steiner

                    Commentaire

                    Annonce

                    Réduire
                    Aucune annonce pour le moment.

                    Partenaire de l'association

                    Réduire

                    Hébergeur Web PlanetHoster
                    Travaille ...
                    X