Ho una tabella statica HTML e con uno script in javascript dovrei creare una sorta di filtro che mi permette di filtrare la mia tabella. Mi serve un aiutino per arrivare a leggere il contenuto delle celle e andando a confrontare il contenuto di essa con un text inserita dall'utente.
codice HTML:
<table id="tabella">
<tr class="t_title">
<th>Nome</th>
<th>Età</th>
<th>Altezza</th>
<th>Data di nascita</th>
<th>Scarica curriculum</th>
<th>Leggi curriculum</th>
</tr>
<form name="ricerca">
<tr>
<td><input type="filter" name="nome" id="nome" onkeyUp="ricercaInCol(tabella,4)"></td>
</tr>
<form>
<tr>
<td>prova1</td>
<td>prova1</td>
<td>prova1</td>
<td>prova1</td>
<td><a href="....zip"> <img height="50" alt="Logo Pdf" src="file_icon.png"></a></td>
<td><a href="...pdf"> <img height="50" alt="Logo File" src="pdf_icon.png"></a></td>
</tr>
<tr>
<td>prova2</td>
<td>prova2</td>
<td>prova2</td>
<td>prova2</td>
<td><a href="....zip"> <img height="50" alt="Logo Pdf" src="file_icon.png"></a></td>
<td><a href="...pdf"> <img height="50" alt="Logo File" src="pdf_icon.png"></a></td>
</tr>
</table>
Nel mio caso dovrei tramite la text "nome" e la rispettiva colonna andare a togliere le righe che non rientrano con quel nome. Esempio: se io scrivo la lettera m, dovrebbe sparire tutto dalla tabella. Se scrivo la lettera p rimangono, se scrivo prova3 spariscono.
E come codice javascript non funzionante, cioè le righe che non rientrano tra i miei canoni non vengono tolte dalla tabella, ho scritto questo:
codice HTML:
function ricercaInCol(id_table,colonna){
ripristinaTable(id_table);
var valore = document.ricerca.data.value;
var table = document.getElementById(id_table);
var n_colonne = table.getElementsByTagName('th').length;
var celle = table.getElementsByTagName('td');
var riga = table.getElementsByTagName('tr');
for(var j=(colonna-1); j<celle.length; j=(j+n_colonne)){
if(celle[j].innerHTML!=valore){
table.removeChild(table.childNodes.getElementsByTagName('tr')[j]);
}
}
}
qualcuno mi sa aiutare?