PC SOFT

DOCUMENTATION EN LIGNE
DE WINDEV, WEBDEV ET WINDEV MOBILE

  • Présentation
  • Comment le faire ?
  • Les fonctions WLangage disponibles
  • Gérer un dialogue via des popups
  • Gérer un dialogue avec des cellules
  • Gérer un dialogue avec les pages
  • Gérer un dialogue avec OuiNon et OKAnnuler
Produits
WINDEVWEBDEV - Code ServeurWEBDEV - Code NavigateurWINDEV MobileEtats et Requêtes
Plateformes
WindowsLinuxWindows MobileUniversal Windows 10 AppAndroidWidget AndroidiPhone/iPadApple Watch
Langages
JavaPHPAjaxCode Utilisateur (MCU)Langage Externe
Bases de données
HFSQLHFSQL Client/ServeurProcédures stockéesOLE DBODBCAccès Natifs
Présentation
Grâce aux nouvelles technologies Web, les sites peuvent ressembler à des applications Windows et afficher des boîtes de dialogues.
Pour que l'internaute identifie rapidement la page active, le système de grisage automatique des pages est automatiquement utilisé. La page inactive est assombrie, et ainsi les pages actives sont plus visibles par l'internaute.
Par exemple :
Le dialogue avec l'internaute peut être géré :
Comment le faire ?

Les fonctions WLangage disponibles

WEBDEV met à votre disposition plusieurs fonctions permettant d'effectuer un dialogue avec l'internaute :
Versions 12 et supérieures
CelluleAfficheDialogue
CelluleAfficheDialogue
Affiche une cellule dans la page avec un effet de GFI (Grisage des Fenêtres Inaccessibles). Cette fonction permet de simuler simplement une boite de dialogue en code navigateur, en utilisant une cellule dans une page.
Versions 12 et supérieures
CelluleFermeDialogue
CelluleFermeDialogue
Masque une cellule affichée dans la page via la fonction CelluleAfficheDialogue.
Versions 09 et supérieures
OKAnnuler
Nouveauté 09
OKAnnuler
OKAnnuler
Affiche un message dans une boîte de dialogue standard proposant les réponses "OK" et "Annuler" et renvoie la réponse de l'utilisateur.
Versions 09 et supérieures
OuiNon
Nouveauté 09
OuiNon
OuiNon
Affiche un message dans une boîte de dialogue standard proposant les réponses "Oui" et "Non" et renvoie la réponse de l'utilisateur.
Versions 12 et supérieures
PageAfficheDialogue
Nouveauté 12
PageAfficheDialogue
PageAfficheDialogue
Affiche une page de manière modale. Cette fonction permet de créer un dialogue avec l'utilisateur. La page est affichée devant et en arrière plan se trouve la page ouvrante, grisée par le mécanisme de GFI.
Versions 12 et supérieures
PageFermeDialogue
Nouveauté 12
PageFermeDialogue
PageFermeDialogue
Ferme la page courante. Cette page a été ouverte avec la fonction PageAfficheDialogue. Une valeur de retour peut être renvoyée à la page appelante.
Versions 17 et supérieures
PopupAffiche
Nouveauté 17
PopupAffiche
PopupAffiche
Affiche une popup dans la page avec un effet de GFI (Grisage des Fenêtres Inaccessibles).
Versions 17 et supérieures
PopupFerme
Nouveauté 17
PopupFerme
PopupFerme
Masque une popup affichée dans la page via la fonction PopupAffiche.
Toutes ces fonctions permettent de dialoguer avec l'utilisateur et prennent en compte les paramètres du GFI définis par les fonctions suivantes :
PageActiveGFIActive ou désactive le GFI (Grisage des pages inaccessibles) lors de l'affichage d'une page modale (par exemple les pages permettant de dialoguer avec l'utilisateur).
PageTauxGFIDéfinit et renvoie le taux de grisage utilisé par le GFI.
WEBDEV - Code ServeurWEBDEV - Code NavigateurWindows
Versions 17 et supérieures

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 (option "Insertion .. Popup"). Cette popup permettra de dialoguer avec l'internaute. Cette popup contient au minimum :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.
Nouveauté 17

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 (option "Insertion .. Popup"). Cette popup permettra de dialoguer avec l'internaute. Cette popup contient au minimum :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 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 (option "Insertion .. Popup"). Cette popup permettra de dialoguer avec l'internaute. Cette popup contient au minimum :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.
WEBDEV - Code NavigateurWindowsLinux

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.
Pour gérer un dialogue avec une cellule, il suffit de :
  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 "Positionnement automatique au chargement pour éviter les ascenseurs" (onglet "Détail" de la description de la cellule). Cette option permet de positionner automatiquement la 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.
WEBDEV - Code ServeurWindows

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.
Pour gérer un dialogue avec une page :
  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é.
WEBDEV - Code ServeurWEBDEV - Code NavigateurWindows

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".
Pour gérer un dialogue avec les fonctions OuiNon et OKAnnuler :
1. Intégrez des pages internes spécifiques dans votre projet. Ces pages internes contiennent la boîte de dialogue :
  • WebDevOKAnnuler pour la fonction OKAnnuler.
  • WebDevOuiNon pour la fonction OuiNon.
L'intégration de ces pages est réalisée par l'option "Fichier .. Nouveau .. Page", onglet "Page interne", option "Ok / Annuler" ou "Oui / Non". Ces pages doivent être enregistrées dans votre projet avec le nom proposé par défaut.L'intégration de ces pages est réalisée par l'option "Fichier .. Nouveau .. Page", choix "Page interne", option "Ok / Annuler" ou "Oui / Non". Ces pages doivent être enregistrées dans votre projet avec le nom proposé par défaut.Pour intégrer ces pages :
  • Cliquez sur parmi les boutons d'accès rapide.
  • Dans la roue qui s'affiche, cliquez sur "Page". 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.
2. Utilisez les fonctions OuiNon et OKAnnuler dans le code de l'application.
Version minimum requise
  • Version 12
Commentaires
Cliquez sur [Ajouter] pour publier un commentaire