Aide:Afficher et masquer du contenu - Historique des versions

Melmetal : /* top */collapsible -> enroulable

2023-10-03T12:49:12Z

top : collapsible -> enroulable

← Version précédente		Version du 3 octobre 2023 à 12:49
Ligne 1 :		Ligne 1 :
	{{Navigation aide\|Avancé}}		{{Navigation aide\|Avancé}}

	Ceci est une extension des possibilités du bouton « Enrouler/Dérouler », jusqu'ici uniquement présent en première ligne des tableaux définis avec <code>class="~~collapsible~~"</code>.		Ceci est une extension des possibilités du bouton « Enrouler/Dérouler », jusqu'ici uniquement présent en première ligne des tableaux définis avec <code>class="enroulable"</code>.

	Ce bouton peut désormais être mis en place par vous-même en code HTML, ou par le biais d'un modèle simplifiant sa création.		Ce bouton peut désormais être mis en place par vous-même en code HTML, ou par le biais d'un modèle simplifiant sa création.

Nolan le 13 juillet 2023 à 10:05

2023-07-13T10:05:57Z

← Version précédente		Version du 13 juillet 2023 à 10:05
Ligne 1 :		Ligne 1 :
	{{Navigation aide\|Avancé}}		{{Navigation aide\|Avancé}}

	Ceci est une extension des possibilités du bouton "Enrouler/Dérouler", jusqu'ici uniquement présent en première ligne des tableaux définis avec <code>class="collapsible"</code>.		Ceci est une extension des possibilités du bouton « Enrouler/Dérouler », jusqu'ici uniquement présent en première ligne des tableaux définis avec <code>class="collapsible"</code>.

	Ce bouton peut désormais être mis en place par vous-même en code HTML, ou par le biais d'un modèle simplifiant sa création.		Ce bouton peut désormais être mis en place par vous-même en code HTML, ou par le biais d'un modèle simplifiant sa création.

Silvallié : Forme et style, remplacement: .
C → . C (8), → , → (5)

2022-10-15T16:55:31Z

Forme et style, remplacement: .<br /> C → . C (8), → , → (5)

Mysbidule : ça avait l'air d'être un "br" cassé alors je le corrige

2021-04-06T19:15:26Z

ça avait l'air d'être un "br" cassé alors je le corrige

