Petite modification Javascript

Résolu/Fermé
MaxPou91 Messages postés 2 Date d'inscription vendredi 30 mars 2018 Statut Membre Dernière intervention 30 mars 2018 - Modifié le 30 mars 2018 à 16:47
MaxPou91 Messages postés 2 Date d'inscription vendredi 30 mars 2018 Statut Membre Dernière intervention 30 mars 2018 - 30 mars 2018 à 17:20
Bonjour,

Je n'arrive pas a mettre "display none" lorsque la barre de recherche est vide.(Au départ ou lorsqu'on efface tout)

https://jsfiddle.net/LxstrLt6/5/


Un gros merci d'avance!

Max

1 réponse

Reivax962 Messages postés 3671 Date d'inscription jeudi 16 juin 2005 Statut Membre Dernière intervention 11 février 2021 1 011
Modifié le 30 mars 2018 à 17:17
Bonjour,

Je ne connais pas ton site, donc je ne sais pas si tu peux voir ce que j'ai fait...
Voici le détail.

1 - « Lorsqu'on efface tout » : j'ai juste rajouté filter != "" dans le if.
2 - « Au départ» : myFunction n'était appelée que lorsque ton champ de recherche est modifié. Il suffit de rajouter un appel juste après sa déclaration, tout en bas de la page.

function myFunction() {
  var input, filter, table, tr, td, i;
  input = document.getElementById("myInput");
  filter = input.value.toUpperCase();
  table = document.getElementById("myTable");
  tr = table.getElementsByTagName("tr");
  for (i = 0; i < tr.length; i++) {

    td = tr[i].getElementsByTagName("td")[0];
    if (td) {
      if (filter != "" && td.innerHTML.toUpperCase().indexOf(filter) > -1) {
        tr[i].style.display = "";
      } else {
        tr[i].style.display = "none";
      }
    }       
  }
}
myFunction();


Xavier
1
MaxPou91 Messages postés 2 Date d'inscription vendredi 30 mars 2018 Statut Membre Dernière intervention 30 mars 2018
30 mars 2018 à 17:20
Wow!

Un énorme merci pour cette rapidité. C'est exactement ce que je cherchais à faire!
0