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?

Rispondi quotando
