button

Sommaire

1. Exemples
2. Attributs
1. 2.1. Exemple
2. 2.2. Voir également
3. Propriétés
4. Méthodes
5. Sujets liés

« Accueil de la référence XUL [ Exemples | Attributs | Propriétés | Méthodes | Sujets liés ]

Un bouton qui peut être activé par l'utilisateur. Des gestionnaires d'évènements peuvent être utilisés pour capturer des évènements souris, claviers ou autres. Un bouton est typiquement affiché sous la forme d'un rectangle gris en relief. Le label d'un bouton peut être spécifié à l'aide de l'attribut label ou en plaçant du contenu dans l'élément button.

Vous trouverez plus d'informations dans le Tutoriel XUL.

Attributs: accesskey , autoCheck , checkState , checked , command , crop , dir , disabled , dlgtype , group , icon , image , label , open , orient , tabindex , type

Propriétés: accessKey , accessibleType , autoCheck , checkState , checked , command , crop , dir , disabled , dlgType , group , image , label , open , orient , tabIndex , type

Exemples

<button label="Appuyez"
        oncommand="alert('Vous avez appuyé.');"/>

Attributs

Hérités de XUL element
align , allowevents , allownegativeassertions , class , coalesceduplicatearcs , collapsed , container , containment , context , contextmenu , datasources , dir , empty , equalsize , flags , flex , height , hidden , id , insertafter , insertbefore , left , maxheight , maxwidth , menu , minheight , minwidth , mousethrough , observes , ordinal , orient , pack , persist , popup , position , preference-editable , querytype , ref , removeelement , sortDirection , sortResource , sortResource2 , statustext , style , template , tooltip , tooltiptext , top , uri , wait-cursor , width

accesskey: Type : caractère; Cet attribut doit être une lettre utilisée comme touche de raccourci. Cette lettre doit être un des caractères apparaissant dans l'attribut label de l'élément.

Exemple

<vbox>	
  <label value="Entrez votre nom" accesskey="e" control="myName"/>
  <textbox id="myName"/>
  <button label="Annuler" accesskey="n"/>
  <button label="OK" accesskey="O"/>
</vbox>

Voir également

Les attributs label et acceltext

autoCheck checkState

checked: Type : booléen; Indique si l'élément est coché ou non.; Utilisez hasAttribute() pour déterminer si cet attribut est défini plutôt que getAttribute().

