svp en gros voici mon code
<input type="text" id="myInput" onkeyup="filterFunction()" placeholder="...">
<table id="myTable">
<tr class="header">
<th style="width:60%;">t1</th>
<th style="width:40%;">t2</th>
<th style="width:40%;">t3</th>
<th style="width:40%;">t4</th>
<th style="width:40%;">t5</th>
</tr>
<tr>
<td>bleu</td>
<td>ok test</td>
</tr>
<td>rouge</td>
<td>non pas test</td>
</tr>
</tr>
</table>
<script>
function filterFunction() {
var input, filter, table, tr, td, i, txtValue;
input = document.getElementById("myInput");
filter = input.value.toUpperCase();
table = document.getElementById("myTable");
tr = table.getElementsByTagName("tr");
for (i = 1; i < tr.length; i++) {
td = tr[i].getElementsByTagName("td")[1];
if (td) {
txtValue = td.textContent || td.innerText;
if
(txtValue.toUpperCase().indexOf(filter)>-1) //
{
tr[i].style.display = "";
} else {
tr[i].style.display = "none";
}
}
}
}
</script>donc en gros ya bien une barre de recherche en haut mais elle marche uniquement pour rechercher des éléments dans la colonne t2 ; je fais comment pour qu'elle recherche AUSSI dans la colonne t1 svp? :'(
