« Boîte déroulante » : différence entre les versions
sur le Dico des Ados : ton dictionnaire collaboratif, libre et gratuit !
... |
|||
| (3 versions intermédiaires par le même utilisateur non affichées) | |||
| Ligne 1 : | Ligne 1 : | ||
<includeonly><div class="dico-navigation-bar" style="{{{style global|}}}" data-hide-by-default="{{{masquer par défaut|1}}}"> | <includeonly><div class="dico-navigation-bar" style="{{{style global|}}}" data-hide-by-default="{{{masquer par défaut|1}}}"><div class="dico-nav-title" style="{{{style titre|}}}">{{{titre|'''Titre manquant'''}}} <span class="dico-nav-btn-container" style="{{{style conteneur bouton|}}}" data-hide-lbl="{{{label masquer|Masquer}}}" data-show-lbl="{{{label afficher|Afficher}}}">{{{texte chargement|[chargement]}}}</span></div><div class="dico-nav-frame" style="{{{style contenu|}}}">{{{contenu|'''Contenu manquant'''}}}</div></div></includeonly><noinclude> | ||
</div></includeonly><noinclude> | |||
Ce modèle permet d'afficher des petites boîtes déroulantes que l'utilisateur peut voir et masquer. | Ce modèle permet d'afficher des petites boîtes déroulantes que l'utilisateur peut voir et masquer. | ||
===Syntaxe complète=== | ===Syntaxe complète=== | ||
Tu n'es pas obligé de tout mettre ! Seul titre et contenu suffisent. | |||
< | <pre><nowiki> | ||
{{Boîte déroulante | {{Boîte déroulante | ||
|titre = <!--Le titre (visible lorsque la boîte est masquée), obligatoire--> | |titre = <!--Le titre (visible lorsque la boîte est masquée), obligatoire--> | ||
| Ligne 24 : | Ligne 16 : | ||
|style contenu = <!--Style de l'élément div qui possède le contenu--> | |style contenu = <!--Style de l'élément div qui possède le contenu--> | ||
|masquer par défaut = <!--Lors de l'initialisation du script, celui-ci masquera le contenu si le paramètre est mis à 1 (par défaut), et le laissera afficher s'il est à 0--> | |masquer par défaut = <!--Lors de l'initialisation du script, celui-ci masquera le contenu si le paramètre est mis à 1 (par défaut), et le laissera afficher s'il est à 0--> | ||
</nowiki></ | }} | ||
</nowiki></pre> | |||
====Exemple==== | ====Exemple==== | ||
<code><nowiki>{{Boîte déroulante|titre=Coucou !|contenu=Comment ça va ?}}</nowiki></code> | <code><nowiki>{{Boîte déroulante|titre=Coucou !|contenu=Comment ça va ?}}</nowiki></code> | ||
| Ligne 32 : | Ligne 25 : | ||
<code><nowiki>{{Boîte déroulante|titre=Je suis affiché...|contenu=...par défaut !|masquer par défaut=0}}</nowiki></code> | <code><nowiki>{{Boîte déroulante|titre=Je suis affiché...|contenu=...par défaut !|masquer par défaut=0}}</nowiki></code> | ||
{{Boîte déroulante|titre=Je suis affiché...|contenu=...par défaut !|masquer par défaut=0}} | {{Boîte déroulante|titre=Je suis affiché...|contenu=...par défaut !|masquer par défaut=0}} | ||
Remarque : les boîtes sont masquées au démarrage (si demandé) par le script. Si vous voulez qu'une boîte soit masquée automatiquement et ce même si le script plante, ajoutez <code>display:none;</code> à '''style contenu'''. Attention cependant, si le script plante, l'utilisateur ne pourra jamais voir le contenu. | |||
<code><nowiki>{{Boîte déroulante|titre=Je suis masqué...|contenu=...même si le script ne marche pas !|style contenu=display:none;|masquer par défaut=0}}</nowiki></code> | |||
{{Boîte déroulante|titre=Je suis masqué...|contenu=...même si le script ne marche pas !|style contenu=display:none;|masquer par défaut=0}} | |||
Dernière version du 16 janvier 2021 à 22:11
Ce modèle permet d'afficher des petites boîtes déroulantes que l'utilisateur peut voir et masquer.
Syntaxe complète[modifier le wikicode]
Tu n'es pas obligé de tout mettre ! Seul titre et contenu suffisent.
{{Boîte déroulante
|titre = <!--Le titre (visible lorsque la boîte est masquée), obligatoire-->
|contenu = <!--Le contenu, obligatoire-->
|label afficher = <!--Pour le bouton afficher/masquer, texte à mettre à la place de Afficher-->
|label masquer = <!--Même chose mais à la place de Masquer-->
|texte chargement = <!--Texte à afficher en attendant que le script le remplace par le bouton afficher/masquer, par défaut [chargement]-->
|style global = <!--Style de l'élément div englobant tout le modèle-->
|style titre = <!--Style de l'élément div contenant le titre et le bouton-->
|style conteneur bouton = <!--Style de l'élément span contenant le bouton (il n'est pas possible de mettre un style personnalisé pour chaque boîte directement sur le bouton)-->
|style contenu = <!--Style de l'élément div qui possède le contenu-->
|masquer par défaut = <!--Lors de l'initialisation du script, celui-ci masquera le contenu si le paramètre est mis à 1 (par défaut), et le laissera afficher s'il est à 0-->
}}
Exemple[modifier le wikicode]
{{Boîte déroulante|titre=Coucou !|contenu=Comment ça va ?}}
{{Boîte déroulante|titre=Piège !|contenu=Bien joué !|label afficher=Masquer|label masquer=Afficher}}
{{Boîte déroulante|titre=Je suis affiché...|contenu=...par défaut !|masquer par défaut=0}}
Remarque : les boîtes sont masquées au démarrage (si demandé) par le script. Si vous voulez qu'une boîte soit masquée automatiquement et ce même si le script plante, ajoutez display:none; à style contenu. Attention cependant, si le script plante, l'utilisateur ne pourra jamais voir le contenu.
{{Boîte déroulante|titre=Je suis masqué...|contenu=...même si le script ne marche pas !|style contenu=display:none;|masquer par défaut=0}}