{{mediawiki['#switch']('<magic name=\"PAGENAME\"/>', XUL:button = L'attribut .. '<code><template><name>' .. XULAttr .. '</name><arg>' .. type .. '</arg></template></code>' .. doit être défini à .. '<code>' .. checkbox .. '</code>' .. ou .. '<code>' .. radio .. '</code>' .. pour que cet attribut ait un effet.)}}

command: Type : id d'élément; Défini à la valeur de l'id d'un élément command observé par l'élément.

crop: Type : une des valeurs ci-dessous; Si le label de l'élément est trop long pour être contenu dans son espace donné, le texte sera tronqué du côté indiqué par l'attribut crop. Une ellipse (…) sera utilisée à la place du texte tronqué. Si la direction de la boîte est inversée, le tronquage l'est également.

start : Le texte sera tronqué du côté gauche.
end : Le texte sera tronqué du côté droit.
left : Déprécié Le texte sera tronqué du côté gauche.
right : Déprécié Le texte sera tronqué du côté droit.
center : Le texte sera tronqué en son milieu, en affichant le début et la fin normalement.
none : Le texte ne sera pas tronqué avec une ellipse. Cependant il sera simplement coupé là où il est trop large. Le côté dépend de l'alignement CSS.

dir: Type : une des valeurs ci-dessous; La direction dans laquelle les éléments enfants de l'élément seront placés.

normal : /ul/li/span, line 1, column 55: ")" expected
reverse : {{mediawiki['#switch']('<magic name=\"PAGENAME\"/>', XUL:scale = Les valeurs de l'échelle sont triées de droite à gauche (pour les échelles horizontales) ou de bas en haut (pour les échelles verticales)., Les éléments sont placés de droite à gauche ou de bas en haut. C'est le contraire de l'ordre dans lequel ils apparaissent dans le code XUL.)}}

disabled: Type : booléen; Indique si l'élément est ou non désactivé. Si cette valeur est définie à true, l'élément est désactivé. Les éléments désactivés sont habituellement affichés avec leur texte grisé. Si l'élément est désactivé, il ne répond pas aux actions de l'utilisateur, il ne peut pas recevoir le focus, et l'évènement command ne se déclenchera pas.

<!-- La case à cocher active/désactive le bouton -->
<checkbox label="Enable button" 
    onclick="document.getElementById('buttRemove').disabled = this.checked"/>
<button id="buttRemove" label="Remove All" disabled="true"/>

dlgtype group icon

image: Type : URL d'une image; L'URL de l'image devant apparaître sur l'élément. Si cet attribut est vide ou omis, aucune image n'apparaîtra. La position de l'image est déterminée par les attributs dir et orient .

label: Type : chaîne de caractères; Le label qui apparaîtra sur l'élément. S'il n'est pas spécifié, aucun texte n'apparaîtra.

open: Type : booléen; Pour les boutons de type menu, l'attribut open est défini à true lorsque le menu est ouvert. L'attribut open n'est pas présent si le menu est fermé.

orient: Type : une des valeurs ci-dessous; Utilisé pour spécifier si les enfants de l'élément sont orientés horizontalement ou verticalement. La valeur par défaut dépend de l'élément. Il est également possible d'utiliser la propriété de style -moz-box-orient.

horizontal : Les éléments enfants de l'élément sont placés les uns à côté des autres sur une ligne dans l'ordre de leur apparition dans le code source XUL.
vertical : Les éléments enfants de l'élément sont placés les uns en dessous des autres sur une colonne dans l'ordre de leur apparition dans le code source XUL.

tabindex: Type : entier; L'ordre de tabulation de l'élément. L'ordre de tabulation est l'ordre dans lequel le focus se déplace lorsque l'utilisateur appuie sur la touche « tab ». Les éléments dont le tabindex est plus haut se trouvent plus tard dans la séquence de tabulation.

button.type

Propriétés

Héritées de XUL element
align , allowEvents , boxObject , builder , className , collapsed , contextMenu , controllers , currentItem , database , datasources , dir , flex , height , hidden , id , left , listBoxObject , maxHeight , maxWidth , menu , minHeight , minWidth , observes , ordinal , orient , pack , persist , ref , resource , statusText , style , tooltip , tooltipText , top , value , width

Héritées de DOM element
attributes , childNodes , cloneNode , firstChild , lastChild , localName , namespaceURI , nextSibling , nodeName , nodeType , nodeValue , ownerDocument , parentNode , prefix , previousSibling , tagName

accessKey: Type : caractère; Obtient et définit la valeur de l'attribut accesskey .

accessibleType: Type : entier; Une valeur indiquant le type d'objet d'accessibilité pour l'élément.

autoCheck checkState checked command

crop: Type : chaîne de caractères; Obtient et définit la valeur de l'attribut crop .

dir: Type : chaîne de caractères; Obtient et définit la valeur de l'attribut dir .

disabled: Type : booléen; Obtient et définit la valeur de l'attribut disabled .

dlgType group

image: Type : URL d'image; Obtient et définit la valeur de l'attribut image .

label: Type : chaîne de caractères; Obtient et définit la valeur de l'attribut label .

open: Type : booléen; Obtient et définit la valeur de l'attribut open .

orient: Type : chaîne de caractères; Obtient et définit la valeur de l'attribut orient .

tabIndex: Type : entier; Obtient et définit la valeur de l'attribut tabindex .

type: Type : chaîne de caractères; Obtient et définit la valeur de l'attribut type .

Tags:

Fichiers (0)

Content is available under these licenses

About MDC

Propulsé par MindTouch Deki v.8.08

Sommaire

button

Sommaire

Exemples

Attributs

Exemple

Voir également

Propriétés

Méthodes

Sujets liés

Languages

Fichiers (0)