Filtres HTML W3.JS
Eléments filtrants :
w3.filterHTML(selector)
Filtrer les listes
Recherchez un nom dans le champ de saisie.
- {{NomClient}}
Exemple
<input oninput="w3.filterHTML('#id01',
'li', this.value)">
<ul id="id01">
<li>Alfreds Futterkiste</li>
<li>Berglunds snabbkop</li>
...
Filtrer les tableaux
Nom | Pays |
---|---|
Supermarché de Berglund | la Suède |
Nord Sud | Royaume-Uni |
La mangeoire d'Alfred | Allemagne |
Nourriture royale | Allemagne |
Entrepôts de nourriture rassemblés | Italie |
Paris spécialités | La France |
Commerce insulaire | Royaume-Uni |
Caves Bacchus qui rit | Canada |
Exemple
<input oninput="w3.filterHTML('#id01', '.item', this.value)">
<table
id="id01">
<tr>
<th>Customer</th>
<th>City</th>
<th>Country</th>
</tr>
<tr class="item">
<td>Alfreds Futterkiste</td>
<td>Berlin</td>
<td>Germany</td>
</tr>
<tr class="item">
<td>Berglunds snabbkop</td>
<td>Lulea</td>
<td>Sweden</td>
</tr>
...