Advertisement
artur99

Untitled

Jun 1st, 2018
159
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 1.52 KB | None | 0 0
  1. <script>
  2. function NUMAR() {
  3.     var input, filter, table, tr, td, i;
  4.    
  5.     input = document.getElementById("myInput").value.toLowerCase(); // Textul din input
  6.    
  7.     tr = document.getElementById("myTable").getElementsByTagName("tr"); //Lista cu fiecare rand din
  8.    
  9.     for (i = 0; i < tr.length; i++) {
  10.        tds = tr[i].getElementsByTagName("td"); //toate celulele din randul curent (1-3)
  11.        
  12.        var display = false; // Presupunem ca nu se afiseaza
  13.        if(input.length == 0) display = true; // Daca textul de filtru este 0, se afiseaza oricum
  14.        if(tds.length == 0) display = true; // Daca nu avem niciun td, se afiseaza oricum (titlul tabelului <th> va fi exceptat, de ex.)
  15.        
  16.         for(var td of tds){ // Pentru fiecare celula din tds
  17.             if (td.innerHTML.toLowerCase().indexOf(input) > -1) {  // Daca inputul se afla in ea, se afiseaza
  18.                 display = true;
  19.             }
  20.         }
  21.        
  22.         if(display){
  23.             tr[i].style.display = "";
  24.         }else{
  25.             tr[i].style.display = "none";
  26.         }
  27.     }
  28. }
  29. </script>
  30.  
  31. <input id="myInput" oninput="NUMAR()"><br>
  32.  
  33. <table id="myTable">
  34. <tr>
  35.     <th>Nr.</th>
  36.     <th>Nume</th>
  37.     <th>Clasa</th>
  38. </tr>
  39. <tr>
  40.     <td>1</td>
  41.     <td>Andrei</td>
  42.     <td>5</td>
  43. </tr>
  44. <tr>
  45.     <td>2</td>
  46.     <td>Alexandru Ioan</td>
  47.     <td>7</td>
  48. </tr>
  49. <tr>
  50.     <td>3</td>
  51.     <td>Vasile Alexandri</td>
  52.     <td>12</td>
  53. </tr>
  54. <tr>
  55.     <td>4</td>
  56.     <td>Marcelin</td>
  57.     <td>11</td>
  58. </tr>
  59. </table>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement