Petite modification Javascript
Résolu
MaxPou91
Messages postés
2
Statut
Membre
-
MaxPou91 Messages postés 2 Statut Membre -
MaxPou91 Messages postés 2 Statut Membre -
Bonjour,
Je n'arrive pas a mettre "display none" lorsque la barre de recherche est vide.(Au départ ou lorsqu'on efface tout)
Un gros merci d'avance!
Max
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
-
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