dev:console
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 | ||
| dev:console [2025/12/13 10:46] – nanaki | dev:console [2025/12/14 21:44] (Version actuelle) – nanaki | ||
|---|---|---|---|
| Ligne 50: | Ligne 50: | ||
| < | < | ||
| <!-- ===== Communs ===== --> | <!-- ===== Communs ===== --> | ||
| - | <tr class=" | + | <tr class=" |
| - | <tr class=" | + | <tr class=" |
| - | <tr class=" | + | <tr class=" |
| - | <tr class=" | + | <tr class=" |
| - | <tr class=" | + | <tr class=" |
| - | <tr class=" | + | <tr class=" |
| <!-- ===== Nains ===== --> | <!-- ===== Nains ===== --> | ||
| - | <tr class=" | + | <tr class=" |
| - | <tr class=" | + | <tr class=" |
| - | <tr class=" | + | <tr class=" |
| - | <tr class=" | + | <tr class=" |
| <!-- ===== Géants ===== --> | <!-- ===== Géants ===== --> | ||
| Ligne 104: | Ligne 104: | ||
| - | ===== tableau | + | ===== tableau |
| + | < | ||
| + | < | ||
| + | <meta charset=" | ||
| + | < | ||
| + | < | ||
| + | body { | ||
| + | font-family: | ||
| + | margin: 10px; | ||
| + | } | ||
| + | |||
| + | h3 { | ||
| + | text-align: center; | ||
| + | } | ||
| + | |||
| + | .table-container { | ||
| + | width: 100%; | ||
| + | overflow-x: auto; | ||
| + | margin-top: 10px; | ||
| + | } | ||
| + | |||
| + | table { | ||
| + | width: 100%; | ||
| + | border-collapse: | ||
| + | min-width: 1200px; | ||
| + | } | ||
| + | |||
| + | th, td { | ||
| + | padding: 8px; | ||
| + | border: 1px solid #ccc; | ||
| + | text-align: left; | ||
| + | color: #000; | ||
| + | } | ||
| + | |||
| + | th { | ||
| + | background: #f2f2f2; | ||
| + | } | ||
| + | |||
| + | tbody tr: | ||
| + | background: #fafafa; | ||
| + | } | ||
| + | |||
| + | tbody tr: | ||
| + | background: #ffffff; | ||
| + | } | ||
| + | |||
| + | /* Couleurs UNIQUEMENT pour la colonne Race */ | ||
| + | td.race-Communs { color: #555; } | ||
| + | td.race-Nain { color: red; } | ||
| + | td.race-Géant { color: saddlebrown; | ||
| + | td.race-Olympien { color: darkorange; } | ||
| + | td.race-HS { color: darkgreen; } | ||
| + | td.race-Elfe { color: green; } | ||
| + | </ | ||
| + | </ | ||
| + | |||
| + | < | ||
| + | |||
| + | < | ||
| + | |||
| + | <label for=" | ||
| + | <select id=" | ||
| + | <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=" | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | </tr> | ||
| + | |||
| + | <tr class=" | ||
| + | <td class=" | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | </tr> | ||
| + | |||
| + | <tr class=" | ||
| + | <td class=" | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | </tr> | ||
| + | |||
| + | <tr class=" | ||
| + | <td class=" | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | </tr> | ||
| + | |||
| + | <tr class=" | ||
| + | <td class=" | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | </tr> | ||
| + | |||
| + | <!-- ===== NAINS ===== --> | ||
| + | <tr class=" | ||
| + | <td class=" | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | </tr> | ||
| + | |||
| + | <tr class=" | ||
| + | <td class=" | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | </tr> | ||
| + | |||
| + | <tr class=" | ||
| + | <td class=" | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | </tr> | ||
| + | |||
| + | <tr class=" | ||
| + | <td class=" | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | </tr> | ||
| + | |||
| + | <!-- ===== GÉANTS ===== --> | ||
| + | <tr class=" | ||
| + | <td class=" | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | </tr> | ||
| + | |||
| + | <tr class=" | ||
| + | <td class=" | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | </tr> | ||
| + | |||
| + | <!-- ===== OLYMPIENS ===== --> | ||
| + | <tr class=" | ||
| + | <td class=" | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | </tr> | ||
| + | |||
| + | <tr class=" | ||
| + | <td class=" | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | </tr> | ||
| + | |||
| + | <!-- ===== HS ===== --> | ||
| + | <tr class=" | ||
| + | <td class=" | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | </tr> | ||
| + | |||
| + | <!-- ===== ELFES ===== --> | ||
| + | <tr class=" | ||
| + | <td class=" | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | </tr> | ||
| + | |||
| + | <tr class=" | ||
| + | <td class=" | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | </tr> | ||
| + | |||
| + | </ | ||
| + | </ | ||
| + | </ | ||
| + | |||
| + | < | ||
| + | const select = document.getElementById(" | ||
| + | const rows = document.querySelectorAll("# | ||
| + | |||
| + | select.addEventListener(" | ||
| + | const chosenRace = select.value; | ||
| + | |||
| + | rows.forEach(row => { | ||
| + | const isCommun = row.classList.contains(" | ||
| + | const isSelected = row.classList.contains(chosenRace); | ||
| + | |||
| + | if (chosenRace === " | ||
| + | row.style.display = ""; | ||
| + | } else { | ||
| + | row.style.display = " | ||
| + | } | ||
| + | }); | ||
| + | }); | ||
| + | </ | ||
| + | |||
| + | </ | ||
| + | </ | ||
| + | |||
| + | ==== tableau soert ==== | ||
dev/console.1765619180.txt.gz · Dernière modification : 2025/12/13 10:46 de nanaki
