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.
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.
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
Dans le menu produit, cliquez sur Design > Auto-Complete > Auto-Complete Setup.
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"> où 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"> où 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" /> où 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. |
Cliquez sur Save Changes.
(Facultatif) Effectuez l’une des opérations suivantes :
Cliquez sur History pour annuler les modifications que vous avez apportées.
Cliquez sur Live.
Cliquez sur Push Live.
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
Dans le menu produit, cliquez sur Design > Auto-Complete > Auto-Complete Word List.
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 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
|
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. |
Cliquez sur Save Changes.
(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.
Cliquez sur Live.
Cliquez sur Push Live.
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
Dans le menu produit, cliquez sur Design > Auto-Complete > Auto-Complete CSS.
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.
Cliquez sur Save Changes.
(Facultatif) Utilisez l’une des méthodes suivantes :
Cliquez sur History pour annuler les modifications que vous avez apportées.
Cliquez sur Live.
Cliquez sur Push Live.
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
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
Dans le menu produit, cliquez sur Design > Auto-Complete > Form Source.
Ne modifiez pas la valeur form name=
dans la source du formulaire.
(Facultatif) Utilisez l’une des méthodes suivantes :
Copiez le code et collez-le dans les pages Web de votre site Web où vous souhaitez que le formulaire de recherche apparaisse.