← Version précédente		Version du 6 avril 2021 à 19:15
Ligne 251 :		Ligne 251 :
	===Modifier l'apparence du bouton===		===Modifier l'apparence du bouton===

	Un bouton est entièrement personnalisable. Vous pouvez changer son apparence comme vous le souhaitez : [Enrouler] ; •Cacher• ; ↑ -Masquer- ; etc.<br<		Un bouton est entièrement personnalisable. Vous pouvez changer son apparence comme vous le souhaitez : [Enrouler] ; •Cacher• ; ↑ -Masquer- ; etc.<br />
	Vous pouvez également utiliser <code>style=</code> pour définir sa taille, sa couleur, sa police, et tout ce qui pourrait vous passer par la tête. La couleur souhaitée est à indiquer en [http://www.html-color-names.com/color-chart.php nom html] ou en [http://www.code-couleur.com/ valeur hexadécimale].		Vous pouvez également utiliser <code>style=</code> pour définir sa taille, sa couleur, sa police, et tout ce qui pourrait vous passer par la tête. La couleur souhaitée est à indiquer en [http://www.html-color-names.com/color-chart.php nom html] ou en [http://www.code-couleur.com/ valeur hexadécimale].

Red Bull Salzbourg : singulier et pluriel ne font pas bon ménage

2021-01-06T15:02:06Z

singulier et pluriel ne font pas bon ménage

← Version précédente		Version du 6 janvier 2021 à 15:02
Ligne 1 :		Ligne 1 :
	{{Navigation aide\|Avancé}}		{{Navigation aide\|Avancé}}

	Ceci est une extension des possibilités du bouton "Enrouler/Dérouler", jusqu'ici uniquement présent en première ligne des ~~tableau défini~~ avec <code>class="collapsible"</code>.<br />		Ceci est une extension des possibilités du bouton "Enrouler/Dérouler", jusqu'ici uniquement présent en première ligne des tableaux définis avec <code>class="collapsible"</code>.<br />
	Ce bouton peut désormais être mis en place par vous-même en code HTML, ou par le biais d'un modèle simplifiant sa création.		Ce bouton peut désormais être mis en place par vous-même en code HTML, ou par le biais d'un modèle simplifiant sa création.

Ligne 7 :		Ligne 7 :

	===Créer votre bouton===		===Créer votre bouton===
	Vous pouvez donner diverses ~~information~~ au script par le biais du marqueur <code>class=</code>. Les arguments sont à séparer par un espace et l'ordre dans lequel les placer n'est pas obligatoire.		Vous pouvez donner diverses informations au script par le biais du marqueur <code>class=</code>. Les arguments sont à séparer par un espace et l'ordre dans lequel les placer n'est pas obligatoire.
	<br style="clear:both;" />		<br style="clear:both;" />
	Prenons l'exemple de ce bouton :		Prenons l'exemple de ce bouton :
Ligne 75 :		Ligne 75 :
	====Plusieurs boutons : une cible====		====Plusieurs boutons : une cible====

	Il est possible d'afficher plusieurs boutons affichant/masquant la même cible. Ce type de procédé devrait dans l'idéal être évité, ou utilisé uniquement pour les contenus denses, avec les ~~bouton~~ en début et en fin d'affichage.		Il est possible d'afficher plusieurs boutons affichant/masquant la même cible. Ce type de procédé devrait dans l'idéal être évité, ou utilisé uniquement pour les contenus denses, avec les boutons en début et en fin d'affichage.

	<u>Code:</u>		<u>Code:</u>
Ligne 104 :		Ligne 104 :
	<button type="button" name="test4" value="afficher" title="↓ Cache-moi ça !">↑ Montre-moi tout !</button>		<button type="button" name="test4" value="afficher" title="↓ Cache-moi ça !">↑ Montre-moi tout !</button>

	<span class="test4" style="color:blue">Coucou !<br />Voici le premier contenu caché, de couleur ~~bleu~~.<br />		<span class="test4" style="color:blue">Coucou !<br />Voici le premier contenu caché, de couleur bleue.<br />
	Il prend plusieurs lignes et peut donc parfois se révéler assez dense.</span>		Il prend plusieurs lignes et peut donc parfois se révéler assez dense.</span>

Ligne 117 :		Ligne 117 :
	<button type="button" name="test4" value="afficher" title="↓ Cache-moi ça !">↑ Montre-moi tout !</button>		<button type="button" name="test4" value="afficher" title="↓ Cache-moi ça !">↑ Montre-moi tout !</button>

	<span class="test4" style="color:blue">Coucou !<br />Voici le premier contenu caché, de couleur ~~bleu~~.<br />		<span class="test4" style="color:blue">Coucou !<br />Voici le premier contenu caché, de couleur bleue.<br />
	Il prend plusieurs lignes et peut donc parfois se révéler assez dense.</span>		Il prend plusieurs lignes et peut donc parfois se révéler assez dense.</span>

Ligne 156 :		Ligne 156 :

	==== Afficher/Masquer une partie du tableau ====		==== Afficher/Masquer une partie du tableau ====
	Cependant pour afficher ou masquer seulement une partie d'un tableau il faut procéder autrement :		Cependant, pour afficher ou masquer seulement une partie d'un tableau, il faut procéder autrement :

	===== Utiliser un tableau enroulable =====		===== Utiliser un tableau enroulable =====
	Utiliser un tableau <code>enroulable</code> (ou <code>enroulable enroulé</code>) permet au lecteur de pouvoir afficher ou masquer toutes les lignes d'un tableau à l'exception de l'entête (voir la section ''5 - Interactions avec le lecteur'' de la page [[Aide:Insérer un tableau]] pour plus d'~~information~~).		Utiliser un tableau <code>enroulable</code> (ou <code>enroulable enroulé</code>) permet au lecteur de pouvoir afficher ou masquer toutes les lignes d'un tableau à l'exception de l'entête (voir la section ''5 - Interactions avec le lecteur'' de la page [[Aide:Insérer un tableau]] pour plus d'informations).

	===== Définir comme cible une ligne =====		===== Définir comme cible une ligne =====
Ligne 209 :		Ligne 209 :

	===== Définir comme cible une case =====		===== Définir comme cible une case =====
	De la même manière il est possible de définir une case comme cible, en ajoutant une classe propre a une cellule.		De la même manière, il est possible de définir une case comme cible, en ajoutant une classe propre à une cellule.

	Par exemple :		Par exemple :
