Modifie cette page si tu souhaites l’améliorer. Mort de rire

Modèle

Modèle:Boîte déroulante

sur le Dico des Ados : ton dictionnaire collaboratif, libre et gratuit !

Version datée du 16 janvier 2021 à 22:11 par Rififi (discussion | contributions) (Syntaxe complète)
(diff) ← Version précédente | Voir la version actuelle (diff) | Version suivante → (diff)

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 ?}}

Coucou ! [chargement]
Comment ça va ?

{{Boîte déroulante|titre=Piège !|contenu=Bien joué !|label afficher=Masquer|label masquer=Afficher}}

Piège ! [chargement]
Bien joué !

{{Boîte déroulante|titre=Je suis affiché...|contenu=...par défaut !|masquer par défaut=0}}

Je suis affiché... [chargement]
...par défaut !

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}}

Je suis masqué... [chargement]