Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it
    Registrato dal
    May 2014
    Messaggi
    1

    Lettura Celle da tabella HTML

    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?

  2. #2
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Ciao e benvenuto.
    codice:
    <form name="ricerca"> 
                        <tr> 
                            <td><input type="filter" name="nome" id="nome" onkeyUp="ricercaInCol(tabella,4)"></td> 
                        </tr> 
                        <form>
    A) un form non può esistere (regola html) tra due righe devi metterlo in una cella
    B) ricercaInCol(tabella,4) <-- tabella e una stringa pertanto va tra gli apici 'tabella' in oltre la seconda variabile (4) non si capisce a cosa si riferisce ne come l'acquisisci
    C) Anche nel ciclo for ho qualche dubbio su come l'hai sviluppato forse (da provare) devi usare dei cicli annidati prima conti le righe poi le celle

    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.