• double-clic sur une forme,
• survol souris,
• bouton gauche relâché,
• sélection d'une forme,
• ...

• le survol d'un élément affiche une bulle d'aide.
• le clic ou le double-clic sur une forme (une place par exemple) entraîne sa sélection (pour un éventuel achat). La couleur (ou l'image) de la place peut être modifiée en fonction de son statut (disponible ou réservée).

1. Création du plan.
2. Paramétrage des places.
3. Création de l'interface pour l'utilisateur final :
   • Création du champ,
   • Initialisation du champ.
   • Gestion des événements sur le champ.

Création du plan

Paramétrage des places

• Cette opération peut être effectuée via une fenêtre spécifique. Cette fenêtre va permettre au créateur du plan de nommer toutes les places, et si nécessaire de leur associer un commentaire.
• Les places réservées / non réservées peuvent être stockées (par exemple dans un tableau, un fichier, etc.) afin de vérifier simplement si les places sont libres ou non.

Interface de l'utilisateur final : création du champ

• Sous WINDEV : sous le volet "Creación", dans le groupe "Controles gráficos", déroulez "Ofimática" et sélectionnez "Editeur de diagrammes".
• Sous WEBDEV : sous le volet "Creación", dans le groupe "Controles gráficos", cliquez sur "Diagramas".

1. Affichez la fenêtre de description du champ.
2. Pour ne pas afficher les barres d'outils et les panneaux : Dans l'onglet "Général", désactivez l'affichage des barres d'outils et des panneaux.
3. Pour que le champ soit en "Lecture seule", utilisez une des méthodes suivantes :
   • Méthode 1 : Dans l'onglet "UI" de la fenêtre de description du champ, sélectionnez l'option "Lecture seule".
   • Méthode 2 : par programmation, utiliser la propriété Etat pour rendre le champ inactif.

Interface de l'utilisateur final : initialisation du diagramme

1. Charger le plan "vide" dans l'interface (fonction DiagrammeCharge) : le plan "vide" correspond au fichier ".wddiag" créé précédemment.
   Exemple :
   

   diagChamp is Diagram
   diagChamp <- EDIAG_Plan
   diagChamp.Charge("plan_salle.wddiag")
   // Rendre le diagramme inactif si nécessaire
   EDIAG_Plan.Etat = Inactive

2. Initialiser ensuite le plan pour visualiser par exemple les éléments réservés. Pour cela, comme le plan est un diagramme et que chaque place est une forme, il suffit de manipuler la forme correspondant à la place, via une variable de type diagForme. Il est possible de changer la bordure, la couleur de fond, d'associer une note, ...
   Exemple :
   

   FormeDuDiagramme is diagShape
   FOR EACH FormeDuDiagramme OF diagChamp.Shape
   	sNomForme = FormeDuDiagramme.Name // récupère le nom de la forme
   	// Comparaison du nom de la forme à la liste des places réservées
   	// => Traitement spécifique des places réservées : 
   	// 	colore la place en rouge et associe "Réservé" à la note
   	// => Traitement standard des places non réservées
   END

Interface de l'utilisateur final : gestion du clic

diagChamp is Diagram
...
// Récupère l'indice de la forme sous la souris
nIndice is int
nIndice = DiagramInfoXY(EDIAG_Plan, MouseXPos(mpControl), MouseYPos(mpControl))
// La forme sélectionnée correspond à diagChamp.Forme[nIndice]

• Code navigateur :
  • Initialisation du champ Bouton (code serveur) :
    

    GLOBAL
    	posX, posY are int <browser synchronized>

  • Clic navigateur sur le champ Bouton : Récupération de la position :
    

    (posX, posY) = (MouseXPos(mpControl), MouseYPos(mpControl))

  • Clic serveur sur le champ Bouton (AJAX activé) : Récupération de la forme sous la souris :
    

    diagChamp is Diagram
    ...
    // Récupère l'indice de la forme sous la souris
    nIndice is int
    nIndice = DiagramInfoXY(EDIAG_Plan, posX, posY)
    // La forme sélectionnée correspond à diagChamp.Forme[nIndice]

Interface de l'utilisateur final : gestion du survol (WINDEV uniquement)