Manuel de référence du programmeur XUL

<button />

Attributs Enfants communs
value * * *
class  
onclick  
oncommand  
id  
tooltip  
default  
disabled  
toggled  
src  
crop  
 

<titledbutton /> (désapprouvé)

Attributs Enfants communs
value * * *
class  
align  
onclick  
oncommand  
id  
tooltip  
default  
disabled  
toggled  
src  
crop  
 

Classes de button

<button> est le nom du widget du bouton XUL. <button> hérite de <box>, ainsi il utilise les attributs de position du widget et peut être appelé en utilisant diverses classes de bouton. Le comportement du bouton est défini en grande partie dans les feuilles de style (stylesheets). Les états du bouton -- inactif, actif et le 'survolé' (qui est l'état du bouton lorsque la souris est au-dessus du bouton mais aucun clique n'a été fait) -- correspondent à trois pseudo-classes qui décrivent généralement le comportement du bouton. Les définitions suivantes d'exemple de modèle fonctionnent ensemble pour faire abaisser le bouton quand il est cliqué et le mettre en valeur quand la souris passe au-dessus de lui:
 
button.bookmarkbutton {
   margin: 0px;
   max-width: 8em;
   font: inherit;
   font-size: smaller;
   color: #99CCCC;
   border: none;
   padding: 1px;
   background-image: none;
}

button.bookmarkbutton:hover {
   color: #CCFFFF;
}

button.bookmarkbutton:active {
   color: #CCFFFF;
   padding-left: 2px;
   padding-top: 2px;
   padding-right: 0px;
   padding-bottom: 0px;
}
Notez que la première classe, bookmarkbutton, indique le modèle du bouton quand il est inactif. Quand la souris passe, le bouton change vers une couleur vert clair, comme décrit dans la pseudo-classe ":hover". Quand le bouton est cliqué, les définitions de modèle de remplissage change le bouton comme s'il était enfoncé.

Evènements de button

Des auditeurs d'événement peuvent être fixés aux  boutons pour appeler des commandes. Par exemple, l'événement onclick du bouton (écrire l'événement en minuscule: XUL ne suit pas la convention JavaScript de nommer des événements avec des majuscules, comme dans "onClick") peut appeler une fonction JavaScript, comme dans l'exemple suivant:
 
<button class="pane" 
   value="&TOC.label;" 
   oncommand="GetDoc('contents.html')"/>
                        
Voir l'attribut oncommand pour plus d'informations sur la manière d'associer des auditeurs d'événement aux boutons.
 

 

Last updated: 3/21/00 Ian Oeschger
French version (6/29/00) Matthieu Camus