Ligne 246 :		Ligne 246 :

	Notes:		Notes:
	* En masquant chacune des cases d'une colonne on peut masquer toute la colonne.		* En masquant chacune des cases d'une colonne, on peut masquer toute la colonne.
	* Si on masque une ou plusieurs cases d'une ligne sans les masquer toutes : la ou les cases restantes seront décalées le plus à gauche possible.		* Si on masque une ou plusieurs cases d'une ligne sans les masquer toutes : la ou les cases restantes seront décalées le plus à gauche possible.

Utilisateur supprimé 210308 : Annulation des modifications 1825676 de 2001:56B:BC17:8000:F593:DD40:287D:F9C0 (discussion)

2020-12-18T15:28:25Z

Annulation des modifications 1825676 de 2001:56B:BC17:8000:F593:DD40:287D:F9C0 (discussion)

Voir les modifications

2001:56B:BC17:8000:F593:DD40:287D:F9C0 : Contenu remplacé par « {{Navigation aide|Avancé}} »

2020-12-18T15:07:14Z

Contenu remplacé par « {{Navigation aide|Avancé}} »

Voir les modifications

Ppppp le 5 mai 2018 à 10:44

2018-05-05T10:44:57Z

← Version précédente		Version du 5 mai 2018 à 10:44
Ligne 303 :		Ligne 303 :
	;cacher (facultatif) :		;cacher (facultatif) :
	:Pour définir l'apparence du bouton masquant le contenu. ATTENTION : Certains caractères spéciaux ne sont pas compatibles (voir plus haut).		:Pour définir l'apparence du bouton masquant le contenu. ATTENTION : Certains caractères spéciaux ne sont pas compatibles (voir plus haut).
	:Par défaut, l'apparence du bouton est la suivante : <span style="color:~~blue~~">[Masquer]</span>		:Par défaut, l'apparence du bouton est la suivante : <span style="color:#0645AD">[Masquer]</span>
	;afficher (facultatif) :		;afficher (facultatif) :
	:Pour définir l'apparence du bouton affichant le contenu. ATTENTION : Certains caractères spéciaux ne sont pas compatibles (voir plus haut).		:Pour définir l'apparence du bouton affichant le contenu. ATTENTION : Certains caractères spéciaux ne sont pas compatibles (voir plus haut).
	:Par défaut, l'apparence du bouton est la suivante : <span style="color:~~blue~~">[Afficher]</span>		:Par défaut, l'apparence du bouton est la suivante : <span style="color:#0645AD">[Afficher]</span>
	;voir (facultatif) :		;voir (facultatif) :
	:Indiquer ici si le contenu est visible ou non lors du chargement de la page. Par défaut, la valeur de cet argument est ''non''.		:Indiquer ici si le contenu est visible ou non lors du chargement de la page. Par défaut, la valeur de cet argument est ''non''.

90.79.39.26 le 2 février 2018 à 08:43

2018-02-02T08:43:49Z

← Version précédente		Version du 2 février 2018 à 08:43
Ligne 246 :		Ligne 246 :

	Notes:		Notes:
	* En masquant chacune des cases d'une colonne on peut masquer toute la colonne		* En masquant chacune des cases d'une colonne on peut masquer toute la colonne.
	* Si on masque une ou plusieurs cases d'une ~~colonne~~ sans les masquer toutes : la ~~case sera décalée~~.		* Si on masque une ou plusieurs cases d'une ligne sans les masquer toutes : la ou les cases restantes seront décalées le plus à gauche possible.

	===Modifier l'apparence du bouton===		===Modifier l'apparence du bouton===

Mewtwo Ex : meh

2018-01-20T23:17:21Z

meh

