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 :

Ce texte est repliable.

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 :

Exemple Lorem ipsum Ce texte est repliable.



Avec partie repliable spécifiée
Par défaut, un élément repliable non-tableau 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 :

Ce texte n'est pas repliable; mais le texte suivant l'est mais il est caché par défaut :



Emplacement personnalisé du lien permettant de basculer
Vous pouvez indiquer dans l'élément replié, la position du lien de basculement, en ajoutant à l'intérieur, un élément de classe. 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.

Vous pourrez combiner ceci avec une partie repliable spécifique (voir ci-dessus), et sortir le marqueur d'emplacement de l'élément, pour être sûr que le lien reste accessible quand l'élément est replié.



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. Sa relation avec l'élément repliable est détectée en utilisant un attribut ID de préfixe  et un attribut de la classe correspondante de préfixe , respectivement pour l'élément repliable et pour le lien de basculement.

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