« Modèle:Boîte déroulante » : différence entre les versions

De 21Wiki
Aucun résumé des modifications
Balise : Éditeur de wikicode 2017
Aucun résumé des modifications
Balise : Éditeur de wikicode 2017
 
(8 versions intermédiaires par le même utilisateur non affichées)
Ligne 1 : Ligne 1 :
<style>
<includeonly>
div.toggleBox h3 {
{| class="{{{class|}}}"
    font-size: 110%;
|-
    font-weight: bold;
! {{{label-1|}}}:
    cursor: pointer;
| {{{options-1|}}}:
    margin: 0;
| {{{default-1|}}}:
}
|-
 
! {{{label-2|}}}:
div.toggleBox.collapsedBox h3:before {
| {{{options-2|}}}:
    content: "▶";
| {{{default-2|}}}:
}
|-
 
! {{{label-3|}}}:
div.toggleBox h3:before {
| {{{options-3|}}}:
    content: "▼";
| {{{default-3|}}}:
    display: inline-block;
|}
    margin-right: .3em;
</includeonly>
}
 
div.toggleBox pre {
    display: none;
}
</style>
 
<div class="toggleBox" style="border:1px solid black;padding:1em;">
    <h3 onclick="toggleBox(this)">Titre de la boîte</h3>
    <pre>
        <nowiki>
            {| class="wikitable"
            ! Entête 1 !! Entête 2 !! Entête 3
            |-
            | Ligne 1, cellule 1 || Ligne 1, cellule 2 || Ligne 1, cellule 3
            |-
            | Ligne 2, cellule 1 || Ligne 2, cellule 2 || Ligne 2, cellule 3
            |}
        </nowiki>
    </pre>
</div>
 
<script>
    function toggleBox(elem) {
        var box = elem.parentNode;
        var pre = box.getElementsByTagName('pre')[0];
        if (box.className.indexOf('collapsedBox') > -1) {
            box.className = box.className.replace('collapsedBox','');
            pre.style.display = 'block';
        } else {
            box.className += 'collapsedBox';
            pre.style.display = 'none';
        }
    }
</script>

Dernière version du 3 mars 2023 à 23:36