← Version précédente		Version du 20 janvier 2018 à 23:17
Ligne 171 :		Ligne 171 :
	{\| class="tableaustandard centre"		{\| class="tableaustandard centre"
	\|- class="test7"		\|- class="test7"
	\| colspan="2" style="background:#AAAAAA" \| Une ligne pouvant être ~~masquer~~		\| colspan="2" style="background:#AAAAAA" \| Une ligne pouvant être masquée
	\|-		\|-
	\| colspan="2" \|Une ligne toujours affichée		\| colspan="2" \|Une ligne toujours affichée

← Version précédente		Version du 15 octobre 2022 à 16:55
Ligne 1 :		Ligne 1 :
	{{Navigation aide\|Avancé}}		{{Navigation aide\|Avancé}}

	Ceci est une extension des possibilités du bouton "Enrouler/Dérouler", jusqu'ici uniquement présent en première ligne des tableaux définis avec <code>class="collapsible"</code>.~~<br />~~		Ceci est une extension des possibilités du bouton "Enrouler/Dérouler", jusqu'ici uniquement présent en première ligne des tableaux définis avec <code>class="collapsible"</code>.

	Ce bouton peut désormais être mis en place par vous-même en code HTML, ou par le biais d'un modèle simplifiant sa création.		Ce bouton peut désormais être mis en place par vous-même en code HTML, ou par le biais d'un modèle simplifiant sa création.

Ligne 81 :		Ligne 82 :
	<button type="button" name="test3" value="afficher" title="[Enrouler]">[Dérouler]</button>		<button type="button" name="test3" value="afficher" title="[Enrouler]">[Dérouler]</button>

	<span class="test3">Coucou !<br />Voici le contenu caché.~~<br />~~		<span class="test3">Coucou !<br />Voici le contenu caché.

	Il prend plusieurs lignes et peut donc parfois se révéler assez dense.</span>		Il prend plusieurs lignes et peut donc parfois se révéler assez dense.</span>

Ligne 91 :		Ligne 93 :
	<button type="button" name="test3" value="afficher" title="[Enrouler]">[Dérouler]</button>		<button type="button" name="test3" value="afficher" title="[Enrouler]">[Dérouler]</button>

	<span class="test3">Coucou !<br />Voici le contenu caché.~~<br />~~		<span class="test3">Coucou !<br />Voici le contenu caché.

	Il prend plusieurs lignes et peut donc parfois se révéler assez dense.</span>		Il prend plusieurs lignes et peut donc parfois se révéler assez dense.</span>

Ligne 104 :		Ligne 107 :
	<button type="button" name="test4" value="afficher" title="↓ Cache-moi ça !">↑ Montre-moi tout !</button>		<button type="button" name="test4" value="afficher" title="↓ Cache-moi ça !">↑ Montre-moi tout !</button>

	<span class="test4" style="color:blue">Coucou !<br />Voici le premier contenu caché, de couleur bleue.~~<br />~~		<span class="test4" style="color:blue">Coucou !<br />Voici le premier contenu caché, de couleur bleue.

	Il prend plusieurs lignes et peut donc parfois se révéler assez dense.</span>		Il prend plusieurs lignes et peut donc parfois se révéler assez dense.</span>

	<span class="test4" style="color:red">Et hop !<br />Voici un deuxième contenu caché, de couleur rouge.~~<br />~~		<span class="test4" style="color:red">Et hop !<br />Voici un deuxième contenu caché, de couleur rouge.

	Il prend lui aussi de la place, surtout lorsqu'il est associé au premier.</span>		Il prend lui aussi de la place, surtout lorsqu'il est associé au premier.</span>

Ligne 117 :		Ligne 122 :
	<button type="button" name="test4" value="afficher" title="↓ Cache-moi ça !">↑ Montre-moi tout !</button>		<button type="button" name="test4" value="afficher" title="↓ Cache-moi ça !">↑ Montre-moi tout !</button>

	<span class="test4" style="color:blue">Coucou !<br />Voici le premier contenu caché, de couleur bleue.~~<br />~~		<span class="test4" style="color:blue">Coucou !<br />Voici le premier contenu caché, de couleur bleue.

	Il prend plusieurs lignes et peut donc parfois se révéler assez dense.</span>		Il prend plusieurs lignes et peut donc parfois se révéler assez dense.</span>

	<span class="test4" style="color:red">Et hop !<br />Voici un deuxième contenu caché, de couleur rouge.~~<br />~~		<span class="test4" style="color:red">Et hop !<br />Voici un deuxième contenu caché, de couleur rouge.

	Il prend lui aussi de la place, surtout lorsqu'il est associé au premier.</span>		Il prend lui aussi de la place, surtout lorsqu'il est associé au premier.</span>

Ligne 251 :		Ligne 258 :
	===Modifier l'apparence du bouton===		===Modifier l'apparence du bouton===

	Un bouton est entièrement personnalisable. Vous pouvez changer son apparence comme vous le souhaitez : [Enrouler] ; •Cacher• ; ↑ -Masquer- ; etc.~~<br />~~		Un bouton est entièrement personnalisable. Vous pouvez changer son apparence comme vous le souhaitez : [Enrouler] ; •Cacher• ; ↑ -Masquer- ; etc.

	Vous pouvez également utiliser <code>style=</code> pour définir sa taille, sa couleur, sa police, et tout ce qui pourrait vous passer par la tête. La couleur souhaitée est à indiquer en [http://www.html-color-names.com/color-chart.php nom html] ou en [http://www.code-couleur.com/ valeur hexadécimale].		Vous pouvez également utiliser <code>style=</code> pour définir sa taille, sa couleur, sa police, et tout ce qui pourrait vous passer par la tête. La couleur souhaitée est à indiquer en [http://www.html-color-names.com/color-chart.php nom html] ou en [http://www.code-couleur.com/ valeur hexadécimale].

Ligne 272 :		Ligne 280 :
	* chevrons (''' < > ''')		* chevrons (''' < > ''')
	'''Caractères déconseillés''' :		'''Caractères déconseillés''' :
	* accolades (''' <nowiki>{ }</nowiki> ''').		* accolades (''' <nowiki>{ }</nowiki> ''').
	* barre verticale (''' \| ''')		* barre verticale (''' \| ''')


	==Simplifiez-vous la vie : utilisez le modèle <nowiki>{{masquer}}</nowiki> !==		==Simplifiez-vous la vie : utilisez le modèle <nowiki>{{masquer}}</nowiki> !==
Ligne 299 :		Ligne 306 :
	:Le contenu à afficher/masquer (un texte, une image, etc) >> seul argument obligatoire pour toutes les situations.		:Le contenu à afficher/masquer (un texte, une image, etc) >> seul argument obligatoire pour toutes les situations.
	;nom (facultatif) :		;nom (facultatif) :
	:Nom de ''class'' à appliquer au contenu. Cet argument est <u>OBLIGATOIRE</u> si vous souhaitez mettre plusieurs modèles à contenu masqué dans une même page.		:Nom de ''class'' à appliquer au contenu. Cet argument est <u>OBLIGATOIRE</u> si vous souhaitez mettre plusieurs modèles à contenu masqué dans une même page.
	:Rappel: les noms de class ne peuvent pas contenir d'espace. Utilisez « - » ou « _ » si vous souhaitez séparer vos termes.		:Rappel: les noms de class ne peuvent pas contenir d'espace. Utilisez « - » ou « _ » si vous souhaitez séparer vos termes.
	;cacher (facultatif) :		;cacher (facultatif) :
	:Pour définir l'apparence du bouton masquant le contenu. ATTENTION : Certains caractères spéciaux ne sont pas compatibles (voir plus haut).		:Pour définir l'apparence du bouton masquant le contenu. ATTENTION : Certains caractères spéciaux ne sont pas compatibles (voir plus haut).
	:Par défaut, l'apparence du bouton est la suivante : <span style="color:#0645AD">[Masquer]</span>		:Par défaut, l'apparence du bouton est la suivante : <span style="color:#0645AD">[Masquer]</span>
	;afficher (facultatif) :		;afficher (facultatif) :
	:Pour définir l'apparence du bouton affichant le contenu. ATTENTION : Certains caractères spéciaux ne sont pas compatibles (voir plus haut).		:Pour définir l'apparence du bouton affichant le contenu. ATTENTION : Certains caractères spéciaux ne sont pas compatibles (voir plus haut).
	:Par défaut, l'apparence du bouton est la suivante : <span style="color:#0645AD">[Afficher]</span>		:Par défaut, l'apparence du bouton est la suivante : <span style="color:#0645AD">[Afficher]</span>
	;voir (facultatif) :		;voir (facultatif) :
	:Indiquer ici si le contenu est visible ou non lors du chargement de la page. Par défaut, la valeur de cet argument est ''non''.		:Indiquer ici si le contenu est visible ou non lors du chargement de la page. Par défaut, la valeur de cet argument est ''non''.
	;style (facultatif) :		;style (facultatif) :

Aide:Afficher et masquer du contenu - Historique des versions

Melmetal : /* top */collapsible -> enroulable

Nolan le 13 juillet 2023 à 10:05

Silvallié : Forme et style, remplacement: . C → . C (8), → , → (5)

Mysbidule : ça avait l'air d'être un "br" cassé alors je le corrige

Red Bull Salzbourg : singulier et pluriel ne font pas bon ménage

Utilisateur supprimé 210308 : Annulation des modifications 1825676 de 2001:56B:BC17:8000:F593:DD40:287D:F9C0 (discussion)

2001:56B:BC17:8000:F593:DD40:287D:F9C0 : Contenu remplacé par « {{Navigation aide|Avancé}} »