web-dev-qa-db-fra.com

Implémenter la saisie semi-automatique pour un champ personnalisé sur Wordpress Plugin Frontend

J'ai configuré mon plugin pour être utilisé sur le frontend en utilisant un shortcode. J'ai réussi à utiliser un formulaire de saisie semi-automatique sur un site Web précédent que j'avais programmé à partir de rien (non basé sur WP) mais je ne comprends pas comment le faire fonctionner sur WP 4.0.

J'ai ce formulaire pour permettre à mes clients d'ajouter leurs propres clients:

<form method="post">
<div class="pure-g">
        <div class="pure-u-1 pure-u-md-1-3">
            <label>Name</label>
            <input name="name" id="name" type="text" placeholder="Name" required>
        </div><input type="submit"></form>

Pour éviter que différents utilisateurs n'entrent deux fois dans la même personne, j'ai besoin d'une liste déroulante autocomplétée pour obtenir les résultats d'une base de données MySQL (table personnalisée) afin d'afficher à l'utilisateur le résultat %LIKE%.

Ce que je ne comprends pas c'est:

  • Pour appeler jQuery, dois-je l’appeler à partir du fichier de plug-in principal ou de chaque fichier que j’ai configuré?
  • Alors, comment puis-je l'utiliser?
pluginscustom-fieldfront-endautocomplete
1
Fabrizio La Racca

Veuillez vous référer à wp_script_is( $handle ) pour vérifier si un script est déjà mis en file d'attente ou enregistré.

C'est une bonne idée de vérifier avant d'enregistrer/charger un nouveau script dans WordPress. Comme jQuery est inclus dans WordPress et si vous utilisez déjà un thème WordPress personnalisé, je vais vous dire qu'il est probablement déjà chargé.

Vous pouvez vérifier cela en consultant l'onglet "Ressources" de votre navigateur (dossier Scripts) avec votre site Web ouvert.

Encore plus simple, vous pouvez vérifier que jQuery est chargé sur votre site Web en accédant à l'onglet Console et en tapant: jQuery(); - si cela renvoie quelque chose, cela signifie qu'il est déjà chargé.

Je pense, et corrigez-moi si je me trompe, que votre problème est que vous ne savez pas réellement où placer votre code JS pour la partie autocomplétante. Si tel est le cas (votre question était un peu ambiguë), veuillez répondre ici afin que nous puissions vous orienter dans la bonne direction.

Merci.

1
cristian.raiber