# Écriture de scripts d’IHM de pages Web

Le langage de script de l’IHM des pages Web est basé sur JavaScript et prend en charge HTML5.

Les scripts de l’IHM des pages Web sont composés à l’aide de l’Éditeur de script, et présentent les caractéristiques suivantes :

- Les scripts s’exécutent dans le navigateur Web, et uniquement lorsque le projet est en ligne.
- Les balises sont placées au début du script ; si la valeur de la balise est modifiée par un autre composant du système pendant l’exécution du script de l’IHM de la page Web, ce changement n’affecte pas la valeur de la balise dans le script de l’IHM de la page Web. Une fois le script de l’IHM de la page Web terminé, la valeur actualisée de la balise est réécrite dans la balise et écrase toute autre modification apportée à cette balise pendant l’exécution du script.

- Pour les actions qui n’affectent que l’IHM, utilisez les scripts de gestion d’événements des éléments de la page Web Si l’action nécessite une mise à jour immédiate, utilisez un objet Promise (promesse). Les promesses permettent d’obtenir les valeurs renvoyées par un script de page Web, puis d’exécuter un code de script qui en dépend.

  Remarque : Pour plus d’informations sur l’utilisation des promesses, consultez la rubrique Pages Web – JavaScript – Promesses.

- Scripts de gestion d’événements pour les éléments de la page Web

  Ces scripts sont utilisés avec les événements liés aux éléments de la page Web, tels que le survol par le curseur de la souris, la sortie du curseur, la modification, etc.

Les scripts d’IHM de pages Web peuvent interagir avec les éléments suivants :

- Les propriétés des éléments de la page Web qui sont publiées en tant que balises (Balises de propriétés des éléments de pages Web).

  Cela permet d’accéder aux propriétés des éléments, comme la propriété Valeur d’un élément Curseur ou la propriété Zone de texte d’un élément Texte, à l’aide de balises.

  Par exemple :

      $MyTag = 45;

      console.log($MyErrorMessageTag);

      $WebPages.WebPage.TextBox.Text = "new text";

      $WebPages.WebPage.DataTable.Content = { Header: ["Header1"], Data: [ ["test"], ["test2] ] }

      $WebPages.WebPage.DataTable.Content = new TableData(["Header1"], [ ["test"], ["test2"] ] )

  Remarque : Les deux exemples Tableau de données produisent le même résultat.

Remarque :

- Pour obtenir des informations plus détaillées sur le langage de programmation JavaScript, consultez les éléments suivants (connexion Internet nécessaire) :

  - Guide JavaScript de Mozilla
  - Référence JavaScript de Mozilla
  - « JavaScript: The Definitive Guide », rédigé par David Flanagan