A propos de la saisie semi-automatique

Vous pouvez configurer différentes zones de la saisie semi-automatique pour contrôler la génération du formulaire de recherche activée à saisie semi-automatique et le fichier autocomplete_data.js, inclus dans le formulaire de recherche activée à saisie semi-automatique.

A propos de la saisie automatique

Le fichier autocomplete_data.js est régénéré et publié sur le réseau de contenu de recherche chaque fois que des modifications ont été enregistrées dans la page de configuration de la saisie semi-automatique.

Configuration de la saisie semi-automatique

Vous pouvez configurer et configurer les options qui contrôlent la génération du formulaire de recherche activée à saisie automatique, ainsi que le fichier.

Après avoir configuré la saisie semi-automatique, vous pouvez vue la source HTML résultante pour révision. La source HTML est ce que vous copiez et collez dans les pages de votre site Web.

Voir Aperçu du formulaire de recherche tel qu'il apparaîtra sur votre….

Voir Configuration de la Liste de mots à saisie automatique.

Voir Configuration de la saisie semi-automatique CSS.

Pour configurer la saisie semi-automatique

  1. Dans le menu produit, cliquez sur Design > Auto-Complete > Auto-Complete Setup.

  2. Sur la page Auto-Complete Setup, définissez les options de votre choix.

    Voir aussi Prévisualiser le formulaire de recherche tel qu'il apparaîtrait sur votre….

    Option

    Description

    Nombre maximal de suggestions

    Indique le nombre maximal d’éléments à afficher dans la liste de suggestions à saisie semi-automatique.

    Caractères d’entrée minimaux

    Indique le nombre de caractères qu’un client doit saisir dans le formulaire de recherche à saisie automatique avant d’afficher les suggestions.

    Nombre maximal d’entrées de cache

    Indique le nombre maximal de suggestions de saisie semi-automatique précédemment demandées à mettre en cache dans le navigateur du client. En règle générale, vous devez conserver ce paramètre à la valeur par défaut de 1 000.

    Bien que vous puissiez désactiver complètement la mise en cache du navigateur en définissant cette option sur 0, elle n’est pas recommandée.

    Nom du formulaire

    Indique l’attribut "name" de la balise "form" du formulaire de recherche activée à saisie automatique. Par exemple :

    <form name="SiteSearch" method="get" action="https://sp1004337c.guided.t1.atomz.com" target="_blank">

    SiteSearch est l'attribut name de la balise form.

    ID balise Div

    Indique l’attribut ID de la balise "div" du formulaire de recherche à saisie semi-automatique activée. Par exemple :

    <div id="autocomplete">

    autocomplete est l'attribut de la balise div.

    ID de balise d’entrée

    Indique l’attribut ID de la balise "input" du formulaire de recherche à saisie automatique activée. Par exemple :

    <input type="text" id="q" name="q" />

    q est l’attribut id de la balise d’entrée.

    Afficher l'ombre

    Ajoute une ombre portée cosmétique à la liste de suggestions à saisie automatique.

    Ne correspondre qu'au début de l'expression

    Ne suggérer que les résultats qui correspondent au début du texte de saisie.

    Prise en charge du jeu de caractères UTF-8

    Traitez correctement les caractères non ASCII en termes.

  3. Cliquez sur Save Changes.

  4. (Facultatif) Effectuez l’une des opérations suivantes :

Configuration de la Liste de mots saisie automatique

Configurez la liste de mots et d’expressions que le remplissage automatique affiche pour un client sous forme de suggestions.

Voir Configuration de la saisie semi-automatique.

Voir Configuration de la saisie semi-automatique CSS.

