<input type=”text” id=”myInput” onkeyup=”myFunction()” placeholder=”Search for names..” title=”Type in a name”></p> <p><table id=”myTable” border=”1″><br /> <tr class=”header”><br /> <th style=”width:60%;”>Name</th><br /> <th style=”width:40%;”>Country</th><br /> </tr><br /> <tr><br /> <td>Alfreds Futterkiste</td><br /> <td>Germany</td><br /> </tr><br /> <tr><br /> <td>Berglunds snabbkop</td><br /> <td>Sweden</td><br /> </tr><br /> <tr><br /> <td>Island Trading</td><br /> <td>UK</td><br /> </tr><br /> <tr><br /> <td>Koniglich Essen</td><br /> <td>Germany</td><br /> </tr><br /> <tr><br /> <td>Laughing Bacchus Winecellars</td><br /> <td>Canada</td><br /> </tr><br /> <tr><br /> <td>Magazzini Alimentari Riuniti</td><br /> <td>Italy</td><br /> </tr><br /> <tr><br /> <td>North/South</td><br /> <td>UK</td><br /> </tr><br /> <tr><br /> <td>Paris specialites</td><br /> <td>France</td><br /> </tr><br /> </table>

function myFunction() {<br /> var input, filter, table, tr, td, i;<br /> input = document.getElementById(“myInput”);<br /> filter = input.value.toUpperCase();<br /> table = document.getElementById(“myTable”);<br /> var rows = table.getElementsByTagName(“tr”);<br /> for (i = 0; i < rows.length; i++) {<br /> var cells = rows[i].getElementsByTagName(“td”);<br /> var j;<br /> var rowContainsFilter = false;<br /> for (j = 0; j < cells.length; j++) {<br /> if (cells[j]) {<br /> if (cells[j].innerHTML.toUpperCase().indexOf(filter) > -1) {<br /> rowContainsFilter = true;<br /> continue;<br /> }<br /> }<br /> }</p> <p> if (! rowContainsFilter) {<br /> rows[i].style.display = “none”;<br /> } else {<br /> rows[i].style.display = “”;<br /> }<br /> }<br /> }