Exemple

Bonjour le monde

Voici le traditionnel « hello world », décliné en xul :

 <?xml version="1.0"?>
 <window xmlns="[[http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"]]>
   <box align="center">
      <button label="Clique ici" oncommand="alert('Bonjour le monde !');" />
   </box>
 </window>

Si vous utilisez Firefox ou Mozilla actuellement, cliquez simplement sur le lien suivant : hello.xul. Ou alors enregistrez cet exemple dans un fichier hello.xul (mettez bien la balise <?xml ?> au tout début de votre fichier, sans saut de ligne ni espace avant) et ouvrez-le avec Firefox.

Description

La balise <window> déclare une fenêtre, qui contient une boîte (<box>), qui contient elle-même un bouton dont le libellé est « Clique ici ». Il est indiqué du code javascript à exécuter sur l'événement oncommand du bouton (événement qui est généré quand on clique ou quand on active le bouton au clavier).

De la même manière, il est possible d'ajouter des menus déroulant, des barres de boutons, des boîtes de listes (simple, arborescente, etc.), des onglets, des assistants (wizards), des zones de saisies etc.