brouillon16
Différences
Ci-dessous, les différences entre deux révisions de la page.
| Les deux révisions précédentesRévision précédenteProchaine révision | Révision précédente | ||
| brouillon16 [2026/04/24 17:12] – créée nanaki | brouillon16 [2026/04/24 17:18] (Version actuelle) – nanaki | ||
|---|---|---|---|
| Ligne 1: | Ligne 1: | ||
| - | qqq | + | < |
| + | < | ||
| + | <meta charset=" | ||
| + | <meta name=" | ||
| + | |||
| + | |||
| + | < | ||
| + | body { font-family: | ||
| + | |||
| + | table { border-collapse: | ||
| + | td, th { border: 1px solid #ccc; padding: 5px; } | ||
| + | th { background: #f2f2f2; cursor: | ||
| + | |||
| + | .table-container { | ||
| + | width: 100%; | ||
| + | overflow-x: auto; | ||
| + | } | ||
| + | |||
| + | /* PC */ | ||
| + | table { | ||
| + | width: 100%; | ||
| + | table-layout: | ||
| + | } | ||
| + | |||
| + | /* tailles des colonnes */ | ||
| + | th: | ||
| + | th: | ||
| + | th: | ||
| + | th: | ||
| + | th: | ||
| + | th: | ||
| + | th: | ||
| + | th: | ||
| + | th: | ||
| + | |||
| + | /* PAR DÉFAUT : PAS DE RETOUR LIGNE */ | ||
| + | td, th { | ||
| + | overflow: hidden; | ||
| + | text-overflow: | ||
| + | white-space: | ||
| + | } | ||
| + | |||
| + | /* EXCEPTION : COLONNE EFFET */ | ||
| + | td: | ||
| + | white-space: | ||
| + | word-break: break-word; /* casse les mots longs */ | ||
| + | } | ||
| + | |||
| + | td: | ||
| + | white-space: | ||
| + | word-break: break-word; /* casse les mots longs */ | ||
| + | } | ||
| + | |||
| + | /* Mobile */ | ||
| + | @media (max-width: 768px) { | ||
| + | table { | ||
| + | min-width: 900px; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | /* cellules */ | ||
| + | td, th { | ||
| + | overflow: hidden; | ||
| + | text-overflow: | ||
| + | white-space: | ||
| + | } | ||
| + | |||
| + | /* exception effet */ | ||
| + | td: | ||
| + | white-space: | ||
| + | } | ||
| + | |||
| + | |||
| + | /* Catégories */ | ||
| + | .sort { background: #fff5e5; } | ||
| + | .cac { background: #ffe5e5; } | ||
| + | .tir { background: #e5f0ff; } | ||
| + | .survie { background: #e5fff5; } | ||
| + | .furtivite { background: #f5e5ff; } | ||
| + | |||
| + | /* Effets */ | ||
| + | .offensif { border-left: | ||
| + | .defensif { border-left: | ||
| + | .soin { border-left: | ||
| + | .malediction { border-left: | ||
| + | |||
| + | /* Couleurs des sorts par effet */ | ||
| + | .sort.offensif { | ||
| + | background: #ffe5e5; /* rouge clair */ | ||
| + | } | ||
| + | |||
| + | .sort.defensif { | ||
| + | background: #e5f0ff; /* bleu clair */ | ||
| + | } | ||
| + | |||
| + | .sort.malediction { | ||
| + | background: #f3e5ff; /* violet clair */ | ||
| + | } | ||
| + | |||
| + | /* Passifs */ | ||
| + | .P { background: #e5ffe5 !important; } | ||
| + | |||
| + | .controls { margin-bottom: | ||
| + | </ | ||
| + | </ | ||
| + | |||
| + | < | ||
| + | |||
| + | <div class=" | ||
| + | |||
| + | Points : <span id=" | ||
| + | |||
| + | < | ||
| + | |||
| + | Recherche : | ||
| + | <input type=" | ||
| + | |||
| + | Filtre catégorie : | ||
| + | <select id=" | ||
| + | <option value=" | ||
| + | <option value=" | ||
| + | <option value=" | ||
| + | <option value=" | ||
| + | <option value=" | ||
| + | <option value=" | ||
| + | </ | ||
| + | |||
| + | Filtre effet : | ||
| + | <select id=" | ||
| + | <option value=" | ||
| + | <option value=" | ||
| + | <option value=" | ||
| + | <option value=" | ||
| + | <option value=" | ||
| + | </ | ||
| + | |||
| + | Filtre type : | ||
| + | <select id=" | ||
| + | <option value=" | ||
| + | <option value=" | ||
| + | <option value=" | ||
| + | <option value=" | ||
| + | </ | ||
| + | |||
| + | </ | ||
| + | |||
| + | <div class=" | ||
| + | <table id=" | ||
| + | |||
| + | |||
| + | |||
| + | < | ||
| + | < | ||
| + | < | ||
| + | <th onclick=" | ||
| + | <th onclick=" | ||
| + | <th onclick=" | ||
| + | <th onclick=" | ||
| + | <th onclick=" | ||
| + | < | ||
| + | < | ||
| + | <th onclick=" | ||
| + | </ | ||
| + | </ | ||
| + | |||
| + | < | ||
| + | |||
| + | <!-- SORT --> | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <!-- NIVEAU 2 --> | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <!-- NIVEAU 3 --> | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <!-- NIVEAU 4 --> | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <!-- NIVEAU 5 --> | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | |||
| + | |||
| + | <!-- CAC --> | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <tr class=" | ||
| + | <tr class=" | ||
| + | <tr class=" | ||
| + | <tr class=" | ||
| + | <tr class=" | ||
| + | |||
| + | <!-- ===== NIVEAU 2 ===== --> | ||
| + | |||
| + | <tr class=" | ||
| + | <tr class=" | ||
| + | <tr class=" | ||
| + | <tr class=" | ||
| + | <tr class=" | ||
| + | <tr class=" | ||
| + | <tr class=" | ||
| + | |||
| + | <!-- ===== NIVEAU 3 ===== --> | ||
| + | |||
| + | <tr class=" | ||
| + | <tr class=" | ||
| + | <tr class=" | ||
| + | <tr class=" | ||
| + | <tr class=" | ||
| + | <tr class=" | ||
| + | <tr class=" | ||
| + | <tr class=" | ||
| + | <tr class=" | ||
| + | <tr class=" | ||
| + | <tr class=" | ||
| + | <tr class=" | ||
| + | <tr class=" | ||
| + | |||
| + | <!-- ===== NIVEAU 4 ===== --> | ||
| + | |||
| + | <tr class=" | ||
| + | <tr class=" | ||
| + | <tr class=" | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | <!-- DISTANCE --> | ||
| + | |||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <!-- ===== NIVEAU 2 ===== --> | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <!-- ===== NIVEAU 3 ===== --> | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <!-- ===== NIVEAU 4 ===== --> | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | |||
| + | <!-- SURVIE --> | ||
| + | |||
| + | <!-- ===== NIVEAU 2 ===== --> | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | <td>6 MP</ | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <!-- ===== NIVEAU 4 ===== --> | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | |||
| + | <!-- FURTIVITE --> | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | <!-- ===== NIVEAU 1 ===== --> | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | <td>X MP, Y Mvt, 1A</ | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <!-- ===== NIVEAU 3 ===== --> | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | <td>X MP, Y Mvt</ | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | |||
| + | |||
| + | <!-- ===== NIVEAU 4 ===== --> | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | <td>X MP, Y Mvt</ | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | <td>X MP, Y Mvt</ | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | <td>X MP, Y Mvt</ | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | <td>X MP, Y Mvt</ | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | |||
| + | <tr class=" | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | <td>X MP, Y Mvt</ | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | </ | ||
| + | |||
| + | </ | ||
| + | </ | ||
| + | |||
| + | < | ||
| + | |||
| + | // POINTS | ||
| + | let max = 15; | ||
| + | |||
| + | document.querySelectorAll(" | ||
| + | cb.addEventListener(" | ||
| + | let total = document.querySelectorAll(" | ||
| + | if(total > max){ cb.checked=false; | ||
| + | points.innerText = total; | ||
| + | }); | ||
| + | }); | ||
| + | |||
| + | // FILTRE | ||
| + | function filter(){ | ||
| + | let cat = filterCat.value; | ||
| + | let eff = filterEffect.value; | ||
| + | let type = filterType.value; | ||
| + | let s = search.value.toLowerCase(); | ||
| + | |||
| + | document.querySelectorAll("# | ||
| + | let txt = r.innerText.toLowerCase(); | ||
| + | |||
| + | let ok = | ||
| + | (cat==" | ||
| + | |||
| + | ( | ||
| + | eff==" | ||
| + | ? true | ||
| + | : (r.dataset.cat==" | ||
| + | ) && | ||
| + | |||
| + | (type==" | ||
| + | txt.includes(s); | ||
| + | |||
| + | r.style.display = ok ? "" | ||
| + | }); | ||
| + | } | ||
| + | |||
| + | filterCat.onchange = filter; | ||
| + | filterEffect.onchange = filter; | ||
| + | filterType.onchange = filter; | ||
| + | search.oninput = filter; | ||
| + | |||
| + | // TRI | ||
| + | function sortTable(n){ | ||
| + | let rows = Array.from(document.querySelectorAll("# | ||
| + | let asc = document.body.dataset.sort !== " | ||
| + | |||
| + | rows.sort((a, | ||
| + | let x = a.cells[n].innerText.toLowerCase(); | ||
| + | let y = b.cells[n].innerText.toLowerCase(); | ||
| + | return asc ? x.localeCompare(y, | ||
| + | : y.localeCompare(x, | ||
| + | }); | ||
| + | |||
| + | document.body.dataset.sort = asc ? " | ||
| + | rows.forEach(r=> | ||
| + | } | ||
| + | |||
| + | </ | ||
| + | |||
| + | </ | ||
| + | </ | ||
brouillon16.1777043556.txt.gz · Dernière modification : 2026/04/24 17:12 de nanaki
