Trigger un input (qui agit comme une barre de recherche) en insérant un mot
Résolu/Fermé
Ben_Lyon
Messages postés
10
Date d'inscription
samedi 5 décembre 2020
Statut
Membre
Dernière intervention
1 février 2021
-
5 déc. 2020 à 11:58
Ben_Lyon Messages postés 10 Date d'inscription samedi 5 décembre 2020 Statut Membre Dernière intervention 1 février 2021 - 5 déc. 2020 à 14:01
Ben_Lyon Messages postés 10 Date d'inscription samedi 5 décembre 2020 Statut Membre Dernière intervention 1 février 2021 - 5 déc. 2020 à 14:01
A voir également:
- Trigger un input (qui agit comme une barre de recherche) en insérant un mot
- Piratage facebook changer mot de passe - Guide
- Mettre un mot de passe sur un dossier - Guide
- Recherche musique - Guide
- Comment réinitialiser un pc sans mot de passe - Guide
- Voir mot de passe wifi android - Guide
2 réponses
jordane45
Messages postés
38109
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
28 mars 2024
4 634
Modifié le 5 déc. 2020 à 13:03
Modifié le 5 déc. 2020 à 13:03
Bonjour,
Je ne suis pas sûr de comprendre ce que tu veux ....
Trigger signifie Déclencher .... hors.. on ne déclenche pas un input ....
J'ai l'impression que tu aimerais que ta fonction fsearch soit déclenchée une fois le mot inséré .. c'est bien ça ??
Dans ce cas, il suffit d'appeller ta fonction à la suite de ta fonction fsearch
PS: Comme tu peux le voir, il n'est pas necessaire d'ouvrir/fermer plusieurs balises script... une seule suffit pour englober tout ton code JS
PS²: Le code, bien indenté... est largement plus facile à lire
J'espère que tu en prendras bonne note pour tes prochains codes.
Je ne suis pas sûr de comprendre ce que tu veux ....
Trigger signifie Déclencher .... hors.. on ne déclenche pas un input ....
J'ai l'impression que tu aimerais que ta fonction fsearch soit déclenchée une fois le mot inséré .. c'est bien ça ??
Dans ce cas, il suffit d'appeller ta fonction à la suite de ta fonction fsearch
<script> // Script = Insertion mot function word_insertion(element){ document.getElementById('searchbar').value = element.getAttribute('data-product-name'); fsearch(); } // Script = Barre de recherche function fsearch(){ let input = document.getElementById('searchbar').value input=input.toLowerCase(); let x = document.getElementsByClassName('choice'); for (i = 0; i < x.length; i++) { if (!x[i].innerHTML.toLowerCase().includes(input)) { x[i].style.display="none"; } else { x[i].style.display="list-item"; } } } </script>
PS: Comme tu peux le voir, il n'est pas necessaire d'ouvrir/fermer plusieurs balises script... une seule suffit pour englober tout ton code JS
PS²: Le code, bien indenté... est largement plus facile à lire
J'espère que tu en prendras bonne note pour tes prochains codes.
Ben_Lyon
Messages postés
10
Date d'inscription
samedi 5 décembre 2020
Statut
Membre
Dernière intervention
1 février 2021
5 déc. 2020 à 14:01
5 déc. 2020 à 14:01
Bonjour. Je ne pensais pas que se serait aussi simple! J'avais déjà essayé de tout englober dans un seul script (voir mon https://jsfiddle.net/4k9gxvho/) par contre je n'avais encore jamais appelé la seconde fonction à la fin de la première. Très bonne idée, merci encore !