Wiki of Olympia

Cette page est en lecture seule. Vous pouvez afficher le texte source, mais ne pourrez pas le modifier. Contactez votre administrateur si vous pensez qu'il s'agit d'une erreur.
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<style>
body {
  font-family: Arial;
}

table {
  border-collapse: collapse;
  width: 100%;
  font-size: 13px;
}

td, th {
  border: 1px solid #ccc;
  padding: 5px;
}

th {
  background: #f2f2f2;
  cursor: pointer;
}

.table-container {
  width: 100%;
  overflow-x: auto;
}

table {
  table-layout: fixed;
}

/* Tailles des colonnes */
th:nth-child(1) { width: 25px; }   /* checkbox */
th:nth-child(2) { width: 70px; }   /* Race */
th:nth-child(3) { width: 150px; }  /* Nom */
th:nth-child(4) { width: 130px; }  /* Caractéristiques */
th:nth-child(5) { width: 50px; }   /* Magie */
th:nth-child(6) { width: 80px; }   /* Corps */
th:nth-child(7) { width: 70px; }   /* Type */
th:nth-child(8) { width: 45px; }   /* PV */
th:nth-child(9) { width: 90px; }  /* Commentaire */

/* Pas de retour ligne par défaut */
td, th {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Colonnes longues */
td:nth-child(3),
td:nth-child(4),
td:nth-child(9) {
  white-space: normal;
  word-break: break-word;
}

/* Mobile */
@media (max-width: 768px) {
  table {
    min-width: 850px;
  }
}

/* Couleurs par type */
.melee {
  background: #ffe5e5;
}

.tir {
  background: #e5f0ff;
}

.jet {
  background: #e5fff5;
}

.bouclier {
  background: #f5e5ff;
}

.torse {
  background: #fff5e5;
}

.cape {
  background: #f0e5ff;
}

.tete {
  background: #e5ffe5;
}

.pieds {
  background: #fff0e5;
}

.doigt {
  background: #f5f5f5;
}

.controls {
  margin-bottom: 10px;
}

.controls select,
.controls input {
  margin-right: 10px;
  margin-bottom: 5px;
}
</style>
</head>

<body>

<div class="controls">

Recherche :
<input type="text" id="search">

<br><br>

Filtre race :
<select id="filterRace">
<option value="all">Toutes</option>
<option value="commun">Commun</option>
<option value="olympiens">Olympiens</option>
<option value="elfes">Elfes</option>
<option value="nains">Nains</option>
<option value="géants">Géants</option>
<option value="hs">HS</option>
<option value="lutin">Lutin</option>
</select>

Filtre type :
<select id="filterType">
<option value="all">Tous</option>
<option value="mélée">Mêlée</option>
<option value="tir">Tir</option>
<option value="jet">Jet</option>
<option value="bouclier">Bouclier</option>
<option value="torse">Torse</option>
<option value="cape">Cape</option>
<option value="tête">Tête</option>
<option value="pieds">Pieds</option>
<option value="doigt">Doigt</option>
</select>

Filtre magie :
<select id="filterMagic">
<option value="all">Tous</option>
<option value="oui">Magique</option>
<option value="non">Non magique</option>
</select>

</div>

<div class="table-container">

<table id="items">

<thead>
<tr>
<th></th>
<th onclick="sortTable(1)">Race</th>
<th onclick="sortTable(2)">Nom</th>
<th onclick="sortTable(3)">Caractéristiques</th>
<th onclick="sortTable(4)">Magie</th>
<th onclick="sortTable(5)">Corps</th>
<th onclick="sortTable(6)">Type</th>
<th onclick="sortTable(7)">PV</th>
<th>Commentaire</th>
</tr>
</thead>

<tbody>

<!-- ================= COMMUN ================= -->

<tr data-race="commun" data-magic="oui" data-type="mélée" class="melee">
<td><input type="checkbox" class="item"></td>
<td>Commun</td>
<td>Bâton de marche</td>
<td>Mvt+1</td>
<td>oui</td>
<td>main att.</td>
<td>mélée</td>
<td>100</td>
<td></td>
</tr>

<tr data-race="commun" data-magic="oui" data-type="mélée" class="melee">
<td><input type="checkbox" class="item"></td>
<td>Commun</td>
<td>Gladius</td>
<td>CC+1</td>
<td>oui</td>
<td>main att.</td>
<td>mélée</td>
<td>100</td>
<td></td>
</tr>

<tr data-race="commun" data-magic="oui" data-type="mélée" class="melee">
<td><input type="checkbox" class="item"></td>
<td>Commun</td>
<td>Sceptre</td>
<td>FM+1</td>
<td>oui</td>
<td>main att.</td>
<td>mélée</td>
<td>100</td>
<td></td>
</tr>

<tr data-race="commun" data-magic="oui" data-type="tir" class="tir">
<td><input type="checkbox" class="item"></td>
<td>Commun</td>
<td>Fustibale</td>
<td>CT+1 CC-2</td>
<td>oui</td>
<td>main att.</td>
<td>tir</td>
<td>100</td>
<td></td>
</tr>

<tr data-race="commun" data-magic="oui" data-type="tir" class="tir">
<td><input type="checkbox" class="item"></td>
<td>Commun</td>
<td>Arbalète de poing</td>
<td>F=12 CT+1</td>
<td>oui</td>
<td>main att.</td>
<td>tir</td>
<td>100</td>
<td></td>
</tr>

<tr data-race="commun" data-magic="oui" data-type="mélée" class="melee">
<td><input type="checkbox" class="item"></td>
<td>Commun</td>
<td>Torche</td>
<td>CC-2 F-2 Feu</td>
<td>oui</td>
<td>main att.</td>
<td>mélée</td>
<td>50</td>
<td></td>
</tr>

<tr data-race="commun" data-magic="non" data-type="jet" class="jet">
<td><input type="checkbox" class="item"></td>
<td>Commun</td>
<td>Lance barbelée</td>
<td>CT+1 F+1 CC-1</td>
<td>non</td>
<td>main att.</td>
<td>jet</td>
<td>1</td>
<td>lot de 3</td>
</tr>

<tr data-race="commun" data-magic="oui" data-type="jet" class="jet">
<td><input type="checkbox" class="item"></td>
<td>Commun</td>
<td>Lance</td>
<td>CT+1 CC-1</td>
<td>oui</td>
<td>main att.</td>
<td>jet</td>
<td>1</td>
<td>lot de 5</td>
</tr>

<tr data-race="commun" data-magic="non" data-type="mélée" class="melee">
<td><input type="checkbox" class="item"></td>
<td>Commun</td>
<td>Rapière</td>
<td>CC+2 F-1</td>
<td>non</td>
<td>main att.</td>
<td>mélée</td>
<td>100</td>
<td></td>
</tr>

<tr data-race="commun" data-magic="oui" data-type="tir" class="tir">
<td><input type="checkbox" class="item"></td>
<td>Commun</td>
<td>Arc</td>
<td>CT+1 CC-1</td>
<td>oui</td>
<td>2 mains</td>
<td>tir</td>
<td>100</td>
<td></td>
</tr>

<tr data-race="commun" data-magic="oui" data-type="tir" class="tir">
<td><input type="checkbox" class="item"></td>
<td>Commun</td>
<td>Arc long</td>
<td>CT+2 F-1 CC-2</td>
<td>oui</td>
<td>2 mains</td>
<td>tir</td>
<td>200</td>
<td></td>
</tr>

<tr data-race="commun" data-magic="non" data-type="mélée" class="melee">
<td><input type="checkbox" class="item"></td>
<td>Commun</td>
<td>Bélier</td>
<td>Démolition +10 CC-2</td>
<td>non</td>
<td>2 mains</td>
<td>mélée</td>
<td>50</td>
<td></td>
</tr>

<tr data-race="commun" data-magic="non" data-type="mélée" class="melee">
<td><input type="checkbox" class="item"></td>
<td>Commun</td>
<td>Pioche</td>
<td>Démolition +5</td>
<td>non</td>
<td>2 mains</td>
<td>mélée</td>
<td>50</td>
<td></td>
</tr>

<tr data-race="commun" data-magic="non" data-type="mélée" class="melee">
<td><input type="checkbox" class="item"></td>
<td>Commun</td>
<td>Catalyseur magique</td>
<td>Magique CC-3 Démolition+10</td>
<td>non</td>
<td>2 mains</td>
<td>mélée</td>
<td>50</td>
<td></td>
</tr>

<tr data-race="commun" data-magic="oui" data-type="bouclier" class="bouclier">
<td><input type="checkbox" class="item"></td>
<td>Commun</td>
<td>Targe</td>
<td>CC+1 Agi-1</td>
<td>oui</td>
<td>main def.</td>
<td>bouclier</td>
<td>100</td>
<td></td>
</tr>

<tr data-race="commun" data-magic="non" data-type="bouclier" class="bouclier">
<td><input type="checkbox" class="item"></td>
<td>Commun</td>
<td>Bouclier Parma</td>
<td>E+1 Agi-1</td>
<td>non</td>
<td>main def.</td>
<td>bouclier</td>
<td>100</td>
<td></td>
</tr>

<tr data-race="commun" data-magic="non" data-type="bouclier" class="bouclier">
<td><input type="checkbox" class="item"></td>
<td>Commun</td>
<td>Écu brillant</td>
<td>Rés+1 Agi-1</td>
<td>non</td>
<td>main def.</td>
<td>bouclier</td>
<td>100</td>
<td></td>
</tr>

<tr data-race="commun" data-magic="non" data-type="torse" class="torse">
<td><input type="checkbox" class="item"></td>
<td>Commun</td>
<td>Armure matelassée</td>
<td>E+1 Agi-1</td>
<td>non</td>
<td>torse</td>
<td></td>
<td>100</td>
<td></td>
</tr>

<tr data-race="commun" data-magic="non" data-type="torse" class="torse">
<td><input type="checkbox" class="item"></td>
<td>Commun</td>
<td>Toge d'apprenti</td>
<td>Rés+1 Agi-1</td>
<td>non</td>
<td>torse</td>
<td></td>
<td>100</td>
<td></td>
</tr>

<tr data-race="commun" data-magic="oui" data-type="torse" class="torse">
<td><input type="checkbox" class="item"></td>
<td>Commun</td>
<td>Ceinture</td>
<td>R+1</td>
<td>oui</td>
<td>torse</td>
<td></td>
<td>50</td>
<td></td>
</tr>

<tr data-race="commun" data-magic="oui" data-type="cape" class="cape">
<td><input type="checkbox" class="item"></td>
<td>Commun</td>
<td>Cape de chasse</td>
<td>CT+1</td>
<td>oui</td>
<td>cape</td>
<td></td>
<td>100</td>
<td></td>
</tr>

<tr data-race="commun" data-magic="oui" data-type="tête" class="tete">
<td><input type="checkbox" class="item"></td>
<td>Commun</td>
<td>Couronne d'adonis</td>
<td>RM+1</td>
<td>oui</td>
<td>tête</td>
<td></td>
<td>100</td>
<td></td>
</tr>

<tr data-race="commun" data-magic="oui" data-type="tête" class="tete">
<td><input type="checkbox" class="item"></td>
<td>Commun</td>
<td>Visière</td>
<td>P+1 CC-1 FM-1</td>
<td>oui</td>
<td>tête</td>
<td></td>
<td>100</td>
<td></td>
</tr>

<tr data-race="commun" data-magic="oui" data-type="tête" class="tete">
<td><input type="checkbox" class="item"></td>
<td>Commun</td>
<td>Collier tressé</td>
<td>PV+5 PM+5</td>
<td>oui</td>
<td>tête</td>
<td></td>
<td>100</td>
<td></td>
</tr>

<tr data-race="commun" data-magic="oui" data-type="pieds" class="pieds">
<td><input type="checkbox" class="item"></td>
<td>Commun</td>
<td>Bottes de marche</td>
<td>Mvt+1</td>
<td>oui</td>
<td>pieds</td>
<td></td>
<td>100</td>
<td></td>
</tr>

<tr data-race="commun" data-magic="oui" data-type="mélée" class="melee">
<td><input type="checkbox" class="item"></td>
<td>Commun</td>
<td>Sceptre de mage</td>
<td>Pui+1 FM+1</td>
<td>oui</td>
<td>main att.</td>
<td>mélée</td>
<td>200</td>
<td></td>
</tr>

<tr data-race="commun" data-magic="oui" data-type="tir" class="tir">
<td><input type="checkbox" class="item"></td>
<td>Commun</td>
<td>Sarbacane</td>
<td>CT+1, F=10 CC-1</td>
<td>oui</td>
<td>main att.</td>
<td>tir</td>
<td>100</td>
<td></td>
</tr>

<tr data-race="commun" data-magic="non" data-type="jet" class="jet">
<td><input type="checkbox" class="item"></td>
<td>Commun</td>
<td>Pierre Noire</td>
<td>F+1 CC-1</td>
<td>non</td>
<td>main att.</td>
<td>jet</td>
<td>1</td>
<td>lot de 6</td>
</tr>


<!-- ================= OLYMPIENS ================= -->

<tr data-race="olympiens" data-magic="non" data-type="mélée" class="melee">
<td><input type="checkbox" class="item"></td>
<td>Olympiens</td>
<td>Spatha</td>
<td>CC+1 F+1</td>
<td>non</td>
<td>main att.</td>
<td>mélée</td>
<td>200</td>
<td></td>
</tr>

<tr data-race="olympiens" data-magic="oui" data-type="mélée" class="melee">
<td><input type="checkbox" class="item"></td>
<td>Olympiens</td>
<td>Lame sainte</td>
<td>CC+1 Pui+1 Magique</td>
<td>oui</td>
<td>main att.</td>
<td>mélée</td>
<td>200</td>
<td></td>
</tr>

<tr data-race="olympiens" data-magic="non" data-type="jet" class="jet">
<td><input type="checkbox" class="item"></td>
<td>Olympiens</td>
<td>Pilum</td>
<td>F+1 Mvt+1 CC-1</td>
<td>non</td>
<td>main att.</td>
<td>jet</td>
<td>1</td>
<td>lot de 3</td>
</tr>

<tr data-race="olympiens" data-magic="oui" data-type="mélée" class="melee">
<td><input type="checkbox" class="item"></td>
<td>Olympiens</td>
<td>Sceptre de puissance</td>
<td>Pui+1 PM+8</td>
<td>oui</td>
<td>main att.</td>
<td>mélée</td>
<td>200</td>
<td></td>
</tr>

<tr data-race="olympiens" data-magic="non" data-type="tir" class="tir">
<td><input type="checkbox" class="item"></td>
<td>Olympiens</td>
<td>Gastraphète</td>
<td>F=15 CT-2 CC-1</td>
<td>non</td>
<td>2 mains</td>
<td>tir</td>
<td>200</td>
<td></td>
</tr>

<tr data-race="olympiens" data-magic="oui" data-type="bouclier" class="bouclier">
<td><input type="checkbox" class="item"></td>
<td>Olympiens</td>
<td>Bouclier Ancile</td>
<td>E+1 PV+5</td>
<td>oui</td>
<td>main def.</td>
<td>bouclier</td>
<td>200</td>
<td></td>
</tr>

<tr data-race="olympiens" data-magic="non" data-type="torse" class="torse">
<td><input type="checkbox" class="item"></td>
<td>Olympiens</td>
<td>Armure Hoplitique</td>
<td>E+1 Rés+1</td>
<td>non</td>
<td>torse</td>
<td></td>
<td>200</td>
<td></td>
</tr>

<tr data-race="olympiens" data-magic="oui" data-type="torse" class="torse">
<td><input type="checkbox" class="item"></td>
<td>Olympiens</td>
<td>Lorica (exo)</td>
<td>E+1 Rés+1</td>
<td>oui</td>
<td>torse</td>
<td></td>
<td>300</td>
<td></td>
</tr>

<tr data-race="olympiens" data-magic="non" data-type="cape" class="cape">
<td><input type="checkbox" class="item"></td>
<td>Olympiens</td>
<td>Cape de dueliste</td>
<td>CC+2 F-1</td>
<td>non</td>
<td>cape</td>
<td></td>
<td>100</td>
<td></td>
</tr>

<tr data-race="olympiens" data-magic="oui" data-type="tête" class="tete">
<td><input type="checkbox" class="item"></td>
<td>Olympiens</td>
<td>Diadème</td>
<td>R+1 RM+2</td>
<td>oui</td>
<td>tête</td>
<td></td>
<td>150</td>
<td></td>
</tr>

<tr data-race="olympiens" data-magic="oui" data-type="tête" class="tete">
<td><input type="checkbox" class="item"></td>
<td>Olympiens</td>
<td>Tiare d'Oracle</td>
<td>FM+1 P+1</td>
<td>oui</td>
<td>tête</td>
<td></td>
<td>100</td>
<td></td>
</tr>

<tr data-race="olympiens" data-magic="oui" data-type="pieds" class="pieds">
<td><input type="checkbox" class="item"></td>
<td>Olympiens</td>
<td>Cnémides</td>
<td>Mvt+1 RM+1 R+1</td>
<td>oui</td>
<td>pieds</td>
<td></td>
<td>100</td>
<td></td>
</tr>

<tr data-race="olympiens" data-magic="oui" data-type="" >
<td><input type="checkbox" class="item"></td>
<td>Olympiens</td>
<td>Phorminx</td>
<td></td>
<td>oui</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>


<!-- ================= ELFES ================= -->

<tr data-race="elfes" data-magic="non" data-type="mélée" class="melee">
<td><input type="checkbox" class="item"></td>
<td>Elfes</td>
<td>Lance de garde Sylvestre</td>
<td>CC+1 F+1</td>
<td>non</td>
<td>main att.</td>
<td>mélée</td>
<td>200</td>
<td></td>
</tr>

<tr data-race="elfes" data-magic="oui" data-type="mélée" class="melee">
<td><input type="checkbox" class="item"></td>
<td>Elfes</td>
<td>Baton du Pelerin</td>
<td>Mvt+1 FM+1</td>
<td>oui</td>
<td>main att.</td>
<td>mélée</td>
<td>200</td>
<td></td>
</tr>

<tr data-race="elfes" data-magic="oui" data-type="mélée" class="melee">
<td><input type="checkbox" class="item"></td>
<td>Elfes</td>
<td>Charybde</td>
<td>Pui+2 E-1</td>
<td>oui</td>
<td>2 mains</td>
<td>mélée</td>
<td>200</td>
<td></td>
</tr>

<tr data-race="elfes" data-magic="oui" data-type="tir" class="tir">
<td><input type="checkbox" class="item"></td>
<td>Elfes</td>
<td>Arc Ensorcelé</td>
<td>CT+1 RM+2 CC-1 Magique</td>
<td>oui</td>
<td>2 mains</td>
<td>tir</td>
<td>200</td>
<td></td>
</tr>

<tr data-race="elfes" data-magic="non" data-type="tir" class="tir">
<td><input type="checkbox" class="item"></td>
<td>Elfes</td>
<td>Arc Elfique (exo)</td>
<td>CT+1 F+1 Mvt+1 CC-2</td>
<td>non</td>
<td>2 mains</td>
<td>tir</td>
<td>200</td>
<td></td>
</tr>

<tr data-race="elfes" data-magic="non" data-type="bouclier" class="bouclier">
<td><input type="checkbox" class="item"></td>
<td>Elfes</td>
<td>Targe renforcée</td>
<td>E+1 CC+1</td>
<td>non</td>
<td>main def.</td>
<td>bouclier</td>
<td>200</td>
<td></td>
</tr>

<tr data-race="elfes" data-magic="oui" data-type="torse" class="torse">
<td><input type="checkbox" class="item"></td>
<td>Elfes</td>
<td>Cuirasse</td>
<td>Rés+1 R+2</td>
<td>oui</td>
<td>torse</td>
<td></td>
<td>200</td>
<td></td>
</tr>

<tr data-race="elfes" data-magic="non" data-type="torse" class="torse">
<td><input type="checkbox" class="item"></td>
<td>Elfes</td>
<td>Armure de garde Sylvestre</td>
<td>Rés+2 PM-10</td>
<td>non</td>
<td>torse</td>
<td></td>
<td>300</td>
<td></td>
</tr>

<tr data-race="elfes" data-magic="oui" data-type="cape" class="cape">
<td><input type="checkbox" class="item"></td>
<td>Elfes</td>
<td>Cape de feuillages</td>
<td>FM+1 PV+5</td>
<td>oui</td>
<td>cape</td>
<td></td>
<td>150</td>
<td></td>
</tr>

<tr data-race="elfes" data-magic="oui" data-type="tête" class="tete">
<td><input type="checkbox" class="item"></td>
<td>Elfes</td>
<td>Marque Forestière</td>
<td>PM+10 R+1</td>
<td>oui</td>
<td>tête</td>
<td></td>
<td>100</td>
<td></td>
</tr>

<tr data-race="elfes" data-magic="oui" data-type="tête" class="tete">
<td><input type="checkbox" class="item"></td>
<td>Elfes</td>
<td>Capuche du chasseur</td>
<td>CT+1 R+1 RM+1</td>
<td>oui</td>
<td>tête</td>
<td></td>
<td>100</td>
<td></td>
</tr>

<tr data-race="elfes" data-magic="non" data-type="pieds" class="pieds">
<td><input type="checkbox" class="item"></td>
<td>Elfes</td>
<td>Bottes Tâlroval</td>
<td>Mvt+2</td>
<td>non</td>
<td>pieds</td>
<td></td>
<td>200</td>
<td></td>
</tr>

<tr data-race="elfes" data-magic="oui" data-type="">
<td><input type="checkbox" class="item"></td>
<td>Elfes</td>
<td>Aulos</td>
<td></td>
<td>oui</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>


<!-- ================= NAINS ================= -->

<tr data-race="nains" data-magic="non" data-type="mélée" class="melee">
<td><input type="checkbox" class="item"></td>
<td>Nains</td>
<td>Labrys</td>
<td>CC+1 F+1</td>
<td>non</td>
<td>main att.</td>
<td>mélée</td>
<td>200</td>
<td></td>
</tr>

<tr data-race="nains" data-magic="oui" data-type="mélée" class="melee">
<td><input type="checkbox" class="item"></td>
<td>Nains</td>
<td>Hache runique</td>
<td>CC+1 FM+1</td>
<td>oui</td>
<td>main att.</td>
<td>mélée</td>
<td>200</td>
<td></td>
</tr>

<tr data-race="nains" data-magic="non" data-type="mélée" class="melee">
<td><input type="checkbox" class="item"></td>
<td>Nains</td>
<td>Marteau runique</td>
<td>Magique Pui+2</td>
<td>non</td>
<td>2 mains</td>
<td>mélée</td>
<td>200</td>
<td></td>
</tr>

<tr data-race="nains" data-magic="oui" data-type="mélée" class="melee">
<td><input type="checkbox" class="item"></td>
<td>Nains</td>
<td>Baton d'archimage</td>
<td>FM+1 PM+10</td>
<td>oui</td>
<td>main att.</td>
<td>mélée</td>
<td>200</td>
<td></td>
</tr>

<tr data-race="nains" data-magic="non" data-type="mélée" class="melee">
<td><input type="checkbox" class="item"></td>
<td>Nains</td>
<td>Marteau de guerre</td>
<td>F+2 CC-1</td>
<td>non</td>
<td>2 mains</td>
<td>mélée</td>
<td>200</td>
<td></td>
</tr>

<tr data-race="nains" data-magic="oui" data-type="bouclier" class="bouclier">
<td><input type="checkbox" class="item"></td>
<td>Nains</td>
<td>Bouclier Miroir</td>
<td>Rés+1 PV+5</td>
<td>oui</td>
<td>main def.</td>
<td>bouclier</td>
<td>200</td>
<td></td>
</tr>

<tr data-race="nains" data-magic="oui" data-type="torse" class="torse">
<td><input type="checkbox" class="item"></td>
<td>Nains</td>
<td>Armure runique</td>
<td>E+1 PM+8</td>
<td>oui</td>
<td>torse</td>
<td></td>
<td>200</td>
<td></td>
</tr>

<tr data-race="nains" data-magic="non" data-type="torse" class="torse">
<td><input type="checkbox" class="item"></td>
<td>Nains</td>
<td>Cotte de mailles</td>
<td>E+2 Esquive -4</td>
<td>non</td>
<td>torse</td>
<td></td>
<td>300</td>
<td></td>
</tr>

<tr data-race="nains" data-magic="non" data-type="cape" class="cape">
<td><input type="checkbox" class="item"></td>
<td>Nains</td>
<td>Cape dorée (exo)</td>
<td>Rés+1 Mvt+1</td>
<td>non</td>
<td>cape</td>
<td></td>
<td>200</td>
<td></td>
</tr>

<tr data-race="nains" data-magic="non" data-type="tête" class="tete">
<td><input type="checkbox" class="item"></td>
<td>Nains</td>
<td>Casque grossissant</td>
<td>CT+2 P-1</td>
<td>non</td>
<td>tête</td>
<td></td>
<td>100</td>
<td></td>
</tr>

<tr data-race="nains" data-magic="non" data-type="tête" class="tete">
<td><input type="checkbox" class="item"></td>
<td>Nains</td>
<td>Casque de guerre</td>
<td>PV+5 R+1 PM+5 RM+1</td>
<td>non</td>
<td>tête</td>
<td></td>
<td>100</td>
<td></td>
</tr>

<tr data-race="nains" data-magic="oui" data-type="pieds" class="pieds">
<td><input type="checkbox" class="item"></td>
<td>Nains</td>
<td>Solerets</td>
<td>Mvt+1 PM+5 PV+5</td>
<td>oui</td>
<td>pieds</td>
<td></td>
<td>200</td>
<td></td>
</tr>

<tr data-race="nains" data-magic="oui" data-type="">
<td><input type="checkbox" class="item"></td>
<td>Nains</td>
<td>Cornemuse</td>
<td></td>
<td>oui</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>


<!-- ================= GEANTS ================= -->

<tr data-race="géants" data-magic="non" data-type="mélée" class="melee">
<td><input type="checkbox" class="item"></td>
<td>Géants</td>
<td>Masse d'arme</td>
<td>CC+1 F+1</td>
<td>non</td>
<td>main att.</td>
<td>mélée</td>
<td>200</td>
<td></td>
</tr>

<tr data-race="géants" data-magic="non" data-type="mélée" class="melee">
<td><input type="checkbox" class="item"></td>
<td>Géants</td>
<td>Hallebarde de pierre</td>
<td>F+1 Mvt+1</td>
<td>non</td>
<td>main att.</td>
<td>mélée</td>
<td>200</td>
<td></td>
</tr>

<tr data-race="géants" data-magic="non" data-type="jet" class="jet">
<td><input type="checkbox" class="item"></td>
<td>Géants</td>
<td>Javelot lourd</td>
<td>F+2 CT-1 CC-1</td>
<td>non</td>
<td>2 mains</td>
<td>jet</td>
<td>1</td>
<td>lot de 3</td>
</tr>

<tr data-race="géants" data-magic="non" data-type="jet" class="jet">
<td><input type="checkbox" class="item"></td>
<td>Géants</td>
<td>Pierre en fusion</td>
<td>Magique CT-2 Feu</td>
<td>non</td>
<td>main att.</td>
<td>jet</td>
<td>1</td>
<td>lot de 2</td>
</tr>

<tr data-race="géants" data-magic="oui" data-type="mélée" class="melee">
<td><input type="checkbox" class="item"></td>
<td>Géants</td>
<td>Baton de shaman (exo)</td>
<td>FM+2</td>
<td>oui</td>
<td>2 mains</td>
<td>mélée</td>
<td>200</td>
<td></td>
</tr>

<tr data-race="géants" data-magic="non" data-type="bouclier" class="bouclier">
<td><input type="checkbox" class="item"></td>
<td>Géants</td>
<td>Bouclier Clipeus</td>
<td>E+1 PV+10</td>
<td>non</td>
<td>main def.</td>
<td>bouclier</td>
<td>200</td>
<td></td>
</tr>

<tr data-race="géants" data-magic="oui" data-type="torse" class="torse">
<td><input type="checkbox" class="item"></td>
<td>Géants</td>
<td>Peau de granit manifiée</td>
<td>Rés+1 RM+2 Esquive -2</td>
<td>oui</td>
<td>torse</td>
<td></td>
<td>300</td>
<td></td>
</tr>

<tr data-race="géants" data-magic="non" data-type="torse" class="torse">
<td><input type="checkbox" class="item"></td>
<td>Géants</td>
<td>Broigne</td>
<td>Rés+2 FM-1</td>
<td>non</td>
<td>torse</td>
<td></td>
<td>200</td>
<td></td>
</tr>

<tr data-race="géants" data-magic="non" data-type="cape" class="cape">
<td><input type="checkbox" class="item"></td>
<td>Géants</td>
<td>Cape de l'arpenteur</td>
<td>CC+1 CT+1</td>
<td>non</td>
<td>cape</td>
<td></td>
<td>150</td>
<td></td>
</tr>

<tr data-race="géants" data-magic="oui" data-type="tête" class="tete">
<td><input type="checkbox" class="item"></td>
<td>Géants</td>
<td>Fétiche de shaman</td>
<td>R+2 PM+5</td>
<td>oui</td>
<td>tête</td>
<td></td>
<td>100</td>
<td></td>
</tr>

<tr data-race="géants" data-magic="oui" data-type="tête" class="tete">
<td><input type="checkbox" class="item"></td>
<td>Géants</td>
<td>Coiffe de rage</td>
<td>CC+1 PV+5 R+1</td>
<td>oui</td>
<td>tête</td>
<td></td>
<td>100</td>
<td></td>
</tr>

<tr data-race="géants" data-magic="oui" data-type="pieds" class="pieds">
<td><input type="checkbox" class="item"></td>
<td>Géants</td>
<td>Bottes incandescentes</td>
<td>Mvt+1 R+1 PV+5</td>
<td>oui</td>
<td>pieds</td>
<td></td>
<td>200</td>
<td></td>
</tr>

<tr data-race="géants" data-magic="oui" data-type="">
<td><input type="checkbox" class="item"></td>
<td>Géants</td>
<td>Carnyx</td>
<td></td>
<td>oui</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>


<!-- ================= HS ================= -->

<tr data-race="hs" data-magic="non" data-type="mélée" class="melee">
<td><input type="checkbox" class="item"></td>
<td>HS</td>
<td>Ceste</td>
<td>F+1 CC+1</td>
<td>non</td>
<td>main att.</td>
<td>mélée</td>
<td>200</td>
<td></td>
</tr>

<tr data-race="hs" data-magic="oui" data-type="mélée" class="melee">
<td><input type="checkbox" class="item"></td>
<td>HS</td>
<td>Mains de mana</td>
<td>Magique CC+2</td>
<td>oui</td>
<td>2 mains</td>
<td>mélée</td>
<td>200</td>
<td></td>
</tr>

<tr data-race="hs" data-magic="oui" data-type="mélée" class="melee">
<td><input type="checkbox" class="item"></td>
<td>HS</td>
<td>Baton de Sage</td>
<td>Pui+1 Agi+1</td>
<td>oui</td>
<td>main att.</td>
<td>mélée</td>
<td>200</td>
<td></td>
</tr>

<tr data-race="hs" data-magic="oui" data-type="mélée" class="melee">
<td><input type="checkbox" class="item"></td>
<td>HS</td>
<td>Orbe de mana</td>
<td>Pui+2 FM-1</td>
<td>oui</td>
<td>2 mains</td>
<td>mélée</td>
<td>200</td>
<td></td>
</tr>

<tr data-race="hs" data-magic="non" data-type="bouclier" class="bouclier">
<td><input type="checkbox" class="item"></td>
<td>HS</td>
<td>Bouclier en lianes</td>
<td>Rés+1 Agi+1</td>
<td>non</td>
<td>main def.</td>
<td>bouclier</td>
<td>200</td>
<td></td>
</tr>

<tr data-race="hs" data-magic="oui" data-type="torse" class="torse">
<td><input type="checkbox" class="item"></td>
<td>HS</td>
<td>Manteau de feuillage</td>
<td>E+1 Agi+1</td>
<td>oui</td>
<td>torse</td>
<td></td>
<td>200</td>
<td></td>
</tr>

<tr data-race="hs" data-magic="non" data-type="torse" class="torse">
<td><input type="checkbox" class="item"></td>
<td>HS</td>
<td>Armure de fourrure</td>
<td>E+2 RM-3</td>
<td>non</td>
<td>torse</td>
<td></td>
<td>300</td>
<td></td>
</tr>

<tr data-race="hs" data-magic="oui" data-type="cape" class="cape">
<td><input type="checkbox" class="item"></td>
<td>HS</td>
<td>Cape de mage</td>
<td>FM+1 RM+1</td>
<td>oui</td>
<td>cape</td>
<td></td>
<td>150</td>
<td></td>
</tr>

<tr data-race="hs" data-magic="oui" data-type="tête" class="tete">
<td><input type="checkbox" class="item"></td>
<td>HS</td>
<td>Collier d'apaisement</td>
<td>PV+10 PM+5</td>
<td>oui</td>
<td>tête</td>
<td></td>
<td>150</td>
<td></td>
</tr>

<tr data-race="hs" data-magic="oui" data-type="tête" class="tete">
<td><input type="checkbox" class="item"></td>
<td>HS</td>
<td>Coiffe de rapace</td>
<td>CT+1 P+1</td>
<td>oui</td>
<td>tête</td>
<td></td>
<td>150</td>
<td></td>
</tr>

<tr data-race="hs" data-magic="oui" data-type="pieds" class="pieds">
<td><input type="checkbox" class="item"></td>
<td>HS</td>
<td>Bottes griffues (exo)</td>
<td>CC+1 F+1 PV+5</td>
<td>oui</td>
<td>pieds</td>
<td></td>
<td>200</td>
<td></td>
</tr>

<tr data-race="hs" data-magic="oui" data-type="pieds" class="pieds">
<td><input type="checkbox" class="item"></td>
<td>HS</td>
<td>Bottes de voleur</td>
<td>Mvt+1 Agi+1</td>
<td>oui</td>
<td>pieds</td>
<td></td>
<td>200</td>
<td></td>
</tr>

<tr data-race="hs" data-magic="oui" data-type="">
<td><input type="checkbox" class="item"></td>
<td>HS</td>
<td>Cymbale</td>
<td></td>
<td>oui</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>


<!-- ================= LUTIN ================= -->

<tr data-race="lutin" data-magic="oui" data-type="doigt" class="doigt">
<td><input type="checkbox" class="item"></td>
<td>Lutin</td>
<td>Anneau d'Horizon</td>
<td>P+1</td>
<td>oui</td>
<td>doigt</td>
<td></td>
<td>10</td>
<td></td>
</tr>

<tr data-race="lutin" data-magic="oui" data-type="doigt" class="doigt">
<td><input type="checkbox" class="item"></td>
<td>Lutin</td>
<td>Anneau de Caprice</td>
<td>FM+1</td>
<td>oui</td>
<td>doigt</td>
<td></td>
<td>10</td>
<td></td>
</tr>

<tr data-race="lutin" data-magic="oui" data-type="doigt" class="doigt">
<td><input type="checkbox" class="item"></td>
<td>Lutin</td>
<td>Anneau de Puissance</td>
<td>Pui+1</td>
<td>oui</td>
<td>doigt</td>
<td></td>
<td>10</td>
<td></td>
</tr>

<tr data-race="lutin" data-magic="oui" data-type="doigt" class="doigt">
<td><input type="checkbox" class="item"></td>
<td>Lutin</td>
<td>Anneau de Férocité</td>
<td>F+1</td>
<td>oui</td>
<td>doigt</td>
<td></td>
<td>10</td>
<td></td>
</tr>

<tr data-race="lutin" data-magic="oui" data-type="doigt" class="doigt">
<td><input type="checkbox" class="item"></td>
<td>Lutin</td>
<td>Anneau de Résistance</td>
<td>Rés+1</td>
<td>oui</td>
<td>doigt</td>
<td></td>
<td>10</td>
<td></td>
</tr>

<tr data-race="lutin" data-magic="oui" data-type="doigt" class="doigt">
<td><input type="checkbox" class="item"></td>
<td>Lutin</td>
<td>Anneau d'Équilibre</td>
<td>PV+5 PM+5</td>
<td>oui</td>
<td>doigt</td>
<td></td>
<td>10</td>
<td></td>
</tr>

<tr data-race="lutin" data-magic="oui" data-type="doigt" class="doigt">
<td><input type="checkbox" class="item"></td>
<td>Lutin</td>
<td>Anneau de Finesse</td>
<td>CC+1</td>
<td>oui</td>
<td>doigt</td>
<td></td>
<td>10</td>
<td></td>
</tr>

<tr data-race="lutin" data-magic="oui" data-type="doigt" class="doigt">
<td><input type="checkbox" class="item"></td>
<td>Lutin</td>
<td>Anneau de Prétention</td>
<td>CT+1</td>
<td>oui</td>
<td>doigt</td>
<td></td>
<td>10</td>
<td></td>
</tr>

<tr data-race="lutin" data-magic="oui" data-type="doigt" class="doigt">
<td><input type="checkbox" class="item"></td>
<td>Lutin</td>
<td>Anneau de Tenacité</td>
<td>E+1</td>
<td>oui</td>
<td>doigt</td>
<td></td>
<td>10</td>
<td></td>
</tr>

<tr data-race="lutin" data-magic="oui" data-type="doigt" class="doigt">
<td><input type="checkbox" class="item"></td>
<td>Lutin</td>
<td>Anneau de Souplesse</td>
<td>Agi+1</td>
<td>oui</td>
<td>doigt</td>
<td></td>
<td>10</td>
<td></td>
</tr>

<tr data-race="lutin" data-magic="oui" data-type="pieds" class="pieds">
<td><input type="checkbox" class="item"></td>
<td>Lutin</td>
<td>Bottes de 7 lieux (exo)</td>
<td>Mvt+3</td>
<td>oui</td>
<td>pieds</td>
<td></td>
<td>200</td>
<td></td>
</tr>

</tbody>
</table>
</div>

<script>

/* ================= FILTRES ================= */

function filterItems() {

  let race = document.getElementById("filterRace").value;
  let type = document.getElementById("filterType").value;
  let magic = document.getElementById("filterMagic").value;
  let search = document.getElementById("search").value.toLowerCase();

  document.querySelectorAll("#items tbody tr").forEach(row => {

    let text = row.innerText.toLowerCase();

    let okRace =
      race === "all" ||
      row.dataset.race === race;

    let okType =
      type === "all" ||
      row.dataset.type === type;

    let okMagic =
      magic === "all" ||
      row.dataset.magic === magic;

    let okSearch =
      text.includes(search);

    row.style.display =
      (okRace && okType && okMagic && okSearch)
      ? ""
      : "none";
  });
}

document.getElementById("filterRace").onchange = filterItems;
document.getElementById("filterType").onchange = filterItems;
document.getElementById("filterMagic").onchange = filterItems;
document.getElementById("search").oninput = filterItems;


/* ================= TRI ================= */

function sortTable(n) {

  let tbody = document.querySelector("#items tbody");
  let rows = Array.from(tbody.querySelectorAll("tr"));

  let current =
    document.body.dataset.sortColumn == n
      ? document.body.dataset.sortDirection
      : "desc";

  let asc = current !== "asc";

  rows.sort((a, b) => {

    let x = a.cells[n].innerText.trim().toLowerCase();
    let y = b.cells[n].innerText.trim().toLowerCase();

    return asc
      ? x.localeCompare(y, undefined, {numeric:true})
      : y.localeCompare(x, undefined, {numeric:true});
  });

  rows.forEach(row => tbody.appendChild(row));

  document.body.dataset.sortColumn = n;
  document.body.dataset.sortDirection =
    asc ? "asc" : "desc";
}


/* ================= CHECKBOX ================= */

document.querySelectorAll(".item").forEach(cb => {

  cb.addEventListener("change", () => {

    let checked =
      document.querySelectorAll(".item:checked").length;

    console.log("Objets sélectionnés :", checked);

  });

});

</script>

</body>
</html>