Manual:Collapsible elements/fr

jQuery.makeCollapsible

 * Voir aussi la documentation de pour plus d'informations sur son fonctionnement.
 * Voir aussi : pour plus d'exemples.

Ce module est dans le noyau MediaWiki par défaut depuis MediaWiki 1.18 et supérieur. Ce module est livré avec MediaWiki par défaut. Vous n'avez pas besoin de le copier sur un wiki. Le source (si cela vous intéresse) se trouve dans le dépôt du noyau de MediaWiki ( et ).

Ajoutez la classe  à n'importe quel élément (div, table, liste, n'importe quoi) pour le déclencher.

Cela ne fonctionne pas sur (T111565).

Notez-bien que la fonction Recherche des navigateurs ne prend pas en compte le contenu des éléments repliés (T327893).

Tableau
Un tableau peut être replié comme n'importe quel autre élément. La différence est qu'une partie du tableau reste visible, même lorsqu'elle est réduite. Un tableau avec une légende garde sa légende visible :

Un tableau sans légende garde sa première ligne visible :

Résultat :



Avec état initial spécifié
Vous pouvez ajouter  après   pour que le contenu soit réduit par défaut lorsque vous chargez la page.

Pour définir l'état initial réduit, ajoutez " ", comme indiqué dans le tableau suivant :

Vous pouvez ajouter une bordure autour de la légende pour qu'il soit plus facile de la voir quand il s'agit d'un tableau réduit :


 * + style="white-space:nowrap; border:1px solid; padding:3px;" | La légende reste visible.

Simple
Résultat :

This text is collapsible.

En utilisant les attributs  et , on peut définir un texte personnalisé pour les étiquettes de basculement ajoutées par le script. Lorsqu'ils sont ajoutés dans le wikicode, ils peuvent être remplis par un message localisé comme :



Simple avec titre
Résultat :

Lorem ipsum sample This text is collapsible.



Avec partie repliable spécifiée
Par défaut, un élément repliable non-tableeau se replie complètement.

Pour garder certains contenus visibles, même lorsqu'ils sont réduits, vous pouvez spécifier quelle partie du contenu est repliable.

Résultat :

This text is not collapsible; but the next is collapsible and hidden by default:



Emplacement personnalisé du lien permettant de basculer
You can control where inside the collapsible element the toggle link goes by placing an element with the class  inside it. Le marqueur sera substitué complètement par un lien classique de baculement, à la position exacte dans le DOM où vous l'aurez placé. Voir la démonstration avancée pour un exemple.

You will want to combine this with a specified collapsible part (see above), and put the placeholder outside the  element, to ensure that the toggle is still reachable in the collapsed state.



Avec lien personnalisé de basculement
Si vous ne voulez pas que le script place le lien bascule par défaut (avec ou non une étiquette personnalisée) dans votre élément, vous pouvez en créer un vous-même. Cela peut se faire n'importe où, à l'intérieur de l'élément repliable, ou à l'extérieur. Its relationship to the collapsible element is detected by using an ID attribute with the prefix  and a corresponding class attribute with prefix   for the collapsible element and the togglelink respectively.

Résultat :

Lien de basculement Texte du basculement Lien supplémentaire de basculement



A l'intérieur d'un autre élément
Vous pouvez également utiliser des éléments réductibles à l'intérieur d'autres éléments, comme un tableau.



Placer le lien de basculement à la gauche
Les images larges et les URL longues dans les tableaux ou éléments réductibles peuvent entraîner le basculement du lien hors écran vers la droite lorsqu'il est développé. Sur les téléphones portables par exemple. Parfois, il est difficile ou impossible d'accéder au lien bascule pour cliquer dessus et le fermer. Le CSS suivant place le lien bascule tout à gauche et laisse un peu d'espace entre lui et le texte à sa droite. La position du lien bascule ne change pas lorsque le tableau ou l'élément est développé ou réduit. Ajoutez le CSS dans common.css en modifiant la page MediaWiki:common.css. Modifiez également mobile.css si vous importez jquery.makeCollapsible dans mobile.js. Pour les exemples, voir common.css, mobile.js, et mobile.css



Suppression des crochets de la bascule
Si vous souhaitez masquer les crochets dans les liens de basculement d'étiquette par défaut ou personnalisés (pour des raisons esthétiques ou autres) :



Voir aussi

 * en:Help:Table