Les fichiers .js

Aperçu de javascript et son application XUL

Les fichiers .js (pour « Javascript ») contiennent le code javascript des fonctions (ou des méthodes), des classes d'objets, des constantes, des variables qui vont permettrent à l'utilisateur d'inter-agir avec l'application.

Outre l'utilisation habituelle de ce langage, javascript est utilisé pour faire appel à des « services » (ou des instances de service) propres à Mozilla, qui élargissent considérablement le champ d'utilisation du langage, et permettre aujourd'hui de faire pratiquement tout ce que l'on veut. (lien vers le résumé de l'utilisation des services).

%%% Chaque élément XUL (un bouton, un menu, une boîte quelconque) peut implémenter une fonction javascript (implémenter peut être compris ici comme « faire appel, appeler, invoquer »). Par exemple :

 ''Dans le fichier XUL''

 <button label="Clique moi !" oncommand="QuandClicSurBouton()">

 ''Dans le fichier .js''

 function QuandClicSurBouton() {
    alert('Vous avez cliqué sur le bouton !');
 }
 

• *Explication** : quand l'utilisateur cliquera sur le bouton « Clique moi ! », la fonction QuandClicSurBouton() sera invoquée, et affichera (alert) le message « Vous avez cliqué sur le bouton ! ».

Autre exemple, avec un menu :

 ''Dans le fichier XUL''

 <menulist id="mon-menu-fichier" onselect="QuandMenuChoisi(this.value)">
    <menuitem label="Ouvre la porte" value="ouvrir" />
    <menuitem label="Ferme la porte" value="fermer" />
 </menulist>

 ''Dans le fichier .js''

 function QuandMenuChoisi(valeurMenu) {
    if ( valeurMenu == 'ouvrir' )
       alert('Je ne suis qu'un ordinateur ! Je ne peux pas ouvrir de porte !');
    else if (valeurMenu == 'fermer' )
       alert("Je sais que je suis un ordinateur, mais ce n'est pas une raison "
             + "pour me faire faire n'importe quoi !");
 }
 

• *Explication** : quand l'utilisateur choisira un menu (« Ouvre la porte » ou « Ferme la porte », la fonction QuandMenuChoisi() sera invoquée (avec la valeur — value — du menu choisi), et affichera le message en fonction de cette valeur.

Autres sources d'information

Sur le langage javascript en général

• (Ré-)Introduction à Javascript (sur developer.mozilla)
• Guide javascript (sur developer.mozilla)
• Javascript sur Mozilla.org

Sur Ajax

• Initiation sur le site Xul.fr
• Ajax, premiers pas