Gérer un dialogue via des popups

Voici un exemple permettant de gérer un dialogue à l'aide d'une popup présente dans une page.

Pour gérer un dialogue avec une popup, il suffit de :

1. Créer une popup dans la page devant afficher le dialogue : sous le volet "Création", dans le groupe "Conteneurs", cliquez sur "Popup". Cette popup permettra de dialoguer avec l'internaute. Cette popup contient au minimum :
   • un libellé qui permet d'afficher le texte du dialogue.
   • un bouton permettant de valider la boîte de dialogue.
     L'onglet "Style" de la fenêtre de description de la popup permet de définir toutes les options de style voulues (image de fond de la popup, ...). Pour plus de détails, consultez Champ Popup.
2. Le bouton de fermeture du dialogue présent dans la popup contient le code suivant :
   

   PopupFerme()

   
   La fonction PopupFerme permet de fermer la popup.
3. Pour dialoguer avec l'internaute depuis la page (par exemple à partir d'un bouton de la page), il suffit d'utiliser la fonction PopupAffiche, en précisant le nom de la popup à utiliser pour le dialogue. Cette popup est associée à la page ou au modèle de page utilisé par la page.

Gérer un dialogue avec des cellules

Voici un exemple permettant de gérer un dialogue à l'aide d'une cellule présente dans une page. Cette solution est conseillée si seule une page du site doit proposer un dialogue avec l'internaute.

1. Créer une cellule dans la page devant afficher le dialogue. Cette cellule permettra de dialoguer avec l'internaute. Cette cellule contient au minimum :
   • un libellé qui permet d'afficher le texte du dialogue.
   • un bouton permettant de valider la boîte de dialogue.
2. La cellule (et les champs qui la composent) est invisible. Elle doit également être superposable.
   Si nécessaire, il est possible d'ajouter des champs dans la cellule (image, ...).
   Remarque : Pour ne pas afficher d'ascenseurs inutiles dans le navigateur, cochez l'option "Forcer la position en haut à gauche de la page au moment du chargement" (onglet "Avancé" de la fenêtre de description du champ Cellule). Cette option permet de positionner automatiquement le champ Cellule à la position (0,0) au chargement de la page.
3. Le bouton de fermeture du dialogue (présent dans la cellule) contient le code suivant :
   

   CelluleFermeDialogue(CELL_MaCellule)

   
   La fonction CelluleFermeDialogue permet de rendre invisible la cellule précédemment affichée.
   
4. Pour dialoguer avec l'internaute depuis la page (par exemple à partir d'un bouton de la page), il suffit d'utiliser la fonction CelluleAfficheDialogue, en précisant le nom de la cellule à utiliser pour le dialogue.

Gérer un dialogue avec les pages

Voici un exemple permettant de gérer un dialogue à l'aide d'une page du site. Cette solution est conseillée si plusieurs pages du site doivent proposer un dialogue avec l'internaute. La page de dialogue pourra être ouverte depuis n'importe quelle page du site.

1. Créez une page (nommée par exemple PAGE_Info). Cette page permettra de dialoguer avec l'internaute. Cette page contient au minimum :
   • une cellule qui délimite la boîte de dialogue.
   • un libellé qui permet d'afficher le texte. Ce libellé est contenu dans la cellule.
   • un bouton permettant de valider la boîte de dialogue. Ce bouton est contenu dans la cellule.
     Si nécessaire, il est possible d'ajouter des champs dans la cellule (images, ...).
     Il est conseillé de centrer la page dans le navigateur.
2. Le bouton de fermeture du dialogue (présent dans la page) contient le code suivant :
   

   PageFermeDialogue()

   
   La fonction PageFermeDialogue permet de renvoyer une valeur à la page qui a ouvert le dialogue.
   
3. Pour appeler la page de dialogue depuis une autre page, utilisez la fonction PageAfficheDialogue en précisant le nom de la page à ouvrir et si nécessaire les paramètres à lui passer. Ces paramètres peuvent par exemple permettre de remplir dynamiquement le texte affiché dans le libellé.

Gérer un dialogue avec OuiNon et OKAnnuler

Les fonctions OuiNon et OKAnnuler permettent également de gérer un dialogue simple avec l'internaute. Ces fonctions permettent de poser une question à l'internaute à laquelle la réponse sera soit "Oui" ou "Non", soit "OK" ou "Annuler".

• WebDevOKAnnuler pour la fonction OKAnnuler.
• WebDevOuiNon pour la fonction OuiNon.

Pour intégrer ces pages :

• Cliquez sur parmi les boutons d'accès rapide.
• La fenêtre de création d'un nouvel élément s'affiche : cliquez sur "Page" puis sur "Page".
• L'assistant de création d'une page se lance.
• Dans l'assistant, cliquez sur "Page interne".
• Sélectionnez "Ok / Annuler" ou "Oui / Non". Ces pages doivent être enregistrées dans votre projet avec le nom proposé par défaut.