Masquer ou afficher une partie d'un page ou d'un tableau

Un article de FormaVia.

Sur certaines pages particulièrement longue et/ou complexes, il peut être utile de masquer une partie du contenu, et de ne le faire apparaître qu'en cliquant dessus, via un lien afficher ou masquer.

Il existe plusieurs moyens pour y parvenir :

Masquer une partie d'un tableau

Cette fonctionnalité existe dans l'installation standard de Mediawiki : il faut pour cela ajouter collapsible lorsque l'on définit le tableau :

Code

{| class="collapsible"
!Titre du tableau (sera ''toujours'' affiché)
|-
|Le contenu du tableau, destiné à être masqué ou affiché.
|}

Résultat

Options

• On ajoute collapsed après collapsible pour masquer le contenu par défaut (ce qui donne "collapsible collapsed").
• On ajoute autocollapse de la même manière pour rendre automatique le fait que le tableau soit masqué ou déployé par défaut : le seuil est normalement fixé à 2 (c'est à dire que s'il y a plus de 2 tableaux en autocollapse sur une page, ils s'afficheront masqués.
• Enfin, il est possible d'ajouter innercollapse pour ne masquer le contenu du tableau que s'il est contenu dans un autre tableau : pratique surtout lors de l'utilisation de modèles et d'inclusions.

Pour masquer tout élément de texte

Il faut pour cela modifier 2 pages du wiki : MediaWiki:Common.js et MediaWiki:Common.css.

Les fichiers à y installer sont disponibles depuis la page http://en.wikipedia.org/wiki/Wikipedia:NavFrame , qui donne également la syntaxe détaillée pour des mises en pages plus complexes (tableaux imbriqués..).

Code

<div class="NavFrame">
<div class="NavHead">[... Titre de la boîte ...]</div>
<div class="NavContent">[... Le contenu à masquer/afficher...]
</div>
</div>

Résultat

Options

• On peut inverser l'ordre du titre et du contenu en inversant les deux lignes contenant respectivement NavHead et NavContent'
• On ajoute collapsed après Navframe pour que la boîte soit "fermée" ou lieu d'"ouverte" par défaut.
• Pour la syntaxe détaillée et que faire en cas de problèmes d'affichage, voir directement sur la page dédiée

Avec une extension spécifique

L'extension ToggleDisplay permet plus ou moins la même chose

• http://www.mediawiki.org/wiki/Extension:ToggleDisplay

Rendre le tableau triable

On ajoute sortable au début du tableau : {| class="sortable"