Voir aussi Zvon Reference XUL pour plus d'exemples
Cliquez sur le nom de fichier, e.g. xul1.xul pour voir l'exemple. Alors que les sources peuvent être visualisées avec tous navigateurs, les exemples requièrentMozilla. Ces Exemples ont été testés avec la M12 release. Ils restent encore quelques bugs qui seront supprimés dans les mises à jour futures.| Exemple 1 | L'élément Window est l'élément racine des fichiers Xul. L'attribut xmlns definit l'espace de nom par défaut auquel les balises appartiendront. Il ne doit pas être omis. La signification de l'élément Menubar est évidente : les éléments menu définissent différents item. La valeur de l'attribut apparaît comme identique au nom de l'item indiqué. |
|---|---|
| Exemple 2 | Avec la combinaison de menu, menupopup et menuitem, des barres de menu arbitraires peuvent être crées. |
| Exemple 3 | Plusieurs items peuvent être groupés. Les items du même groupe ont la même valeur d'attribut nommé. Le clic sur l'item de menu le choisit. Le comportement supplémentaire dépend de la valeur du type de l'attribut. |
| Exemple 4 | Menubar est employé pour déclencher une certaine action. L'attribut oncommand est employé pour indiquer le comportement exigé dans le script Javascript (ECMAscript). |
| Exemple 5 | Quelques items de menu peuvent être neutralisés en plaçant l'attribut disabled à la valeur true. |
| Exemple 6 | Des effets visuels sont accomplis avec l'aide du CSS. |
| Exemple 7 | L'élément progressmeter montre une barre de progression qui peut être placée à une position précise. Si la position n'est pas connue cet élément peut être placé à une valeur indéterminée par l'attribut mode avec comme valeur "undetermined" . |
| Exemple 8 | L'élément box est employé pour grouper des commandes ensemble. Son attribut align indique si ces commandes s'éxécutent de gauche à droite ("horizontal") ou de haut en bas ("vertical"). Avec l'élément titledbutton, des boutons fortement personnalisables peuvent être créés. L'attribut value définit le texte pour le bouton. L'image peut être spécifiée par un attribut src ou en plaçant la propriété list-style-image dans le fichier CSS. |
| Exemple 9 | L'élément tabcontrol permet la commutation entre différentes vues. Il y a une correspondance directe entre les enfants du tabbox et du tabpanel. Il signifie que le clic sur le premier onglet ouvre la vue définie par le premier enfant du tabpanel, la deuxième étiquette ouvre le deuxième enfant du tabpanel et ainsi de suite. |
| Exemple 10 | L'élément tree est équivalent au tableau HTML. Les tableaux tree supportent la multi-sélection (avec l'aide des touches MAJ. et Ctrl). |
| Exemple 11 | Le code de HTML peut être employé dans des fichiers xul. Si nécessaire, le namespace HTML doit être défini avec précision comme montré dans les exemples avec l'attribut xmlns:html. |