y'a un PRO en HTML / JS pour M'AIDER Svp

svp en gros voici mon code

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? :'(

svp les kheys svp

Le 12 février 2021 à 20:53:54 17h50 a écrit :
svp les kheys svp

Le 12 février 2021 à 20:59:48 17h50 a écrit :

Le 12 février 2021 à 20:53:54 17h50 a écrit :
svp les kheys svp

up svp

tu codes a l'ancienne khey je check ca

c'est le [1] pourquoi t as mis ca ?

Le 12 février 2021 à 21:04:04 epicgamermoment a écrit :
c'est le [1] pourquoi t as mis ca ?

car le [1] c'est la colonne t2 non?

Le 12 février 2021 à 21:03:35 DaniBrun a écrit :
tu codes a l'ancienne khey je check ca

merci beaucoup khey

svp up

up svp

Je te fais ça attend

<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>

  <tr>

  <td>rouge</td>

  <td>non pas test</td>

  </tr>

  

 



</table>



<script>

  function filterFunction() {

  var src, input, filter, table, tr, td, i, txtValue;

  input = document.getElementById("myInput");

  filter = input.value.toUpperCase().trim().split(' ');

  table = document.getElementById("myTable");

  for (j = 0; j < filter.length; j++) {

    tr = table.getElementsByTagName("tr");

    src = filter[j].trim();

    for (i = 0; i < tr.length; i++) {

      td = tr[i].getElementsByTagName("td")[0];

      td2 = tr[i].getElementsByTagName("td")[1];

      if (src!='' && td && td2) {

        txtValue = td.textContent || td.innerText;

        txtValue2 = td2.textContent || td2.innerText;

        if (txtValue.toUpperCase().indexOf(src) > -1 || txtValue2.toUpperCase().indexOf(src) > -1) {

          tr[i].style.display = "";

        } else {

          tr[i].style.display = "none";

        }

      }       

    }

  }

}



</script>

<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>

<td>lig1col3</td>

<td>lig1col4</td>

<td>lig1col5</td>

</tr>

<tr>

<td>rouge</td>

<td>non pas test</td>

<td>lig2col3</td>

<td>lig2col4</td>

<td>lig2col5</td>

</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");

        var trouve = false;

        for (j = 0; j < td.length; j++) {

            if (td[j]) {

                txtValue = td[j].textContent || td[j].innerText;

                if (txtValue.toUpperCase().indexOf(filter)>-1) {

                    trouve = true;

                    break;

                } else {

                    trouve = false;

                }

            }

        }

        if (trouve) {

            tr[i].style.display = "";

        } else {

            tr[i].style.display = "none";

        }

    }

}

</script>

Solution qui fonctionne sur les 5 colonnes

merci les kheys putain merci je vous aime