Petite modification Javascript Résolu/Fermé

Question

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

Reivax962 · Answer

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

Petite modification Javascript

1 réponse

Discussions similaires