Afficher et masquer le menu d'un article découpé

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

  • Afficher et masquer le menu d'un article découpé

    Bonjour,

    J'utilise dans la rédaction de mes articles le plugin "pagebreak".
    J'en ai déjà personnalisé l'affichage via les quelques options, mais je me demandais si il y avait une astuce, ou un autre plugin, permettant de faire afficher ce menu à sa guise, en le faisant slider par exemple.

    En vous remerciant par avance pour vos lumières

  • #2
    Bonjour,

    Je vous avoue ne pas trop comprendre votre question, mais, j'ai l'impression que vous parlez d'une notion d'accordéon.

    Regardez https://up.lomart.fr/demo/action-readmore. Est-ce cela dont vous parlez ?

    Pascal
    JoomlaDay FR 2018 - 18/19 Mai 2018 ! J'y étais ... et vous ?

    If anything can go wrong, it will...
    If I can help, I will ..https://conseilgouz.com

    Commentaire


    • #3
      Dites-moi si je me trompe. Vous voudriez que le menu "sommaire" reste fixe sur la page.
      Avez-vous essayez de mettre la règle CSS position: fixed; au bloc ?

      @pascal
      Merci de penser au petit UP
      Un message d’erreur sur votre site Joomla, consultez la base de connaissance https://kb.joomla.fr
      ---
      UP, un plugin "couteau suisse" à découvrir sur https//up.lomart.fr
      bgMax
      , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

      Commentaire


      • #4
        Si je comprends bien, l'idée est de masquer ou afficher à la demande* l'index des articles multipages.
        J'ai eu le problème récemment, qui m'a arrêté en route, pour un article d'une dizaine de pages, dont l'index prend une place trop importante et que je me suis décidé à ne pas afficher, n'utilisant que la navigation entre pages avec "précédent" et "suivant".

        * : un peu comme on avait avec un module placé à gauche d'un template beez dans une version précédente
        Dernière édition par RobertG à 12/03/2018, 11h12
        "Patience et longueur de temps font plus que force ni que rage..." (La Fontaine : Le Lion et le Rat) - "Il n'y a pas de problèmes; il n'y a que des solutions" (André Gide). MoovJla et LazyDbBackup sur www.joomxtensions.com - FaQ sur www.fontanil.info hébergés chez PHPNET - +sites gérés chez 1and1 et OVH - Site pro : www.robertg-conseil.fr

        Commentaire


        • #5
          J'ai compris la demande et le sens du mot "slider"
          Est-ce cela : https://up.lomart.fr/demo/action-tabslide

          Je ne sais pas si cela existe, mais vous pouvez essayer de bricoler un mini-sommaire avec UP
          Un message d’erreur sur votre site Joomla, consultez la base de connaissance https://kb.joomla.fr
          ---
          UP, un plugin "couteau suisse" à découvrir sur https//up.lomart.fr
          bgMax
          , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

          Commentaire


          • #6
            Je suis désolé que ma question soir confuse...

            Je vais essayer de vous répondre respectivement

            Envoyé par pmleconte Voir le message
            Bonjour,

            Je vous avoue ne pas trop comprendre votre question, mais, j'ai l'impression que vous parlez d'une notion d'accordéon.

            Regardez https://up.lomart.fr/demo/action-readmore. Est-ce cela dont vous parlez ?

            Pascal
            En effet ce serait quelque chose dans ce style mais uniquement pour le menu de l'article et qui se trouve sur la droite de ce dernier lorsqu'on utilise le "pagebreak"
            Je travaille en local pour le moment donc je ne peux vous donner une adresse de test mais voici ce dont je parle :

            Cliquez sur l'image pour l'afficher en taille normale