Pour configurer la Liste de mots à saisie automatique

  1. Dans le menu produit, cliquez sur Design > Auto-Complete > Auto-Complete Word List.

  2. Sur la page Auto-Complete Word List, définissez les options de votre choix.

    Voir Aperçu du formulaire de recherche tel qu'il apparaîtra sur votre….

    Option

    Description

    Période des recherches populaires

    Contrôle la période d’inclusion de mots et d’expressions à partir des recherches récentes d’un client.

    Nombre maximal de recherches

    Contrôle le nombre maximal de mots et d’expressions recherchés à inclure dans la liste de mots à saisie automatique. Les mots et expressions les plus utilisés sont inclus.

    Nom du champ

    Chaque nom de champ définit le nom d’un champ pour lequel inclure des valeurs indexées. Utilisez + et - pour ajouter ou supprimer des noms de champ.

    Nombre maximal de valeurs

    Définit le nombre maximal de valeurs de champ autorisées pour le nom de champ sélectionné. Les valeurs supérieures, qui sont également les plus référencées, sont incluses.

    Ajouter ces mots et expressions

    La liste de mots à saisie automatique est renseignée par les mots et les expressions répertoriés dans cette zone.

    Cliquez sur Modifier pour afficher la liste ou ajouter des mots et des expressions à la liste. Lorsque vous avez terminé, cliquez sur Enregistrer les modifications .

    Supprimer ces mots et expressions

    Les entrées de cette zone ne s’affichent pas dans la liste de mots à saisie automatique.

    Cliquez sur Modifier pour afficher la liste ou ajouter des mots et des expressions à la liste. Lorsque vous avez terminé, cliquez sur Enregistrer les modifications .

    Les expressions régulières sont autorisées dans cette liste. Pour spécifier une expression régulière dans cette liste, début la ligne avec regexp suivie d'un seul espace, suivi de l'expression régulière. Toutes les lignes de la liste de mots correspondant à l’expression normale sont supprimées.

    Important : Vous ne devriez utiliser des expressions régulières que si vous avez déjà travaillé avec elles dans d'autres applications.

    Voir Expressions régulières .

    Ignorer la casse

    Les entrées de duplicata dans la liste de mots à saisie automatique qui ne diffèrent que par la majuscule/minuscule alphabétique sont supprimées ; toutes les entrées de liste de mots sont obligées de les mettre en minuscules.

    Si vous souhaitez que les suggestions de saisie semi-automatique apparaissent en "première lettre majuscule" ou "toutes majuscules", ajoutez la variable text-transform : capitalize; ou text-transform : uppercase; Propriétés de texte CSS au contenu CSS de saisie automatique, sous les styles "/*?lang=fr" pour l’élément de résultat */".

    Voir Configuration de la saisie semi-automatique CSS .

    Mise à jour lors de la ré-indexation

    La saisie automatique de la liste de mots est automatiquement régénérée après chaque réindexation de compte réussie.

  3. Cliquez sur Save Changes.

  4. (Facultatif) Utilisez l’une des méthodes suivantes :

    • Cliquez sur History pour annuler les modifications que vous avez apportées.

    • Cliquez sur Preview Word List pour enregistrer les modifications que vous avez apportées, puis ouvrez la page Auto-Complete Word List Preview où vous pouvez consulter la liste de suggestions à saisie automatique. Utilisez les options de navigation situées en haut de la page pour examiner et affiner la liste affichée. Lorsque vous avez terminé, cliquez sur Close pour revenir à la page Auto-Complete Word List.

      Voir Utilisation de l’option Historique.

    • Cliquez sur Live.

      Voir Affichage des paramètres en direct.

    • Cliquez sur Push Live.

      Voir Activation des paramètres d’étape.

Configuration de la saisie semi-automatique CSS

Utilisez le format CSS de saisie semi-automatique pour configurer la feuille de style en cascade à saisie semi-automatique que vous souhaitez utiliser.

La saisie semi-automatique CSS contrôle le contenu de autocomplete_styles.css, qui est inclus dans le formulaire de recherche activée à saisie semi-automatique. Le fichier CSS que vous spécifiez ici contrôle la présentation visuelle de la liste de suggestions à saisie semi-automatique. Pour obtenir un exemple des idées de présentation visuelle possibles, consultez les articles suivants :

https://developer.yahoo.com/yui/examples/autocomplete/ac_skinning.html.

