Outils pour utilisateurs

Outils du site


devweb:jquery:filtrer (lu 6071 fois)

Filtrer

<input type="search" id="myInput" onkeyup="myFunction()" placeholder="Recherchez..." title="">
 
<script>
function myFunction() {
  var input, filter, table, tr, td, i;
  input = document.getElementById("myInput");
  filter = input.value.toUpperCase().normalize('NFD').replace(/[\u0300-\u036f]/g, "");
  table = document.getElementById("myTable");
  tr = table.getElementsByTagName("tr");
  for (i = 0; i < tr.length; i++) {
    td = tr[i].getElementsByTagName("td");
    if (td.length) {
      text=
        td[0].innerText.toUpperCase().normalize('NFD').replace(/[\u0300-\u036f]/g, "")+ // nom
        td[1].innerText.toUpperCase()+ // poste
        td[2].innerText.toUpperCase()+ // telephone
        td[2].innerText.toUpperCase().replace(/\s/g,"")+ // telephone
        td[3].innerText.toUpperCase() // lien
      ;
      if (text.indexOf(filter) > -1) {
        tr[i].style.display = "";
      } else {
        tr[i].style.display = "none";
      }
    }
  }
}
 
$(document).ready(function(){
 
  $('#myInput').focus();
  $('#myInput').keydown(function (e) {
      if (e.keyCode == 13) {
          e.preventDefault();
          return false;
      }
  });
});
 
</script>
devweb/jquery/filtrer.txt · Dernière modification: 14-04-2021 15:21 de edmc73