Nom : tabs_default.jpg 
Affichages : 1 
Taille : 39,4 Ko 
ID : 1977431
            Envoyé par lomart Voir le message
            Dites-moi si je me trompe. Vous voudriez que le menu "sommaire" reste fixe sur la page.
            Avez-vous essayez de mettre la règle CSS position: fixed; au bloc ?

            @pascal
            Merci de penser au petit UP
            Non pas vraiment fixe car vu la position par défaut du sommaire cela ne fera pas terrible

            Envoyé par RobertG Voir le message
            Si je comprends bien, l'idée est de masquer ou afficher à la demande* l'index des articles multipages.
            J'ai eu le problème récemment, qui m'a arrêté en route, pour un article d'une dizaine de pages, dont l'index prend une place trop importante et que je me suis décidé à ne pas afficher, n'utilisant que la navigation entre pages avec "précédent" et "suivant".

            * : un peu comme on avait avec un module placé à gauche d'un template beez dans une version précédente
            Voilà c'est exactement ce soucis.
            Le sommaire ou index (termes plus judicieux en effet je pense pour que l'on se comprenne) prend beaucoup de place et j'aimerai en récupérer tout en laissant l'opportunité de conserver cet index.

            Envoyé par lomart Voir le message
            J'ai compris la demande et le sens du mot "slider"
            Est-ce cela : https://up.lomart.fr/demo/action-tabslide

            Je ne sais pas si cela existe, mais vous pouvez essayer de bricoler un mini-sommaire avec UP
            Dans l'idée oui ce serait ça mais à placer non pas au bord de l'écran mais là où se trouve le sommaire...


            En fait je me demande si l'option la plus facile et adaptée visuellement parlant, ne serait pas de remplacer cet index par une liste déroulante...
            Un truc qui glisse au milieu de la page risque de pas faire trop beau et sera surement difficile à mettre en place surtout d'un point de vue "responsive"

            Actuellement mon sommaire est dans cette balise (désolé je ne sais pas si il y a un BBcode pour insérer du code):
            <div class="pull-right article-index">
            <ul class="nav nav-tabs nav-stacked">
            <li class="toclink active">page break 1</li>
            <li>page break 2</li>
            <li>page break 3</li>
            <li>page break 4</li>
            </ul>
            </div>

            Il faudrait que je remplace cela par :
            <SELECT>
            <OPTION>page break 1</OPTION>
            <OPTION>page break 2</OPTION>
            <OPTION>page break 3</OPTION>
            <OPTION>page break 4</OPTION>
            </SELECT>


            Qu'en pensez-vous ? Est-ce possible ? Quel fichier dois-je modifier ?

            Pour précision j'utilise un template Yootheme.

            Commentaire


            • #7
              Alors j'ai essayé de modifier en mettant ce que j'ai expliqué juste au-dessus dans le fichier "plugins/content/pagebreakpagebreak.php"
              Mais faire un lien sur un menu déroulant n'est pas facile

              Du coup j'ai utilisé une fonction de mon template sous Ulkit2 qui est Toggle (https://getuikit.com/v2/docs/toggle.html)

              Du coup maintenant par défaut j'ai un bouton que j'ai intitulé "Sommaire de l'article".
              Quand je clique dessus le dit sommaire s'affiche, et si je reclique dessus il disparaît.
              Si je change de page le sommaire disparaît également.

              Petite bidouille simpliste mais bon ça fait son effet...

              Si ça en intéresse, voici le code modifié.
              A la place de
              // TOC header.
              $row->toc = '<div class="pull-right article-index">';

              J'ai maintenant
              // TOC header.
              $row->toc = '<div class="pull-right article-index" >
              <button class="uk-button uk-button-primary" data-uk-toggle="{target:\'#sommaire\'
              }">Sommaire de l\'article</button>
              <div id="sommaire" class="uk-hidden">';

              Sans oublier de fermer le DIV à la fin de cette fonction


              Mais si quelqu'un a l'astuce pour faire le menu déroulant je reste preneur car si je change de thème pour un autre thème qui n'est pas sous Ulkit2 cette modification ne sera plus valide

              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
              Travaille ...
              X