Vos résultats de recherche

listitem

Dans cet article

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

Une ligne unique dans un élément listbox. Le texte de la ligne est généralement spécifié soit en utilisant des éléments listcell, soit en plaçant un attribut label directement sur l'élément listitem. Par défaut, contient un seul élément listcell du type et de la classe appropriées pour le listitem.

Vous trouverez plus d'informations dans le Tutoriel XUL.

Attributs: accesskey, checked, command, crop, current, disabled, image, label, preference, selected, tabindex, type, value

Propriétés: accessKey, accessible, checked, control, crop, current, disabled, image, label, selected, tabIndex, value

Classes de style: listitem-iconic

Exemples

 <listbox id="laListe">
   <listitem label="Rubis"/>
   <listitem label="Émeraude"/>
   <listitem label="Saphir" selected="true"/>
   <listitem label="Diamant"/>
 </listbox>

Attributs

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

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().
Pour les boutons, l'attribut type doit etre mis à checkbox ou à radio pour qu'un effet soit perceptible.

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 : Le texte sera tronqué du côté gauche.
right : 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.

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"/>

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.

preference: Type : id d'élément; Connecte l'élément à une préférence (élément preference) correspondante. Cet attribut n'a d'effet qu'utilisé au sein d'un prefwindow. La valeur de la préférence sera mise à jour pour correspondre à la propriété value de l'élément.

selected: Type : booléen; Indique si l'élément est sélectionné ou non. Cette valeur est en lecture seule. Pour changer la sélection, utilisez la propriété selectedIndex ou selectedItem de l'élément conteneur.

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.

value: Type : chaîne; Cet attribut chaîne permet d'associer une valeur de données avec un élément. Il n'est destiné à aucune utilisation particulière, mais vous pouvez y accéder avec un script pour votre usage propre..

Propriétés

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

accessible: Type : nsIAccessible; Renvoie l'objet d'accessibilité pour l'élément.

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

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

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.

selected: Type : booléen; La valeur de cette propriété est true si cet élément est sélectionné, ou false s'il ne l'est pas. Cette propriété est en lecture seule.

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

value: Type : chaîne; Obtient et définit la valeur de l'attribut value.

Méthodes

Héritées de XUL element
blur, click, doCommand, focus, getElementsByAttribute

Héritées de DOM element
addEventListener(), appendChild(), dispatchEvent(), getAttribute(), getAttributeNode(), getAttributeNodeNS(), getAttributeNS(), getElementsByTagName(), getElementsByTagNameNS(), hasAttribute(), hasAttributeNS(), hasAttributes(), hasChildNodes(), insertBefore(), isSupported(), normalize(), removeAttribute(), removeAttributeNode(), removeAttributeNS(), removeChild(), removeEventListener(), replaceChild(), setAttribute(), setAttributeNode(), setAttributeNodeNS(), setAttributeNS()

Classes de style

Les classes suivantes peuvent être utilisées pour styler l'élément. Il convient de les utiliser plutôt que de changer le style de l'élément directement afin de s'intégrer plus naturellement dans le thème choisi par l'utilisateur.

listitem-iconic: Use this class to have an image appear on the listitem. Specify the image using the image attribute.

Sujets liés

Éléments: listbox, listcell, listcol, listcols, listhead, listheader

Interfaces: nsIAccessibleProvider, nsIDOMXULSelectControlItemElement

Étiquettes et contributeurs liés au document

Étiquettes :

Éléments_XUL

Contributeurs à cette page : lmorchard, BenoitL

Dernière mise à jour par : lmorchard, 14 juin 2012 à 18:12:08