test
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 | ||
| test [2025/12/14 22:45] – nanaki | test [2025/12/14 22:54] (Version actuelle) – nanaki | ||
|---|---|---|---|
| Ligne 29: | Ligne 29: | ||
| < | < | ||
| - | <!-- ================= TABLEAU 1 : Corps à corps ================= --> | + | <!-- ================= TABLEAU 1 : sorts ================= --> |
| - | < | + | < |
| <label for=" | <label for=" | ||
| <select id=" | <select id=" | ||
| Ligne 269: | Ligne 269: | ||
| <!-- ================= TABLEAU 2 : Sorts ================= --> | <!-- ================= TABLEAU 2 : Sorts ================= --> | ||
| - | < | + | < |
| <label for=" | <label for=" | ||
| <select id=" | <select id=" | ||
| Ligne 380: | Ligne 380: | ||
| - | |||
| - | ===== tableau corps à corps ===== | ||
| - | |||
| - | |||
| - | < | ||
| - | < | ||
| - | <meta charset=" | ||
| - | < | ||
| - | < | ||
| - | body { font-family: | ||
| - | h3 { text-align: center; } | ||
| - | .table-container { width: 100%; overflow-x: auto; margin-top: 10px; } | ||
| - | table { width: 100%; border-collapse: | ||
| - | th, td { padding: 8px; border: 1px solid #ccc; text-align: left; } | ||
| - | th { background: #f2f2f2; } | ||
| - | tbody tr: | ||
| - | tbody tr: | ||
| - | |||
| - | /* Couleurs par race (uniquement colonne race) */ | ||
| - | td.race-Nain { color: red; } | ||
| - | td.race-Géant { color: saddlebrown; | ||
| - | td.race-HS { color: darkgreen; } | ||
| - | td.race-Elfe { color: green; } | ||
| - | td.race-Olympien { color: darkorange; } | ||
| - | td.race-Communs { color: #555; } | ||
| - | |||
| - | /* Grisage pour races non sélectionnées */ | ||
| - | .grise td: | ||
| - | </ | ||
| - | </ | ||
| - | < | ||
| - | < | ||
| - | |||
| - | <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=" | ||
| - | <tr class=" | ||
| - | <tr class=" | ||
| - | <tr class=" | ||
| - | <tr class=" | ||
| - | <tr class=" | ||
| - | |||
| - | <!-- ===== Nains ===== --> | ||
| - | <tr class=" | ||
| - | <tr class=" | ||
| - | <tr class=" | ||
| - | <tr class=" | ||
| - | |||
| - | <!-- ===== Géants ===== --> | ||
| - | <tr class=" | ||
| - | <tr class=" | ||
| - | |||
| - | <!-- ===== Olympiens ===== --> | ||
| - | <tr class=" | ||
| - | <tr class=" | ||
| - | |||
| - | <!-- ===== HS ===== --> | ||
| - | <tr class=" | ||
| - | |||
| - | <!-- ===== Elfes ===== --> | ||
| - | <tr class=" | ||
| - | <tr class=" | ||
| - | </ | ||
| - | </ | ||
| - | </ | ||
| - | |||
| - | < | ||
| - | 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.classList.remove(" | ||
| - | } else { | ||
| - | row.classList.add(" | ||
| - | } | ||
| - | }); | ||
| - | }); | ||
| - | </ | ||
| - | </ | ||
| - | </ | ||
test.1765748755.txt.gz · Dernière modification : 2025/12/14 22:45 de nanaki
