IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

PHP & Base de données Discussion :

Menu de choix et requête


Sujet :

PHP & Base de données

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Homme Profil pro
    Enseignant Chercheur
    Inscrit en
    Janvier 2024
    Messages
    84
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Enseignant Chercheur

    Informations forums :
    Inscription : Janvier 2024
    Messages : 84
    Par défaut Menu de choix et requête
    bonjour
    Je suis entrain de tenter de faire un petit moteur de recherche pour mon site perso avec un formulaire qui lance un php qui lance des requêtes !
    Comment fait-on pour qu'un petit menu déroulant s'affiche avec des choix pertinents pendant qu'on écrit dans le formulaire, comme ça se passe dans pas mal de moteur de recherche ?
    Merci

  2. #2
    Membre chevronné
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2022
    Messages
    325
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 21
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : Industrie

    Informations forums :
    Inscription : Juin 2022
    Messages : 325
    Par défaut
    Tu récupère la data dans ton input
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    document.querySelector('#input').value

    Tu vas interroger ton script php qui récupère les résultats ? C'est fait ?
    Cf :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    // Cherche Fetch ou ajax
    Ensuite côté code html tu vas rajouté une div / table ou ce que tu veux pour stocker tes résultats de recherche


    Et maintenant reste plus que la remplir avec les résultat de recherche

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
     
    var div = document.createElement('div')
    div.style="..."
    div.id="..."
    div.textContent="Résultat recherche"
    div.addEventListener('click',function(){
    document.querySelector('#input').value=this.value
    })
    document.querySelector('#ton conteneur qui va stocker tes résultats de recherche').appendChild(div)
    NB : j'ai oublié de précisé que tu fais une boucle sur le tableau de résultat récupéré depuis ton php

    Du coup dans l'ordre ca fait :

    1- Fait ton conteneur html qui va contenir tes résultats

    2- Fait ton script php qui va récupéré les résultats avec une string en entrée

    3- Tu récupère la valeur saisie dans l'input

    4- Tu fais l'appel ajax/fetch sur le fichier php via la précédente valeur récupéré

    5- Puis tu affiches x résultats dans ton conteneur via une boucle
    Sans oublié de mettre un evenement lors du click sur un résultat

    Un truc comme ca
    Un problème sans solution est un problème mal posé. (Albert Einstein)

Discussions similaires

  1. Menu au choix dans une forms
    Par Pacman23 dans le forum Forms
    Réponses: 2
    Dernier message: 29/04/2010, 10h46
  2. Graphique selon un menu de choix
    Par tokosai dans le forum Excel
    Réponses: 8
    Dernier message: 17/07/2008, 17h07
  3. Menu déroulant choix multiples
    Par Maestro57 dans le forum Langage
    Réponses: 3
    Dernier message: 26/06/2007, 18h47
  4. Procédures de menu de choix
    Par dyala dans le forum Pascal
    Réponses: 4
    Dernier message: 15/06/2007, 14h49
  5. Menu déroulant choix
    Par dunbar dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 25/07/2006, 13h16

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo