|
<!DOCTYPE html>
<html>
<title>sargonco</title>
<script src="http://www.sargonco.com/Uploads/Public/article/webdistut/javascript/w3.js"></script>
<body>
<h2>Filter Table</h2>
<p>Search for a name in the input field:</p>
<p>
<input oninput="w3.filterHTML('#id01', '.item', this.value)" placeholder="Search for names..">
</p>
<table id="id01" border="1">
<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 snabbköp</td>
<td>Luleå</td>
<td>Sweden</td>
</tr>
<tr class="item">
<td>Centro comercial Moctezuma</td>
<td>México D.F.</td>
<td>Mexico</td>
</tr>
<tr class="item">
<td>Ernst Handel</td>
<td>Graz</td>
<td>Austria</td>
</tr>
<tr class="item">
<td>FISSA Fabrica Inter. Salchichas S.A.</td>
<td>Madrid</td>
<td>Spain</td>
</tr>
<tr class="item">
<td>Galería del gastrónomo</td>
<td>Barcelona</td>
<td>Spain</td>
</tr>
<tr class="item">
<td>Island Trading</td>
<td>Cowes</td>
<td>UK</td>
</tr>
<tr class="item">
<td>Königlich Essen</td>
<td>Brandenburg</td>
<td>Germany</td>
</tr>
<tr class="item">
<td>Laughing Bacchus Wine Cellars</td>
<td>Vancouver</td>
<td>Canada</td>
</tr>
<tr class="item">
<td>Magazzini Alimentari Riuniti</td>
<td>Bergamo</td>
<td>Italy</td>
</tr>
<tr class="item">
<td>North/South</td>
<td>London</td>
<td>UK</td>
</tr>
<tr class="item">
<td>Paris spécialités</td>
<td>Paris</td>
<td>France</td>
</tr>
<tr class="item">
<td>Rattlesnake Canyon Grocery</td>
<td>Albuquerque</td>
<td>USA</td>
</tr>
<tr class="item">
<td>Simons bistro</td>
<td>København</td>
<td>Denmark</td>
</tr>
<tr class="item">
<td>The Big Cheese</td>
<td>Portland</td>
<td>USA</td>
</tr>
<tr class="item">
<td>Vaffeljernet</td>
<td>Århus</td>
<td>Denmark</td>
</tr>
<tr class="item">
<td>Wolski Zajazd</td>
<td>Warszawa</td>
<td>Poland</td>
</tr>
</table>
</body>
</html>
|
W3.JS
Filter Table
Search for a name in the input field:
| Customer |
City |
Country |
| Alfreds Futterkiste |
Berlin |
Germany |
| Berglunds snabbköp |
Luleå |
Sweden |
| Centro comercial Moctezuma |
México D.F. |
Mexico |
| Ernst Handel |
Graz |
Austria |
| FISSA Fabrica Inter. Salchichas S.A. |
Madrid |
Spain |
| Galería del gastrónomo |
Barcelona |
Spain |
| Island Trading |
Cowes |
UK |
| Königlich Essen |
Brandenburg |
Germany |
| Laughing Bacchus Wine Cellars |
Vancouver |
Canada |
| Magazzini Alimentari Riuniti |
Bergamo |
Italy |
| North/South |
London |
UK |
| Paris spécialités |
Paris |
France |
| Rattlesnake Canyon Grocery |
Albuquerque |
USA |
| Simons bistro |
København |
Denmark |
| The Big Cheese |
Portland |
USA |
| Vaffeljernet |
Århus |
Denmark |
| Wolski Zajazd |
Warszawa |
Poland |
|