Element bardzo podobny do button
, który jest umieszczony na menubar
. Kiedy użytkownik kliknie element menu
, to potomek menupopup
z menu zostanie wyświetlony. Ten element jest także stosowany do tworzenia podmenu.
Dodatkowe informacje są dostępne w kursie XUL.
- Atrybuty
- acceltext, accesskey, allowevents, crop, disabled, key, label, menuactive, open, sizetopopup, value
Przykład
<menubar id="sample-menubar"> <menu id="file-menu" label="File"> <menupopup id="file-popup"> <menuitem label="New"/> <menuitem label="Open"/> <menuitem label="Save"/> <menuseparator/> <menuitem label="Exit"/> </menupopup> </menu> <menu id="edit-menu" label="Edit"> <menupopup id="edit-popup"> <menuitem label="Undo"/> <menuitem label="Redo"/> </menupopup> </menu> </menubar>
Atrybuty
-
accesskey
- Typ: znak
- Powinien być ustawiony na literę, która zostanie zastosowana jako klawisz dostępu. Litera ta powinna być jedną z liter, które są wyświetlane w etykiecie tekstowej (
) dla elementu.label
Przykład
<vbox> <label value="Enter Name" accesskey="e" control="myName"/> <textbox id="myName"/> <button label="Cancel" accesskey="n"/> <button label="Ok" accesskey="O"/> </vbox>
Zobacz także
Atrybut label
, atrybut acceltext
-
crop
- Typ: jedna z poniższych wartości
- Jeśli etykieta elementu jest zbyt duża by zmieścić się w danym miejscu, to jej tekst zostanie skrócony po stronie określonej przy pomocy atrybutu
crop
. Wycięty fragment tekstu zostanie zastąpiony wielokropkiem. Jeśli kierunek pudełka jest określony w lewą stronę, to skrócenie tekstu nastąpi w tym samym kierunku (czyli z lewej strony):
-
start
: Tekst będzie skrócony z lewej strony. -
end
: Tekst będzie skrócony z prawej strony. -
left
: Tekst będzie skrócony z lewej strony. -
right
: Tekst będzie skrócony z prawej strony. -
center
: Tekst będzie skrócony w środku, pokazując oba końce: początek i koniec normalnego tekstu. -
none
: Tekst nie będzie skrócony przy zastosowaniu wielokropka. Jednakże, tekst skrócony zostanie po prostu obcięty, jeśli będzie za duży. Strona skrócenia owego tekstu zależy od rozmieszczenia tekstu określonego w arkuszu stylów CSS.
menupopup > menuitem, menupopup > menu { max-width: none; }
-
disabled
- Typ: boolean
- Określa, czy element jest wyłączony. Jeśli atrybut ten ma wartość
true
, to element będzie wyłączony. Wyłączone elementy zazwyczaj są wyszarzone. Jeśli element jest wyłączony, nie odpowiada na czynności użytkownika, nie może zostać na niego ustawiony focus, a zdarzenie command nie zostanie wywołane.
<!-- Pole wyboru włącza/wyłącza przycisk --> <checkbox label="Enable button" onclick="document.getElementById('buttRemove').disabled = this.checked"/> <button id="buttRemove" label="Remove All" disabled="true"/>
-
key
- Typ: znak
- Litera, która musi zostać naciśnięta. Powinien to być znak, który może być wyświetlany.
-
label
- Typ: string
- Etykieta, która zostanie wyświetlona na elemencie. Jeśli zostanie on usunięty, to żaden tekst nie zostanie wyświetlony.
- {{ XULAttr("open") }}
- Typ: boolean
- Dla przycisków o {{ XULAttr("type") }} ustawionym na
menu
, atrybutopen
jest ustawiany natrue
, kiedy menu jest otwarte. Atrybutopen
nie jest obecny, jeśli menu jest zamknięte.
sizetopopup
- Typ:jedna z poniższych wartości
- Indicates how the menu width and the
menupopup
width are determined. If thesizetopopup
attribute is left out or set tonone
, the menu will be its preferred width and the popup may extend outside of this width, unaffected by the maximum width of the menu itself.
none
: Szerokość okienka popup nie będzie ograniczało rozmiaru menu.always
: Jeśli jest ustawiony naalways
, długość menu będzie taka sama jaka jest potrzebna dla elementumenupopup
. Jeśli menu posiada maksymalna szerokość, to popup będzie miał tą samą szerokość.
-
value
- Typ: string
- Atrybut łańcucha znaków pozwalający na współpracę wartości danych z elementem. Nie jest stosowany dla określenia jakiegoś konkretnego celu, lecz można go wykorzystać w skrypcie do własnego użytku.
Własności
-
control
<magic name="\"PAGENAME\"/"></magic>
- Typ: id elementu
-
Pobiera i ustawia wartość atrybutu
control
.
Dziedziczy z elementu XUL |
Metody
Podobne
- Elementy
-
menubar
,menuitem
,menulist
,menupopup
,menuseparator