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

[dano75]

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

[pmleconte]

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

[lomart]

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

[RobertG]

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

[lomart]

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

[dano75]

Je suis désolé que ma question soir confuse...

Je vais essayer de vous répondre respectivement

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 :

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

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.

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.

[dano75]

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