Outils pour utilisateurs

Outils du site


devweb:jquery:filtrer (lu 3097 fois)

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

devweb:jquery:filtrer [14-04-2021 15:21] (Version actuelle)
edmc73 créée
Ligne 1: Ligne 1:
 +====== Filtrer ======
  
 +<code html>
 +<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>
 +</code>
devweb/jquery/filtrer.txt · Dernière modification: 14-04-2021 15:21 de edmc73