Sujet Précédent Sujet Suivant

Barre de recherche + menu déroulant

Fermé
JeuneZouave Messages postés 17 Date d'inscription vendredi 28 février 2020 Statut Membre Dernière intervention 23 octobre 2021 - Modifié le 3 mars 2020 à 18:57
 Tomatin - 3 mars 2020 à 20:07
Bonjour,
Je suis encore en train de créer un site mais j'ai un problème. J'ai fait une barre de recherche et je voudrais que quand je presse une touche de mon clavier, le menu déroulant apparaissent avec dans celui-ci des résultats en accord avec la/les lettres que j'aurais écrit . Comme sur Google en faite. Petit schéma pour vous expliquer :


Le code HTML : 
<body>
    
    <[/contents/242-introduction-au-dynamic-html-dhtml div] class="entete">
        <h1>ZZZZ</h1>
       <h2>ZZZZ</h2>
    </div>
    <div class="barreEntete">
        <h2><a id="p" href="index.html">Accueil</a></h2>
        <h2><a id="p" href="index.html">Signaler problème</a></h2>
        <h2><a id="p" href="index.html">Contact</a></h2>
    </div>
    <div class="entreEntete">
        <[/contents/391-fichier-img img]
        src="img/format.jpg" 
        height="200px" 
        width="549px" 
        />
    </div>
    <div class="corps">
    <img style="float: left;margin: 15px;" src="img/logo.png" width="50px" height="50px" ><input style="margin-top:15px;margin-bottom:10px;width: 1085px;height: 50px; font-size: 35px" type="search">
    </div>
 
</body>
A voir également:

1 réponse

Réponse 1 / 1
Tomatin
Modifié le 3 mars 2020 à 20:10
Salut,
le mot clé pour vos recherche est 'autocomplétion'.
Vous trouverez ce genre de tuto:
https://openclassrooms.com/fr/courses/510018-decouvrez-la-puissance-de-jquery-ui/510016-lautocompletion

Ceci dit qui dit recherche dit base de recherche, en général une base de données l'avez vous faites et les critères de recherche y sont ils pris en compte?
Pour l'autocomplétion il est bien entendu préférable d'utiliser AJAX pour traiter des requêtes avec LIKE et ? et * dans vos termes de recherche par une requête SQL.
Quant à presser une touche en général pour l'autocomplétion on s'en passe mais vous pouvez simplement passer par un écouteur d'événement en JS et indiquer la touche nécessaire.

Il serais préférable que vous posiez une question ou votre problème de façon détaillée, cela permettrais d'être plus précis dans les réponses...parce que là à part vous donner le mot auto-complétion je ne vois pas quel est votre difficulté...et encore moins le rapport avec votre code HTML qui ne contient aucun formulaire
0

Discussions similaires

Barre verticale droite sur clavier
k_lou -
Leuide -

41 réponses
Suppression listes déroulantes
Archa -
Sam -

5 réponses
Barre verticale droite sur clavier mac
oui -
jeanbern -

1 réponse
les entrées et les sortées
oussman -
MarsuGL -

2 réponses
Alt + = un égal barré = différence !
KAPAZZA -
benj -

7 réponses