brouillon7
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 | ||
| brouillon7 [2026/04/19 22:35] – nanaki | brouillon7 [2026/04/22 20:07] (Version actuelle) – nanaki | ||
|---|---|---|---|
| Ligne 1: | Ligne 1: | ||
| - | ===== Liste des Sorts et techniques ===== | + | < |
| - | Un complément d' | + | < |
| + | body { font-family: | ||
| - | < | + | table { border-collapse: collapse; width: 100%; font-size: 13px; } |
| - | < | + | td, th { border: 1px solid #ccc; padding: 5px; } |
| - | <meta charset=" | + | |
| - | < | + | |
| - | < | + | |
| - | body { font-family: | + | |
| - | h3 { text-align: center; } | + | |
| - | .table-container | + | |
| - | table { width: 100%; border-collapse: collapse; min-width: 1200px; } | + | |
| - | th, td { padding: 8px; border: 1px solid #ccc; text-align: left; } | + | |
| th { background: #f2f2f2; } | th { background: #f2f2f2; } | ||
| - | tbody tr: | ||
| - | tbody tr: | ||
| - | /* Couleurs par race */ | + | .offensif |
| - | td.race-Communs | + | .defensif |
| - | td.race-Nain | + | .malediction |
| - | td.race-Géant | + | |
| - | td.race-Olympien { color: darkorange; } | + | .controls |
| - | td.race-HS | + | |
| - | td.race-Elfe { color: green; } | + | |
| </ | </ | ||
| - | </ | ||
| - | < | ||
| - | <!-- ================= TABLEAU 1 : sorts ================= --> | + | <div class="controls"> |
| - | < | + | |
| - | <label for=" | + | |
| - | <select id=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value="Elfe"> | + | |
| - | </select> | + | |
| - | <div class=" | + | Points : <span id="points">0</span> / 15 |
| - | < | + | |
| - | < | + | |
| - | < | + | |
| - | < | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | </ | + | |
| - | < | + | |
| - | <tbody> | + | <br>< |
| - | <!-- ================= NIVEAU 1 ================= --> | + | Recherche : |
| + | <input type=" | ||
| - | <tr class="Communs"> | + | Filtre effet : |
| - | <td class="race-Communs">Communs</td><td> | + | <select id="filterEffect"> |
| - | <td>6 MP</td>< | + | <option value="all">Tous</option> |
| - | <td>Donne l’avantage au toucher</ | + | <option value=" |
| - | </tr> | + | <option value=" |
| + | <option value=" | ||
| + | </select> | ||
| - | <tr class="Communs"> | + | Filtre type : |
| - | <td class="race-Communs">Communs</td><td> | + | <select id="filterType"> |
| - | <td>6 MP</td>< | + | <option value="all">Tous</option> |
| - | <td>Bonus de +4 pour toucher</ | + | <option value=" |
| - | </tr> | + | <option value=" |
| + | <option value=" | ||
| + | <option value=" | ||
| + | </select> | ||
| - | <tr class=" | + | </div> |
| - | <td class=" | + | |
| - | <td>6 MP</ | + | |
| - | < | + | |
| - | </tr> | + | |
| - | <tr class="Communs"> | + | <table id="skills"> |
| - | <td class=" | + | |
| - | <td>4 MP</ | + | |
| - | < | + | |
| - | </tr> | + | |
| - | <tr class=" | + | <thead> |
| - | <td class=" | + | <tr> |
| - | <td>4 MP</td><td>Dextérité (x2)</td><td>Autre / Soi-même</td><td>max 1</td> | + | <th></th> |
| - | <td> | + | <th>Race</th> |
| + | <th>Nom</th> | ||
| + | <th>Coût</th> | ||
| + | <th>Type</th> | ||
| + | <th>Effet</th> | ||
| + | <th>Portée</th> | ||
| + | <th>Niv</th> | ||
| </tr> | </tr> | ||
| + | </ | ||
| - | <tr class=" | + | <tbody> |
| - | <td class=" | + | |
| - | <td>4 MP</ | + | |
| - | < | + | |
| - | </tr> | + | |
| - | <tr class=" | + | <!-- NIVEAU |
| - | <td class=" | + | |
| - | <td>4 MP</ | + | |
| - | < | + | |
| - | </tr> | + | |
| - | <tr class=" | + | <tr class=" |
| - | <td class="race-Communs">Communs</td><td>Peau de granit</ | + | < |
| - | <td>4 MP</ | + | <td>com</ |
| - | < | + | |
| </tr> | </tr> | ||
| - | <tr class=" | + | <tr class=" |
| - | <td class="race-Communs">Communs</td><td>Restauration mineure</ | + | < |
| - | <td>6 MP</ | + | <td>com</ |
| - | < | + | |
| </tr> | </tr> | ||
| - | <tr class=" | + | <tr class=" |
| - | <td class="race-Communs">Communs</td><td>Vulnérabilité</ | + | < |
| - | <td>6 MP</ | + | <td>com</ |
| - | < | + | |
| </tr> | </tr> | ||
| - | <!-- ================= NIVEAU 2 ================= | + | <tr class=" |
| - | + | <td>< | |
| - | <tr class="Communs"> | + | <td>com</ |
| - | <td class=" | + | |
| - | <td>6 MP</ | + | |
| - | < | + | |
| </tr> | </tr> | ||
| - | <tr class=" | + | <tr class=" |
| - | <td class=" | + | <td>< |
| - | <td>8 MP</ | + | <td>com</ |
| - | <td>Renforce la défense</ | + | |
| </tr> | </tr> | ||
| - | <tr class=" | + | <tr class=" |
| - | <td class="race-Communs">Communs</td><td>Colère de la nature</ | + | < |
| - | <td>8 MP</ | + | <td>com</ |
| - | < | + | |
| </tr> | </tr> | ||
| - | <tr class=" | + | <tr class=" |
| - | <td class="race-Communs">Communs</td><td>Drain</ | + | < |
| - | <td>6 MP</ | + | <td>com</ |
| - | < | + | |
| </tr> | </tr> | ||
| - | <tr class=" | + | <tr class=" |
| - | <td class="race-Communs">Communs</td><td>Faiblesse</ | + | < |
| - | <td>6 MP</ | + | <td>com</ |
| - | <td>Réduit les capacités</ | + | |
| </tr> | </tr> | ||
| - | <tr class=" | + | <tr class=" |
| - | <td class="race-Communs">Communs</td><td>Fragilité</ | + | < |
| - | <td>10 MP</ | + | <td>com</ |
| - | <td>Augmente les dégâts subis</ | + | |
| </tr> | </tr> | ||
| - | <tr class=" | + | <tr class=" |
| - | <td class="race-Communs">Communs</td><td>Instabilité</ | + | < |
| - | <td>6 MP</ | + | <td>com</ |
| - | <td>Effet instable</ | + | |
| </tr> | </tr> | ||
| - | <tr class=" | + | <!-- NIVEAU |
| - | <td class=" | + | |
| - | <td>4 MP</ | + | |
| - | < | + | |
| - | </tr> | + | |
| - | <tr class=" | + | <tr class=" |
| - | <td class="race-Communs">Communs</td><td>Puissance de la nature</ | + | < |
| - | <td>8 MP</ | + | <td>com</ |
| - | < | + | |
| </tr> | </tr> | ||
| - | <tr class=" | + | <tr class=" |
| - | <td class="race-Communs">Communs</td><td>Régénération</ | + | < |
| - | <td>4 MP</ | + | <td>com</ |
| - | < | + | |
| </tr> | </tr> | ||
| - | <tr class=" | + | <tr class=" |
| - | <td class="race-Communs">Communs</td><td>Renforcement</ | + | < |
| - | <td>6 MP</ | + | <td>com</ |
| - | < | + | |
| </tr> | </tr> | ||
| - | <tr class=" | + | <tr class=" |
| - | <td class="race-Communs">Communs</td><td>Restauration</ | + | < |
| - | <td>6 MP</ | + | <td>HS</ |
| - | <td>Restaure selon R</ | + | |
| </tr> | </tr> | ||
| - | <tr class=" | + | <tr class=" |
| - | <td class="race-Communs">Communs</td><td>Siphon</ | + | < |
| - | <td>0 MP, 5 PV, 2 Mvt</ | + | <td>Elfe</ |
| - | < | + | |
| </tr> | </tr> | ||
| - | <tr class=" | + | <tr class=" |
| - | <td class="race-Communs">Communs</td><td>Stabilisation</ | + | < |
| - | <td>2 MP, 1 Mvt</ | + | <td>Géant</ |
| - | <td>Stabilise</ | + | |
| </tr> | </tr> | ||
| - | < | + | <!-- NIVEAU 3 --> |
| - | <tr class=" | + | <tr class=" |
| - | <td class=" | + | <td>< |
| - | <td>8 MP</ | + | <td>com</ |
| - | < | + | |
| </tr> | </tr> | ||
| - | <tr class=" | + | <tr class=" |
| - | <td class="race-Communs">Communs</td><td>Fatigue</ | + | < |
| - | <td>12 MP</ | + | <td>com</ |
| - | < | + | |
| </tr> | </tr> | ||
| - | <tr class=" | + | <tr class=" |
| - | <td class="race-Communs">Communs</td><td>Malchance</ | + | < |
| - | <td>8 MP</ | + | <td>com</ |
| - | < | + | |
| </tr> | </tr> | ||
| - | <tr class=" | + | <!-- NIVEAU |
| - | <td class=" | + | |
| - | <td>4 MP</ | + | |
| - | < | + | |
| - | </tr> | + | |
| - | <tr class=" | + | <tr class=" |
| - | <td class=" | + | <td>< |
| - | <td>8 MP</ | + | <td>com</ |
| - | < | + | |
| </tr> | </tr> | ||
| - | <tr class=" | + | <tr class=" |
| - | <td class="race-Communs">Communs</td><td>Régénération accélérée</ | + | < |
| - | <td>10 MP</ | + | <td>Géant</ |
| - | < | + | |
| </tr> | </tr> | ||
| - | <tr class=" | + | <tr class=" |
| - | <td class="race-Communs">Communs</td><td>Restauration majeure</ | + | < |
| - | <td>12 MP</ | + | <td>Elfe</ |
| - | <td>Restaure complètement</ | + | |
| </tr> | </tr> | ||
| - | <!-- ================= NIVEAU 4 ================= | + | <tr class=" |
| - | + | <td>< | |
| - | <tr class="Communs"> | + | <td>Olympien</ |
| - | <td class=" | + | |
| - | <td>15 MP</ | + | |
| - | < | + | |
| </tr> | </tr> | ||
| - | <tr class=" | + | <!-- NIVEAU 5 --> |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | < | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <!-- ================= SANS NIVEAU (HS / RACES / PASSIFS) ================= --> | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>4 PM</ | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>6 PM</ | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>4 PM</ | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>5 PM</ | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>6 PM</ | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>8 PM</ | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>4 PM</ | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>7 PM</ | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>6 PM</ | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>8 PM</ | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>4 PM</ | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>8 PM</ | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>4 PM</ | + | |
| - | < | + | |
| - | </tr> | + | |
| - | <tr class=" | + | <tr class=" |
| - | <td class="race-Olympien">Olympien</td><td> | + | < |
| - | <td>7 PM</ | + | <td>com</ |
| - | <td>Toucher magique pour soigner un blessé.</ | + | |
| </tr> | </tr> | ||
| - | <tr class=" | + | <tr class=" |
| - | <td class="race-Olympien">Olympien</td><td>Lame Bénie *</ | + | < |
| - | <td>12 PM</ | + | <td>com</ |
| - | < | + | |
| </tr> | </tr> | ||
| - | <tr class=" | + | <tr class=" |
| - | <td class="race-Olympien">Olympien</td><td>Soumission divine</ | + | < |
| - | <td>8 PM</ | + | <td>com</ |
| - | < | + | |
| </tr> | </tr> | ||
| - | <tr class=" | + | <tr class=" |
| - | <td class="race-Olympien">Olympien</td><td>Mage sacrée</ | + | < |
| - | <td>/</ | + | <td>com</ |
| - | <td>Bonus de +2 pour toucher avec des sorts de soutien pour chaque effet sur lui</ | + | |
| </tr> | </tr> | ||
| </ | </ | ||
| </ | </ | ||
| - | </ | ||
| < | < | ||
| - | // Script pour le premier tableau | ||
| - | const select1 = document.getElementById(" | ||
| - | const rows1 = document.querySelectorAll("# | ||
| - | select1.addEventListener(" | + | let max = 15; |
| - | const chosenRace = select1.value; | + | |
| - | rows1.forEach(row => { | + | |
| - | const isCommun = row.classList.contains(" | + | |
| - | const isRace = row.classList.contains(chosenRace); | + | |
| - | row.style.display = (chosenRace === " | + | |
| - | }); | + | |
| - | }); | + | |
| - | </ | + | |
| - | + | ||
| - | < | + | |
| - | + | ||
| - | <!-- ================= TABLEAU 2 : Sorts ================= --> | + | |
| - | < | + | |
| - | <label for=" | + | |
| - | <select id=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | </ | + | |
| - | + | ||
| - | <div class=" | + | |
| - | <table id=" | + | |
| - | < | + | |
| - | < | + | |
| - | < | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | </ | + | |
| - | < | + | |
| - | + | ||
| - | <!-- ===== COMMUNS ===== --> | + | |
| - | <tr class=" | + | |
| - | <tr class=" | + | |
| - | <tr class=" | + | |
| - | <tr class=" | + | |
| - | <tr class=" | + | |
| - | <tr class=" | + | |
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>1 Mvt</ | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>5 Mvt, 0A</ | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>2 MP</ | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>4 MP</ | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>2 PV</ | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>4 MP</ | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <!-- ===== NAINS ===== --> | + | |
| - | <tr class=" | + | |
| - | <tr class=" | + | |
| - | <tr class=" | + | |
| - | <tr class=" | + | |
| - | + | ||
| - | <!-- ===== GÉANTS ===== --> | + | |
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>8 PM</ | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>8 PM</ | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <!-- ===== OLYMPIENS ===== --> | + | |
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>7 PM</ | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>7 PM</ | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <!-- ===== HS ===== --> | + | |
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>6 PM</ | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <!-- ===== ELFES ===== --> | + | |
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>7 PM</ | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | <td>7 PM + 1 Mvt</ | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | + | ||
| - | <!-- ===== COMMUNS ===== --> | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | <td>2 comp. Avancées</ | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <!-- ===== GÉANTS ===== --> | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <!-- ===== HS ===== --> | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <!-- ===== ELFES ===== --> | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | </ | + | |
| - | </ | + | |
| - | </ | + | |
| - | + | ||
| - | < | + | |
| - | // Script pour le second tableau | + | |
| - | const select2 = document.getElementById(" | + | |
| - | const rows2 = document.querySelectorAll("# | + | |
| - | select2.addEventListener("change", () => { | + | document.querySelectorAll(".skill").forEach(cb=>{ |
| - | const chosenRace = select2.value; | + | cb.addEventListener(" |
| - | rows2.forEach(row => { | + | let total = document.querySelectorAll(".skill: |
| - | const isCommun | + | if(total > max){ cb.checked = false; return; } |
| - | const isRace = row.classList.contains(chosenRace); | + | points.innerText |
| - | row.style.display | + | |
| - | }); | + | |
| }); | }); | ||
| - | </ | ||
| - | |||
| - | |||
| - | <hr> | ||
| - | |||
| - | <!-- ================= TABLEAU 3 : Techniques Distance ================= --> | ||
| - | < | ||
| - | <label for=" | ||
| - | <select id=" | ||
| - | <option value=" | ||
| - | <option value=" | ||
| - | <option value=" | ||
| - | <option value=" | ||
| - | <option value=" | ||
| - | <option value=" | ||
| - | <option value=" | ||
| - | </ | ||
| - | |||
| - | <div class=" | ||
| - | <table id=" | ||
| - | < | ||
| - | <tr> | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | </ | ||
| - | < | ||
| - | |||
| - | <!-- ================= COMMUNS ================= --> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>2 MP</ | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>2 MP</ | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>6 MP</ | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>4 MP</ | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>2 MP</ | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>2 MP</ | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>2 MP</ | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>4 MP, 1 Mvt</ | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | |||
| - | </ | ||
| - | </ | ||
| - | </ | ||
| - | |||
| - | < | ||
| - | // Script pour le troisieme tableau | ||
| - | const select3 = document.getElementById(" | ||
| - | const rows3 = document.querySelectorAll("# | ||
| - | |||
| - | select3.addEventListener(" | ||
| - | const chosenRace = select3.value; | ||
| - | rows3.forEach(row => { | ||
| - | const isCommun = row.classList.contains(" | ||
| - | const isRace = row.classList.contains(chosenRace); | ||
| - | row.style.display = (chosenRace === " | ||
| - | }); | ||
| }); | }); | ||
| - | </ | ||
| + | function filter(){ | ||
| + | let e = filterEffect.value; | ||
| + | let t = filterType.value; | ||
| + | let s = search.value.toLowerCase(); | ||
| - | < | + | document.querySelectorAll("#skills tbody tr").forEach(r=>{ |
| - | + | let txt = r.innerText.toLowerCase(); | |
| - | <!-- ================= TABLEAU 4 : Furtivité ================= --> | + | let ok = (e=="all"||r.dataset.effect==e) |
| - | < | + | && |
| - | <label for=" | + | && txt.includes(s); |
| - | <select id=" | + | r.style.display = ok ? "" |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | <option value=" | + | |
| - | </ | + | |
| - | + | ||
| - | <div class=" | + | |
| - | <table id=" | + | |
| - | < | + | |
| - | < | + | |
| - | < | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | </ | + | |
| - | < | + | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | <!-- ================= COMMUNS ================= --> | + | |
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | + | ||
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | <tr class="Communs"> | + | |
| - | <td class=" | + | |
| - | <td>X MP, Y Mvt, 1A</ | + | |
| - | < | + | |
| - | < | + | |
| - | </tr> | + | |
| - | + | ||
| - | <tr class="Communs"> | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | <tr class="Communs"> | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | <tr class=" | + | |
| - | <td class=" | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | + | ||
| - | + | ||
| - | </ | + | |
| - | </ | + | |
| - | </ | + | |
| - | + | ||
| - | < | + | |
| - | // Script pour le quatrieme tableau | + | |
| - | const select4 = document.getElementById("raceSelect4"); | + | |
| - | const rows4 = document.querySelectorAll("# | + | |
| - | + | ||
| - | select4.addEventListener(" | + | |
| - | const chosenRace | + | |
| - | rows4.forEach(row => { | + | |
| - | const isCommun = row.classList.contains(" | + | |
| - | const isRace = row.classList.contains(chosenRace); | + | |
| - | row.style.display = (chosenRace === " | + | |
| - | }); | + | |
| }); | }); | ||
| - | </ | + | } |
| + | filterEffect.onchange = filter; | ||
| + | filterType.onchange = filter; | ||
| + | search.oninput = filter; | ||
| - | <hr> | ||
| - | |||
| - | <!-- ================= TABLEAU 5 : Survie ================= --> | ||
| - | < | ||
| - | <label for=" | ||
| - | <select id=" | ||
| - | <option value=" | ||
| - | <option value=" | ||
| - | <option value=" | ||
| - | <option value=" | ||
| - | <option value=" | ||
| - | <option value=" | ||
| - | <option value=" | ||
| - | </ | ||
| - | |||
| - | <div class=" | ||
| - | <table id=" | ||
| - | < | ||
| - | <tr> | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | </ | ||
| - | < | ||
| - | |||
| - | |||
| - | |||
| - | |||
| - | <!-- ================= COMMUNS ================= --> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | <td>6 MP</ | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | <tr class=" | ||
| - | <td class=" | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | </tr> | ||
| - | |||
| - | </ | ||
| - | </ | ||
| - | </ | ||
| - | |||
| - | |||
| - | < | ||
| - | // Script pour le cinquième tableau | ||
| - | const select5 = document.getElementById(" | ||
| - | const rows5 = document.querySelectorAll("# | ||
| - | |||
| - | select5.addEventListener(" | ||
| - | const chosenRace = select5.value; | ||
| - | rows3.forEach(row => { | ||
| - | const isCommun = row.classList.contains(" | ||
| - | const isRace = row.classList.contains(chosenRace); | ||
| - | row.style.display = (chosenRace === " | ||
| - | }); | ||
| - | }); | ||
| </ | </ | ||
| - | |||
| - | </ | ||
| </ | </ | ||
brouillon7.1776630902.txt.gz · Dernière modification : 2026/04/19 22:35 de nanaki