Configuration de la Liste de mots saisie automatique.

Configuration de la saisie semi-automatique.

Lorsque vous avez terminé de configurer la saisie semi-automatique des feuilles de style CSS, vous pouvez prévisualisation le formulaire de recherche pour vérifier si la feuille de style CSS que vous avez spécifiée est acceptable en termes d’apparence et de mise en page.

Voir Aperçu du formulaire de recherche tel qu'il apparaîtra sur votre….

Important : Pour appliquer votre page CSS de saisie semi-automatique personnalisée, vous devez supprimer les balises de commentaire de la deuxième ligne qui s’affiche dans le code HTML. Ensuite, vous déplacez la même ligne dans la section head de la page qui contient le formulaire de recherche.

Voir Copie du code HTML du formulaire de recherche dans le….

Pour configurer la saisie semi-automatique des feuilles de style CSS

  1. Dans le menu produit, cliquez sur Design > Auto-Complete > Auto-Complete CSS.

  2. Dans le champ de texte Auto-Complete CSS, collez ou tapez les informations de la feuille de style en cascade que vous souhaitez associer à la liste de suggestions à saisie semi-automatique.

  3. Cliquez sur Save Changes.

  4. (Facultatif) Utilisez l’une des méthodes suivantes :

Affichage d’un aperçu du formulaire de recherche tel qu’il apparaîtrait sur votre site Web

Selon votre configuration de saisie semi-automatique et de saisie semi-automatique, vous pouvez prévisualisation l’affichage du formulaire de recherche si vous souhaitez ajouter le code HTML à votre site Web.

Voir Configuration de la saisie semi-automatique.

Voir Configuration de la saisie semi-automatique CSS.

Voir Copie du code HTML du formulaire de recherche dans le….

Voir Utilisation des collections dans les formulaires de recherche.

Voir Utilisation de cadres avec des formulaires.

Voir Exemple de formulaire de recherche avancée.

Voir Code HTML du formulaire de recherche avancée.

Voir Code de modèle de formulaire de recherche avancée.

Pour prévisualisation au formulaire de recherche tel qu’il apparaîtrait sur votre site Web

  1. Dans le menu produit, cliquez sur Design > Auto-Complete > Search Form.
  2. (Facultatif) Cliquez sur HTML code pour afficher le code HTML que vous copiez et collez dans les pages de votre site Web.

Copie du code HTML du formulaire de recherche dans les pages de votre site Web

Selon votre configuration de saisie semi-automatique et de saisie semi-automatique, vous pouvez prévisualisation l’affichage du formulaire de recherche si vous souhaitez ajouter le code HTML à votre site Web.

Voir Configuration de la saisie semi-automatique.

Voir Configuration de la saisie semi-automatique CSS.

Voir Copie du code HTML du formulaire de recherche dans le….

Voir Utilisation des collections dans les formulaires de recherche.

Voir Utilisation de cadres avec des formulaires.

Voir Exemple de formulaire de recherche avancée.

Voir Code HTML du formulaire de recherche avancée.

Voir Code de modèle de formulaire de recherche avancée.

Copie du code HTML du formulaire de recherche dans les pages de votre site Web

  1. Dans le menu produit, cliquez sur Design > Auto-Complete > Form Source.

    REMARQUE

    Ne modifiez pas la valeur form name= dans la source du formulaire.

  2. (Facultatif) Utilisez l’une des méthodes suivantes :

    • Si vous avez configuré la saisie semi-automatique CSS et souhaitez que les styles soient appliqués au formulaire de recherche, supprimez les balises de commentaire de la deuxième ligne qui s’affiche dans le code HTML. Ensuite, déplacez la même ligne dans la section head de la page qui contient le formulaire de recherche.
    • Pour des performances optimales, déplacez les balises répertoriées au bas du code HTML et placez-les au bas de la section de contenu de chaque page qui contient le formulaire de recherche.
  3. Copiez le code et collez-le dans les pages Web de votre site Web où vous souhaitez que le formulaire de recherche apparaisse.

Sur cette page

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free