Search completed in 1.62 seconds.
Accesskey display rules - Archive of obsolete content
each controls of xul can have an
accesskey which is specified by
accesskey attribute or
accesskey property (see
accesskey attribute document for the detail).
... xul elements display their
accesskeys in their label automatically if it's necessary.
...xul elements don't display any
accesskeys on mac xul elements don't display any
accesskeys on mac.
...And 24 more matches
XUL Accesskey FAQ and Policies - Archive of obsolete content
what is an
accesskey?
... an
accesskey is an underlined letter in a web page, menu or dialog that indicates to a user a quick, keyboard method of simulating a click on that element.
...on macintosh,
accesskeys are available only in html not in xul, and they are activated using ctrl+letter instead of alt.
...And 20 more matches
accesskey - Archive of obsolete content
« xul reference home attribute of: button, checkbox, caption, description, label, listitem, menu, menuitem, menulist, tab, radio, toolbarbutton, textbox
accesskey type: character this should be set to a character that is used as a shortcut key.
... on non-macintosh platforms, the character on the element's label matching the
accesskey is underlined.
... for example, when a menu labeled 'file' has an
accesskey of 'f', the generated label will be 'file'.
...And 12 more matches
accesskey - HTML: Hypertext Markup Language
the
accesskey global attribute provides a hint for generating a keyboard shortcut for the current element.
... the way to activate the
accesskey depends on the browser and its platform: windows linux mac firefox alt + shift + key on firefox 57 or newer: control + option + key or control + alt + key on firefox 14 or newer: control + alt + key on firefox 13 or older: control + key internet explorer alt + key alt + shift + key n/a edge n/a control + option + ke...
...y control + option + shift + key google chrome alt + shift + key safari n/a opera 15+ alt + key control + alt + key opera 12 shift + esc opens a contents list which are accessible by
accesskey, then, can choose an item by pressing key accessibility concerns in addition to poor browser support, there are numerous concerns with the
accesskey attribute: an
accesskey value can conflict with a system or browser keyboard shortcut, or assistive technology functionality.
...And 11 more matches
Element.accessKey - Web APIs
the element.
accesskey property sets the keystroke which a user can press to jump to a given element.
... the element.
accesskey property is seldom used because of its multiple conflicts with already present key bindings in browsers.
... to work around this, browsers implement
accesskey behavior if the keys are pressed with other "qualifying" keys (such as alt +
accesskey).
accessKeyLabel - Web APIs
the htmlelement.
accesskeylabel read-only property returns a string that represents the element's assigned access key (if any); otherwise it returns an empty string.
... syntax label = element.
accesskeylabel example javascript var node = document.getelementbyid('btn1'); if (node.
accesskeylabel) { node.title += ' [' + node.
accesskeylabel + ']'; } else { node.title += ' [' + node.
accesskey + ']'; } node.onclick = function () { var p = document.createelement('p'); p.textcontent = 'clicked!'; node.parentnode.appendchild(p); }; html <button
accesskey="h" title="caption" id="btn1">hover me</button> result specifications specification status comment html living standardthe definition of 'htmlelement.
accesskeylabel' in that specification.
... html5the definition of 'htmlelement.
accesskeylabel' in that specification.
Index - Archive of obsolete content
757
accesskey reference, xul, xul attributes, xul reference,
accesskey no summary!
... 780 button
accesskeyaccept xul attributes, xul reference no summary!
... 781 button
accesskeycancel xul attributes, xul reference no summary!
...And 13 more matches
Index - Archive of obsolete content
10
accesskey reference, xul, xul attributes, xul reference,
accesskey no summary!
... 33 button
accesskeyaccept xul attributes, xul reference no summary!
... 34 button
accesskeycancel xul attributes, xul reference no summary!
...And 13 more matches
MenuItems - Archive of obsolete content
<menu label="view"
accesskey="v"> <menupopup> <menuitem label="show toolbar"
accesskey="t" type="checkbox" checked="true"/> <menuitem label="show status bar"
accesskey="s" type="checkbox"/> </menupopup> </menu> both menuitems are of the checkbox type.
...<menuitem label="show toolbar"
accesskey="t" type="checkbox" oncommand="changetoolbarstate();"/> in this example, we show the toolbar when the menuitem is checked and hide the toolbar otherwise.
...<menuitem label="show toolbar"
accesskey="t" type="checkbox" autocheck="false" oncommand="changetoolbarstate();"/> this version of the changetoolbarstate function changes the checked attribute itself.
...And 5 more matches
Menus - Archive of obsolete content
to set an access key for a menu, use the
accesskey attribute, as in the example below.
... <menu label="file"
accesskey="f"/> this menu can then be opened by pressing the access key (typically in combination with the alt key).
... <menubar> <menu label="file"
accesskey="f"/> <menu label="find"
accesskey="d"/> </menubar> here, the 'file' menu has the 'f' access key, and the 'find' menu has the 'd' access key.
...And 5 more matches
The Essentials of an Extension - Archive of obsolete content
we'll skip some code that is covered in the locale section, moving on to the most important part of the content: <menubar id="main-menubar"> <menu id="xulschoolhello-hello-menu" label="&xulschoolhello.hello.label;"
accesskey="&xulschoolhello.hellomenu.
accesskey;" insertafter="helpmenu"> <menupopup> <menuitem id="xulschoolhello-hello-menu-item" label="&xulschoolhello.hello.label;"
accesskey="&xulschoolhello.helloitem.
accesskey;" oncommand="xulschoolchrome.browseroverlay.sayhello(event);" /> </menupopup> </menu> </menubar> <vbox id="appmenusecondarypane"> <menu id="xulschoolhe...
...llo-hello-menu-2" label="&xulschoolhello.hello.label;"
accesskey="&xulschoolhello.hellomenu.
accesskey;" insertafter="appmenu_addons"> <menupopup> <menuitem id="xulschoolhello-hello-menu-item-2" label="&xulschoolhello.hello.label;"
accesskey="&xulschoolhello.helloitem.
accesskey;" oncommand="xulschoolchrome.browseroverlay.sayhello(event);" /> </menupopup> </menu> </vbox> this is the code that adds the hello world menu to the browser window.
... one recommended location for menus in the classic menu vase is under the tools menu, so the code should really look like this: <menupopup id="menu_toolspopup"> <menu id="xulschoolhello-hello-menu" label="&xulschoolhello.hello.label;"
accesskey="&xulschoolhello.hellomenu.
accesskey;" insertbefore="devtoolsendseparator"> <menupopup> <menuitem id="xulschoolhello-hello-menu-item" label="&xulschoolhello.hello.label;"
accesskey="&xulschoolhello.helloitem.
accesskey;" oncommand="xulschoolchrome.browseroverlay.sayhello(event);" /> </menupopup> </menu> </menupopup> we're overlaying the menu that is ...
...And 4 more matches
dialog - Archive of obsolete content
attributes button
accesskeyaccept, button
accesskeycancel, button
accesskeydisclosure, button
accesskeyextra1, button
accesskeyextra2, button
accesskeyhelp, buttonalign, buttondir, buttondisabledaccept, buttonlabelaccept, buttonlabelcancel, buttonlabeldisclosure, buttonlabelextra1, buttonlabelextra2, buttonlabelhelp, buttonorient, buttonpack, buttons, defaultbutton, title properties buttons, defaultbutton methods accep...
... button
accesskeyaccept type: string the access key to use for the "accept" button.
... button
accesskeycancel type: string the access key to use for the "cancel" button.
...And 4 more matches
Localization - Archive of obsolete content
xul <menuitem label="&undo.label;"
accesskey="&undo.key;"/> dtd <!entity undo.label "undo"> <!entity undo.key "u"> the example above uses two entities, one for the label on the undo menu item and the second for the access key.
... <!doctype window system "chrome://findfile/locale/findfile.dtd"> <window id="findfile-window" title="&findwindow.title;" persist="screenx screeny width height" orient="horizontal" onload="initsearchlist()" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> <script src="findfile.js"/> <popupset> <menupopup id="editpopup"> <menuitem label="&cutcmd.label;"
accesskey="&cutcmd.
accesskey;"/> <menuitem label="©cmd.label;"
accesskey="©cmd.
accesskey;"/> <menuitem label="&pastecmd.label;"
accesskey="&pastecmd.
accesskey;" disabled="true"/> </menupopup> </popupset> <keyset> <key id="cut_cmd" modifiers="accel" key="&cutcmd.commandkey;"/> <key id="copy_cmd" modifiers="accel" key="©cmd.commandkey;"/> <key id="paste_cmd" modifiers="acce...
...l" key="&pastecmd.commandkey;"/> <key id="close_cmd" keycode="vk_escape" oncommand="window.close();"/> </keyset> <vbox flex="1"> <toolbox> <menubar id="findfiles-menubar"> <menu id="file-menu" label="&filemenu.label;"
accesskey="&filemenu.
accesskey;"> <menupopup id="file-popup"> <menuitem label="&opencmd.label;"
accesskey="&opencmd.
accesskey;"/> <menuitem label="&savecmd.label;"
accesskey="&savecmd.
accesskey;"/> <menuseparator/> <menuitem label="&closecmd.label;"
accesskey="&closecmd.
accesskey;" key="close_cmd" oncommand="window.close();"/> </menupopup> </menu> <menu id="edit-menu" label="&editmenu.label;"
accesskey="&editmenu.
accesskey;"> <menupopup id="edi...
...And 3 more matches
Gecko Keypress Event
problem 4 the shift key must be down (with default preferences) to use
accesskeys in web contents on windows and linux.
... this makes it impossible for users to distinguish between
accesskeys using two different characters on the same key (when the shift modifier is usually used to select one of the characters).
... when handling web content
accesskeys, the handlers should consider both characters that are available on the key (without and with shift).
...And 3 more matches
findbar - Archive of obsolete content
attributes browserid, findnext
accesskey, findprevious
accesskey, highlight
accesskey, matchcase
accesskey properties browser, findmode methods close, onfindagaincommand, open, startfind, togglehighlight example <browser type="content-primary" flex="1" id="content" src="about:blank"/> <findbar id="findtoolbar" browserid="content"/> attributes browserid type: string the id of the browser element to wh...
... findnext
accesskey type: string the access key for the "find next" toolbar button in the findbar.
... findprevious
accesskey type: string the access key for the "find previous" toolbar button in the findbar.
...And 2 more matches
Keyboard Shortcuts - Archive of obsolete content
we've already seen in the section on menus that we can define an attribute called
accesskey which specifies the key which a user can press to activate the menu or menu item.
... example 1 : source view <menubar id="sample-menubar"> <menu id="file-menu" label="file"
accesskey="f"> <menupopup id="file-popup"> <menuitem id="close-command" label="close"
accesskey="c"/> </menupopup> </menu> </menubar> you can also use the
accesskey attribute on buttons.
... example 2 : source view <keyset> <key id="paste-key" modifiers="accel" key="v" oncommand="alert('paste invoked')"/> </keyset> <menubar id="sample-menubar"> <menu id="edit-menu" label="edit"
accesskey="e"> <menupopup id="edit-popup"> <menuitem id="paste-command"
accesskey="p" key="paste-key" label="paste" oncommand="alert('paste invoked')"/> </menupopup> </menu> </menubar> the menuitem's key attribute, which here is paste-key is equal to the id of the defined key.
...And 2 more matches
begin - SVG: Scalable Vector Graphics
each individual value can be one of the following : <offset-value>, <syncbase-value>, <event-value>, <repeat-value>, <
accesskey-value>, <wallclock-sync-value> or the keyword indefinite.
... <
accesskey-value> this value defines an access key that should trigger the animation.
... a valid
accesskey-value consists of the function
accesskey() with the character to be input as parameter.
...And 2 more matches
XForms Label Element - Archive of obsolete content
ui behavior
accesskey support - if the
accesskey attribute is specified on labeled xforms controls or on the label element itself then the label text for the control will contain an indicator as to what the access key is in a standard way.
... usually by underlining the
accesskey character in the label text.
... focus behavior - when a label element is clicked or its
accesskey is activated then the form control that contains the label will be given the focus.
... attributes ui common
accesskey - used to specify the keyboard shortcut for focusing the parent form control.
Setting up your own test automation environment - Learn web development
let's write an example: inside your project directory, create a new file called lambdatest_google_test.js give it the following contents: const webdriver = require('selenium-webdriver'); by = webdriver.by, until = webdriver.until; // username: username can be found at automation dashboard const username = '{username}'; //
accesskey:
accesskey can be generated from automation dashboard or profile section const key = '{
accesskey}'; // gridurl: gridurl can be found at automation dashboard const grid_host = 'hub.lambdatest.com/wd/hub'; function searchtextongoogle() { // setup input capabilities const capabilities = { platform: 'windows 10', browsername: 'chrome', version: '67.0', resolution: '...
...replace the {username} and {
accesskey} placeholders in the code with your actual user name and access key values (and make sure you keep them secure).
... give it the following contents: const webdriver = require('selenium-webdriver'), by = webdriver.by, until = webdriver.until, username = "your-user-name",
accesskey = "your-access-key"; let driver = new webdriver.builder() .withcapabilities({ 'browsername': 'chrome', 'platform': 'windows xp', 'version': '43.0', 'username': username, '
accesskey':
accesskey }) .usingserver("https://" + username + ":" +
accesskey + "@ondemand.saucelabs.com:443/wd/hub") .build(); driver.get('http://www.google.com'); driv...
...ucelabs'); create a new instance of saucelabs, by adding the following just below that: let saucelabs = new saucelabs({ username : "your-user-name", password : "your-access-key" }); again, replace the your-user-name and your-access-key placeholders in the code with your actual user name and access key values (note that the saucelabs npm package rather confusingly uses password, not
accesskey).
Mozilla’s UAAG evaluation report
(p2) g menus indicate
accesskey and accelerator configurations accelerators not show in button tooltips guideline 8.
... html: scope attribute (table): available through dom html: headers attribute (table): available through dom html: axis attribute (table): available through dom html: tabindex attribute: yes, can be used to order sequential navigation html:
accesskey attribute: supported with alt-{key}, menu key conflict favor the
accesskey?
...(p1) g menus indicate
accesskey and accelerator configurations accelerators not show in button tooltips no centralized key bindings informational resource for end-users, only developer documentation 11.2 current author bindings.
... (p2) ni the web page itself is currently responsible for letting the user know what
accesskey's are available.
<input type="button"> - HTML: Hypertext Markup Language
to add a keyboard shortcut to a button — just as you would with any <input> for which it makes sense — you use the
accesskey global attribute.
... in this example, s is specified as the access key (you'll need to press s plus the particular modifier keys for your browser/os combination; see
accesskey for a useful list of those).
... <form> <input type="button" value="start machine"
accesskey="s"> </form> <p>the machine is stopped.</p> const button = document.queryselector('input'); const paragraph = document.queryselector('p'); button.addeventlistener('click', updatebutton); function updatebutton() { if (button.value === 'start machine') { button.value = 'stop machine'; paragraph.textcontent = 'the machine has started!'; } else { button.value = 'start machine'; paragraph.textcontent = 'the machine is stopped.'; } } note: the problem with the above example of course is that the user will not know what the access key is!
... in a real site, you'd have to provide this information in a way that doesn't intefere with the site design (for example by providing an easily accessible link that points to information on what the site
accesskeys are).
appendNotification - Archive of obsolete content
each description is an object with the following properties:
accesskey - the
accesskey to appear on the button callback - function to be called when the button is activated.
...ficationbutton2callback(thenotification, buttoninfo, eventtarget) { window.alert("button 2 pressed"); //do not prevent notification from closing: }; function testnotificationcallback(reason) { window.alert("reason is: " + reason); }; let notifybox = gbrowser.getnotificationbox(); let buttons = []; let button1 = { isdefault: false,
accesskey: "1", label: "button 1", callback: testnotificationbutton1callback, type: "", // if a popup, then must be: "menu-button" or "menu".
... popup: null }; buttons.push(button1); let button2 = { isdefault: true,
accesskey: "2", label: "button 2", callback: testnotificationbutton2callback, type: "", // if a popup, then must be: "menu-button" or "menu".
SeaMonkey - making custom toolbar (SM ver. 1.x) - Archive of obsolete content
<toolbarbutton id="custom-button-1" position="8"/> </hbox> </toolbar> <!-- mail, message --> <hbox id="toolbar_button_box"> <toolbarbutton id="custom-button-1" position="15"/> </hbox> <!-- composer --> <toolbar id="edittoolbar"> <toolbarbutton id="custom-button-1" position="18"/> </toolbar> <!-- chat --> <menubar id="mainmenu"> <menu id="custom-menu" position="4" label="custom"
accesskey="c"> <menupopup> <menuitem id="custom-item-1" label="custom item 1"
accesskey="1" tooltiptext="my custom menu item" oncommand="custombutton[1]()" /> </menupopup> </menu> </menubar> <!-- calendar --> <toolbar id="calendar-bar"> <toolbarbutton id="custom-button-1" position="10"/> </toolbar> <!-- button details --> <toolbarbutton id...
...="custom-button-1" label="custom" tooltiptext="my custom toolbar button" oncommand="custombutton[1]()" class="toolbarbutton-1 custombutton" /> </overlay> optionally customize the file by changing the label,
accesskey and tooltiptext attributes.
...change the label,
accesskey and tooltiptext attributes to whatever you want.
Broadcasters and Observers - Archive of obsolete content
below, some additional observers are defined: <broadcaster id="offline_command" label="offline"
accesskey="f"/> <keyset> <key id="goonline_key" observes="offline_command" modifiers="accel" key="o"/> </keyset> <menuitem id="offline_menuitem" observes="offline_command"/> <toolbarbutton id="offline_toolbarbutton" observes="offline_command"/> in this example, both the label and the
accesskey will be forwarded from the broadcaster to the key, menu item and the toolbar button.
...an example is shown below: example 2 : source view <broadcasterset> <broadcaster id="isoffline" label="offline"
accesskey="f"/> </broadcasterset> <button id="offline_button"> <observes element="isoffline" attribute="label"/> </button> two attributes have been added to the observes element.
...notice that the
accesskey is not forwarded to the button, since it is not being obseved.
button - Archive of obsolete content
attributes
accesskey, autocheck, checkstate, checked, command, crop, dir, disabled, dlgtype, group, icon, image, label, open, orient, tabindex, type properties
accesskey, accessibletype, autocheck, checkstate, checked, command, crop, dir, disabled, dlgtype, group, image, label, open, orient, tabindex, type examples <button label="press me" oncommand="alert('you pressed me!');"/> attributes ...
...
accesskey type: character this should be set to a character that is used as a shortcut key.
... properties
accesskey type: character gets and sets the value of the
accesskey attribute.
listitem - Archive of obsolete content
attributes
accesskey, checked, command, crop, current, disabled, image, label, preference, selected, tabindex, type, value properties
accesskey, accessible, checked, control, crop, current, disabled, image, label, selected, tabindex, value style classes listitem-iconic examples <listbox id="thelist"> <listitem label="ruby"/> <listitem label="emerald"/> <listitem label="sapphire" selected="true"/>...
... <listitem label="diamond"/> </listbox> attributes
accesskey type: character this should be set to a character that is used as a shortcut key.
... properties
accesskey type: character gets and sets the value of the
accesskey attribute.
menuitem - Archive of obsolete content
attributes acceltext,
accesskey, allowevents, autocheck, checked, closemenu, command, crop, description, disabled, image, key, label, name, selected, tabindex, type, validate, value properties accessibletype,
accesskey, command, control, crop, disabled, image, label, labelelement, parentcontainer, selected, tabindex, value style classes menuitem-iconic, menuitem-non-iconic examples <menulist> <menupopup> <menuitem label="option 1" value="1"/> <menuitem label="option 2" value="2"/> <menuitem label="option 3" value="3"/> ...
...
accesskey type: character this should be set to a character that is used as a shortcut key.
...
accesskey type: character gets and sets the value of the
accesskey attribute.
menuseparator - Archive of obsolete content
attributes acceltext,
accesskey, allowevents, command, crop, disabled, image, label, selected, tabindex, value properties accessibletype,
accesskey, command, control, crop, disabled, image, label, labelelement, parentcontainer, selected, tabindex, value examples <menu label="menu"> <menupopup> <menuitem label="item1"/> <menuseparator/> <menuitem label="item2"/> <menuitem label="item3"/> </menupopup> </menu> attributes acceltext type: string text that appears beside the menu label to indicate the shortcut key (...
...
accesskey type: character this should be set to a character that is used as a shortcut key.
...
accesskey type: character gets and sets the value of the
accesskey attribute.
radio - Archive of obsolete content
attributes
accesskey, command, crop, disabled, focused, group, image, label, selected, tabindex, value properties
accesskey, accessibletype, control, crop, disabled, image, label, radiogroup, selected, tabindex, value examples <radiogroup> <radio id="orange" label="red"
accesskey="r"/> <radio id="violet" label="green"
accesskey="g" selected="true"/> <radio id="yellow" label="blue"
accesskey="b" disa...
...bled="true"/> </radiogroup> attributes
accesskey type: character this should be set to a character that is used as a shortcut key.
... properties
accesskey type: character gets and sets the value of the
accesskey attribute.
toolbarbutton - Archive of obsolete content
attributes
accesskey, autocheck, checkstate, checked, command, crop, dir, disabled, dlgtype, group, image, label, oncommand, open, orient, tabindex, title, type, validate properties
accesskey, accessibletype, autocheck, checkstate, checked, command, crop, dir, disabled, dlgtype, group, image, label, open, orient, tabindex, type examples <toolbar id="test-toolbar"> <toolbarbutton
accesskey="p" label="p...
...lain"/> <toolbarbutton
accesskey="c" label="checkbox" type="checkbox"/> <toolbarbutton
accesskey="b" label="menu-button" type="menu-button"> <menupopup> <menuitem label="menu item 1"/> <menuitem label="menu item 2"/> </menupopup> </toolbarbutton> <toolbarbutton
accesskey="m" label="menu" type="menu"> <menupopup> <menuitem label="menu item 1"/> <menuitem label="menu item 2"/> </menupopup> </toolbarbutton> </toolbar> <toolbar id="radio-toolbar"> <toolbarbutton
accesskey="1" label="radio 1" type="radio" group="radiogroup"/> <toolbarbutton
accesskey="2" label="radio 2" type="radio" group="radiogroup"/> <toolbarbutton
accesskey="3" label="radio 3" type="radio" group="radiogroup"/> </toolbar> attributes
accesskey type: character this shoul...
... properties
accesskey type: character gets and sets the value of the
accesskey attribute.
Using popup notifications
then you can create the popup notification at the appropriate time like this: popupnotifications.show(gbrowser.selectedbrowser, "sample-popup", "this is a sample popup notification.", null, /* anchor id */ { label: "do something",
accesskey: "d", callback: function() { alert("doing something awesome!"); } }, null /* secondary action */ ); in this case, we aren't providing any secondary actions; that is, actions provided to the user through the drop-down menu.
...is css in place, the result is the look we want: adding secondary options to provide options in the drop-down menu, add an array of notification actions to the call to the show() method, like this: popupnotifications.show(gbrowser.selectedbrowser, "sample-popup", "this is a sample popup notification.", null, /* anchor id */ { label: "do something",
accesskey: "d", callback: function() { alert("doing something awesome!"); } }, [ { label: "first secondary option",
accesskey: "1", callback: function() { alert("first secondary option selected."); } }, { label: "second secondary option", access...
...ify = new popupnotifications(gbrowser, document.getelementbyid("notification-popup"), document.getelementbyid("notification-popup-box")); var notification = notify.show( // browser gbrowser.selectedbrowser, // popup id "pdes-popup", // message "hi, there!, i'm gonna show you something today!!", // anchor id null, // main action { label: "click here",
accesskey: "d", callback: function() { // you can call your function here } }, // secondary action null, // options { // alternative way to set the popup icon popupiconurl: "chrome://popupnotifications/skin/mozlogo.png" } ); settimeout(function(){ notification.remove(); }, 900); // time in milliseconds to disappear the door-hanger popup.
HTMLElement - Web APIs
htmlelement.
accesskey is a domstring representing the access key assigned to the element.
... htmlelement.
accesskeylabel read only returns a domstring containing the element's assigned access key.
... recommendation added the following properties: dataset, hidden, tabindex,
accesskey,
accesskeylabel, draggable, dropzone, contenteditable, iscontenteditable, contextmenu, spellcheck, commandtype, commandlabel, commandicon, commandhidden, commanddisabled, commandchecked, style, and all the onxyz properties.
HTMLTextAreaElement - Web APIs
ement" target="_top"><rect x="301" y="65" width="190" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="396" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmltextareaelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties
accesskey string: returns / sets the element's
accesskey attribute.
... the two properties tabindex and
accesskey are inherited from htmlelement from html5 on, but were defined on htmltextareaelement in dom level 2 html and earlier specifications.
... recommendation the attributes tabindex and
accesskey, as well as the methods blur() and focus() are now defined on htmlelement.
<input type="reset"> - HTML: Hypertext Markup Language
adding a reset keyboard shortcut to add a keyboard shortcut to a submit button — just as you would with any <input> for which it makes sense — you use the
accesskey global attribute.
... in this example, r is specified as the access key (you'll need to press r plus the particular modifier keys for your browser/os combination; see
accesskey for a useful list of those).
... <form> <div> <label for="example">type in some sample text</label> <input id="example" type="text"> </div> <div> <input type="reset" value="reset the form"
accesskey="r"> </div> </form> the problem with the above example is that there's no way for the user to know what the access key is!
<input type="submit"> - HTML: Hypertext Markup Language
to add a keyboard shortcut to a submit button — just as you would with any <input> for which it makes sense — you use the
accesskey global attribute.
...see
accesskey for further details.
... here's the previous example with the s access key added: <form> <div> <label for="example">let's submit some text</label> <input id="example" type="text" name="text"> </div> <div> <input type="submit" value="send"
accesskey="s"> </div> </form> for example, in firefox for mac, pressing control-option-s triggers the send button, while chrome on windows uses alt+s.
Global attributes - HTML: Hypertext Markup Language
list of global attributes
accesskey provides a hint for generating a keyboard shortcut for the current element.
...from html 4.01 specification, the concept of global attributes is introduced and the dir, lang, style, id, class, tabindex,
accesskey, and title are now true global attributes.
...
accesskey is only supported on <a>, <area>, <button>, <input>, <label>, <legend> and <textarea>.
end - SVG: Scalable Vector Graphics
<
accesskey-value> this value defines an access key that should trigger the end of the animation.
... a valid
accesskey-value consists of the function
accesskey() with the character to be input as parameter.
...="middle">6s</text> <line x1="85" y1="25" x2="85" y2="55" stroke="grey" stroke-width=".5" /> <text x="110" y="20" text-anchor="middle">8s</text> <line x1="110" y1="25" x2="110" y2="55" stroke="grey" stroke-width=".5" /> <line x1="10" y1="30" x2="110" y2="30" stroke="grey" stroke-width=".5" /> <line x1="10" y1="55" x2="110" y2="55" stroke="grey" stroke-width=".5" /> </svg>
accesskey example <svg width="120" height="120" viewbox="0 0 120 120" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- animated rectangles --> <rect x="10" y="35" height="15" width="0"> <animate attributetype="xml" attributename="width" from="0" to="100" begin="0s" end="
accesskey(e)" dur="8s" rep...
Add a Context Menu Item - Archive of obsolete content
from firefox 35 you can specify an access key using the
accesskey option.
...e key selects the option when the context menu is open: var contextmenu = require("sdk/context-menu"); var menuitem = contextmenu.item({ label: "log selection", context: contextmenu.selectioncontext(), contentscript: 'self.on("click", function () {' + ' var text = window.getselection().tostring();' + ' self.postmessage(text);' + '});',
accesskey: "l", onmessage: function (selectiontext) { console.log(selectiontext); } }); learning more to learn more about the context-menu module, see the context-menu api reference.
Dialogs and Prompts - Archive of obsolete content
for each of these buttons you can set their label,
accesskey and oncommand handler by adding buttonlabel<buttonname>, button
accesskey<buttonname> and ondialog<buttonname> attributes to the dialog element.
... for example, to add an apply button to your dialog, use the following code: <dialog xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" id="..." buttons="accept,cancel,extra1" ondialogaccept="onaccept();" ondialogextra1="onapply();" buttonlabelextra1="apply" button
accesskeyextra1="a"> <!-- content --> </dialog> you can even get the element object for any of predefined buttons with gdialog.getbutton(dlgtype);, where gdialog is the <dialog> element and dlgtype is one of the six button types listed above.
Adding Events and Commands - Archive of obsolete content
then you need to identify which of your xul elements will be linked to this broadcaster, using the observes attribute: <menuitem id="xulschoolhello-hello-menu-item" label="&xulschoolhello.hello.label;"
accesskey="&xulschoolhello.helloitem.
accesskey;" observes="xulschoolhello-online-broadcaster" oncommand="xulschoolchrome.browseroverlay.sayhello(event);" /> the attribute value is set to be the id of the broadcaster element, indicating that this element will observe all attribute changes that happen in the broadcaster.
...--> <menuitem id="xulschoolhello-hello-menu-item" label="&xulschoolhello.hello.label;"
accesskey="&xulschoolhello.helloitem.
accesskey;" command="xulschoolhello-hello-command" /> commands allow you to keep your javascript calls in a single place, avoiding code repetition and possible bugs.
XUL user interfaces - Archive of obsolete content
onstration" onload="init();"> <script type="application/javascript" src="script7.js"/> <label class="head-1" value="xul demonstration"/> <vbox> <groupbox class="demo-group"> <caption label="day of week calculator"/> <grid> <columns> <column/> <column/> </columns> <rows> <row> <label class="text-prompt" value="date:"
accesskey="d" control="date-text"/> <textbox id="date-text" type="timed" timeout="750" oncommand="refresh();"/> </row> <row> <label value="day:"/> <hbox id="day-box"> <label class="day" value="sunday" disabled="true"/> <label class="day" value="monday" disabled="true"/> <label class="day" value="tuesday" disable...
..."/> <label class="day" value="wednesday" disabled="true"/> <label class="day" value="thursday" disabled="true"/> <label class="day" value="friday" disabled="true"/> <label class="day" value="saturday" disabled="true"/> </hbox> </row> </rows> </grid> <hbox class="buttons"> <button id="clear" label="clear"
accesskey="c" oncommand="cleardate();"/> <button id="today" label="today"
accesskey="t" oncommand="settoday();"/> </hbox> </groupbox> <statusbar> <statusbarpanel id="status"/> </statusbar> </vbox> </window> make a new css file, style7.css.
textbox (Toolkit autocomplete) - Archive of obsolete content
attributes
accesskey, autocompletepopup, autocompletesearch, autocompletesearchparam, completedefaultindex, completeselectedindex,crop, disableautocomplete, disabled, disablekeynavigation, enablehistory, focused, forcecomplete, highlightnonmatches, ignoreblurwhilesearching, inputtooltiptext, label, maxlength, maxrows, minresultsforpopup, nomatch, onchange, oninput, onsearchcomplete, ontextentered, ontextreverted, ope...
...sultsforpopup, open, popup, popupopen, searchcount, searchparam, selectionend, selectionstart, showcommentcolumn, showimagecolumn,size, tabindex, tabscrolling, textlength, textvalue, timeout, type, value methods getsearchat, onsearchcomplete, ontextentered, ontextreverted, select, setselectionrange examples <textbox type="autocomplete" autocompletesearch="history"/> attributes
accesskey type: character this should be set to a character that is used as a shortcut key.
Textbox (XPFE autocomplete) - Archive of obsolete content
attributes
accesskey, alwaysopenpopup, autocompletesearch, autocompletesearchparam, autofill, autofillaftermatch, autofill, completedefaultindex, crop, disableautocomplete, disableautocomplete, disabled, disablehistory, enablehistory, focused, forcecomplete, forcecomplete, highlightnonmatches, ignoreblurwhilesearching, ignoreblurwhilesearching, inputtooltiptext, label, maxlength, maxrows, minresultsforpopup, minresul...
...wpopup, size, tabindex, tabscrolling, textlength, textvalue, timeout, type, useraction, value methods addsession, clearresults, getdefaultsession, getresultat, getresultcount, getresultvalueat, getsession, getsessionbyname, getsessionresultat, getsessionstatusat, getsessionvalueat, removesession, select, setselectionrange, syncsessions examples (example needed) attributes
accesskey type: character this should be set to a character that is used as a shortcut key.
Adding Buttons - Archive of obsolete content
syntax of buttons the button tag has the following syntax: <button id="identifier" class="dialog" label="ok" image="images/image.jpg" disabled="true"
accesskey="t"/> the attributes are as follows, all of which are optional: id a unique identifier so that you can identify the button with.
...
accesskey this should be set to a letter that is used as a shortcut key.
Creating Dialogs - Archive of obsolete content
amongst other useful attributes are buttonlabelaccept - label to appear on the accept button egsave button
accesskeyaccept - access key to use for the accept button egs defaultbutton - button is activated when the enter key is pressed note: the label attributes are required by remote sites and are probably missing in the above examples due to bug 224996.
... example dialog with more features <?xml version="1.0"?> <?xml-stylesheet href="chrome://global/skin/global.css" type="text/css"?> <dialog id="mydialog" title="my dialog" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" onload="window.sizetocontent();" buttons="accept,cancel" buttonlabelaccept="set favourite" button
accesskeyaccept="s" ondialogaccept="return dosave();" buttonlabelcancel="cancel" button
accesskeycancel="n" ondialogcancel="return docancel();"> <script> function dosave(){ //dosomething() return true; } function docancel(){ return true; } </script> <dialogheader title="my dialog" description="example dialog"/> <groupbox flex="1"> <caption label="select favourite fruit"/> <radio id="...
More Menu Features - Archive of obsolete content
<toolbox> <menubar id="findfiles-menubar"> <menu id="file-menu" label="file"
accesskey="f"> <menupopup id="file-popup"> <menuitem label="open search..."
accesskey="o"/> <menuitem label="save search..."
accesskey="s"/> <menuseparator/> <menuitem label="close"
accesskey="c"/> </menupopup> </menu> <menu id="edit-menu" label="edit"
accesskey="e"> <menupopup id="edit-popup"> <menuitem label="cut"
accesskey="t"/> <menuitem label="copy" ...
...
accesskey="c"/> <menuitem label="paste"
accesskey="p" disabled="true"/> </menupopup> </menu> </menubar> <toolbar id="findfiles-toolbar> here we have added two menus with various commands on them.
XUL accessibility tool - Archive of obsolete content
future work the following things have been suggested or are planned for a future version of the tool: new tests: (aaronlev) warning: hardcoded color and pixel sizings (aaronlev) error: duplicate
accesskey in a dialog (already have this for menus) (aaronlev) error: form control without
accesskey (aaronlev) warning:
accesskey as lowercase letter with descender (underlined g,j,y,q,p are hard to read, not recommended) (aaronandy) list of things to check manually, such as a list oftrees in the document (make sure they have accessible column picker equivs) or a list of toolbarbuttons (make sure they ...
... known bugs: test for lowercase i or l as
accesskey (sometimes?) flags upppercase i and l too.
caption - Archive of obsolete content
attributes
accesskey, crop, image, label, tabindex properties
accesskey, crop, image, label, tabindex examples <groupbox> <caption label="my groupbox"/> </groupbox> <groupbox flex="1"> <caption> <checkbox label="a checked groupbox"/> </caption> </groupbox> attributes
accesskey type: character this should be set to a character that is used as a shortcut key.
... properties
accesskey type: character gets and sets the value of the
accesskey attribute.
checkbox - Archive of obsolete content
attributes
accesskey, checked, command, crop, disabled, src, label, preference, tabindex properties
accesskey, accessibletype, checked, command, crop, disabled, src, label, tabindex examples <checkbox label="enable javascript" checked="true"/> <checkbox label="enable java" checked="false"/> attributes
accesskey type: character this should be set to a character that is used as a shortcut key.
... properties
accesskey type: character gets and sets the value of the
accesskey attribute.
label - Archive of obsolete content
attributes
accesskey, control, crop, disabled, href, value properties
accesskey, accessibletype, control, crop, disabled, value style classes header, indent, monospace, plain, small-margin, text-link examples <label value="email address" control="email"/> <textbox id="email"/> attributes
accesskey type: character this should be set to a character that is used as a shortcut key.
... properties
accesskey type: character gets and sets the value of the
accesskey attribute.
menu - Archive of obsolete content
attributes acceltext,
accesskey, allowevents, command, crop, disabled, image, label, menuactive, open, sizetopopup, tabindex, value properties accessibletype,
accesskey, command, control, crop, disabled, image, itemcount, label, labelelement, menupopup, open, parentcontainer, selected, tabindex, value methods appenditem, getindexofitem, getitematindex, insertitemat, removeitemat style classes menu-iconic example <menubar id="sample-menu...
...
accesskey type: character this should be set to a character that is used as a shortcut key.
menulist - Archive of obsolete content
attributes
accesskey, crop, disableautoselect, disabled, editable, focused, image, label, oncommand, open, preference, readonly, sizetopopup, tabindex, value properties accessibletype, crop, description, disableautoselect, disabled, editable, editor, image, inputfield, itemcount, label, menuboxobject, menupopup, open, selectedindex, selecteditem, tabindex, value methods appenditem, contains, getindexofitem,...
... getitematindex, insertitemat, removeallitems, removeitemat, select examples <menulist> <menupopup> <menuitem label="option 1" value="1"/> <menuitem label="option 2" value="2"/> <menuitem label="option 3" value="3"/> <menuitem label="option 4" value="4"/> </menupopup> </menulist> attributes
accesskey type: character this should be set to a character that is used as a shortcut key.
tab - Archive of obsolete content
attributes
accesskey, afterselected, beforeselected, command, crop, disabled, first-tab, image, label, last-tab, linkedpanel, oncommand, pending, pinned, selected, tabindex, unread, validate, value properties
accesskey, accessibletype, command, control, crop, disabled, image, label, linkedpanel, selected, tabindex, value examples (example needed) attributes
accesskey type: character this should be set to a character that is used as a shortcut key.
... properties
accesskey type: character gets and sets the value of the
accesskey attribute.
Dialogs in XULRunner - Archive of obsolete content
here is an example xul dialog: <?xml version="1.0"?> <?xml-stylesheet href="chrome://global/skin/" type="text/css"?> <dialog id="mydialog" title="my dialog" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" onload="window.sizetocontent();" buttons="accept,cancel" buttonlabelaccept="set favorite" button
accesskeyaccept="s" ondialogaccept="return dosave();" buttonlabelcancel="cancel" button
accesskeycancel="n" ondialogcancel="return docancel();"> <script> function dosave(){ //dosomething() return true; } function docancel(){ return true; } </script> <dialogheader title="my dialog" description="example dialog"/> <groupbox flex="1"> ...
... button
accesskeyaccept access key for the accept button; similar attributes exist for the other button types.
2006-11-10 - Archive of obsolete content
this has been changed to alt+shift for content
accesskeys due to the "conflicts with ui mnemonics" according to aaron leventhal.
... this is reported to have broken
accesskeys using numeric values.
-ms-accelerator - Archive of obsolete content
when alt + n is pressed, the <input> element that defines an
accesskey attribute value of "n" receives the focus.
... <!doctype html> <html> <head> <title>accelerator</title> </head> <body> <label for="oname"><u style="-ms-accelerator: true; accelerator: true">n</u>ame: </label> <input type="text" id="oname" size="25"
accesskey="n" value="your name here" /> </body> </html> specifications not part of any specification.
Localization content best practices
if a string is tied to an
accesskey or a tooltip, use string ids that highlight this relation: neweventbtn.label = add event neweventbtn.
accesskey = a neweventbtn.tooltip = add a new event don't duplicate ids if you're adding new strings, check that you're not duplicating an existing id.
...for example, to check if it's using a character not available in the original string, given entities "usebookmark.label" and "usebookmark.
accesskey", if you change to "choosebookmark.label" due to a string change, change the access key entity to "choosebookmark.
accesskey" to match it.
HTMLAnchorElement - Web APIs
element.
accesskey is a domstring representing a single character that switches input focus to the hyperlink.
... recommendation the methods blur() and focus(), as well as the properties tabindex and
accesskey, are now defined on htmlelement.
HTMLAreaElement - Web APIs
element.
accesskey is a domstring containing a single character that switches input focus to the control.
... recommendation technically, the properties tabindex and
accesskey are now defined on htmlelement.
HTMLButtonElement - Web APIs
htmlbuttonelement.
accesskey is a domstring indicating the single-character keyboard key to give access to the button.
... recommendation the attributes tabindex and
accesskey, are now defined on htmlelement.
HTMLInputElement - Web APIs
accesskey string: returns a string containing a single character that switches input focus to the control when pressed.
... recommendation technically, the tabindex and
accesskey properties, as well as the blur(), click(), and focus() methods, are now defined on htmlelement.
HTMLLegendElement - Web APIs
htmllegendelement.
accesskey is a domstring representing a single-character access key to give access to the element.
... recommendation the property
accesskey is now defined on htmlelement.
Index - Web APIs
1097 element.
accesskey api, access keys, dom, element, hotkeys, keyboard equivalents, keyboard shortcuts, needscontent, property, reference the element.
accesskey property sets the keystroke which a user can press to jump to a given element.
... 1659
accesskeylabel the htmlelement.
accesskeylabel read-only property returns a string that represents the element's assigned access key (if any); otherwise it returns an empty string.
ARIA Test Cases - Accessibility
a screen magnifier should move the current view to the alert or open a new panel with the alert information optional, but desired: if there are widgets within the alert, their role and any keyboard mnemonic (
accesskey) should be spoken.
... for example, "options, button, alt+shift+t" should be spoken if there is an options button in the alert with alt+shift+t as an
accesskey.
Localization - Archive of obsolete content
hello_id= <blink>hello!</blink> localizing element attributes this feature is new in firefox 39 you can localize certain attributes of elements with an l10n-id by setting its value with l10n-id.attributename in the properties file like: hello_id.
accesskey= h the following attributes are supported:
accesskey alt label title placeholder further the localization of the aria attributes aria-label, aria-valuetext and aria-moz-hint are supported with the same aliases as on firefox os: arialabel ariavaluetext ariamozhint using localized strings in javascript to reference localized strings from your main add-on code, you do this: var _ ...
Alerts and Notifications - Archive of obsolete content
var message = 'another pop-up blocked'; var box = gbrowser.getnotificationbox(); var notification = box.getnotificationwithvalue('popup-blocked'); if (notification) { notification.label = message; } else { var buttons = [{ label: 'button',
accesskey: 'b', popup: 'blockedpopupoptions', callback: null }]; let priority = box.priority_warning_medium; box.appendnotification(message, 'popup-blocked', 'chrome://browser/skin/info.png', priority, buttons); } ...
Adding Toolbars and Toolbar Buttons - Archive of obsolete content
<window id="main-window"> <toolbox id="navigator-toolbox"> <toolbar id="xulschoolhello-toolbar" toolbarname="&xulschoolhello.toolbarname.label;"
accesskey="&xulschoolhello.toolbar.
accesskey;" customizable="true" mode="icons" context="toolbar-context-menu" defaultset="xulschoolhello-hello-world-button" insertbefore="personaltoolbar" /> </toolbox> </window> (note for mac os x: <window id="main-window"> and </window> are not required) our toolbar is added as a child of the toolbox element in the main browser window.
Adding menus and submenus - Archive of obsolete content
if you're overlaying the tools menu, your overlay code should have something like this: <menupopup id="menu_toolspopup"> <menu id="xulschoolhello-hello-menu" label="&xulschoolhello.hello.label;"
accesskey="&xulschoolhello.hellomenu.
accesskey;" insertafter="javascriptconsole,devtoolsseparator"> <menupopup> <!-- your menuitem goes here.
Adding sidebars - Archive of obsolete content
<menupopup id="viewsidebarmenu"> <menuitem id="xulschoolhello-sidebar" label="&xulschoolhello.sidebar.title;"
accesskey="&xulschoolhello.sidebar.
accesskey;" type="checkbox" autocheck="false" group="sidebar" sidebarurl="chrome://xulschoolhello/content/sidebar.xul" sidebartitle="&xulschoolhello.sidebar.title;" oncommand="togglesidebar('xulschoolhello-sidebar');" /> </menupopup> the example in the mdc page includes a shortcut key combination to toggle the new sidebar.
Custom XUL Elements with XBL - Archive of obsolete content
<content> <xul:hbox> <xul:image class="xulshoolhello-person-image" xbl:inherits="src=image" /> <xul:vbox flex="1"> <xul:label xbl:inherits="value=name" /> <xul:description xbl:inherits="value=greeting" /> </xul:vbox> <xul:vbox> <xul:button label="&xulshoolhello.remove.label;"
accesskey="&xulshoolhello.remove.
accesskey;" oncommand="document.getbindingparent(this).remove(event);" /> </xul:vbox> </xul:hbox> </content> our element is very simple, displaying an image, a couple of text lines and a button.
User Notifications and Alerts - Archive of obsolete content
notification boxes are very easy to create, and are very customizable: let nb = gbrowser.getnotificationbox(); let acceptbutton = new object(); let declinebutton = new object(); let message = this._bundle.getstring("xulschoolhello.friendmessage.label"); let that = this; acceptbutton.label = this._bundle.getstring("xulschoolhello.acceptbutton.label"); acceptbutton.
accesskey = this._bundle.getstring("xulschoolhello.acceptbutton.
accesskey"); acceptbutton.popup = null; acceptbutton.callback = function() { that.acceptrequest(); }; // similarly for decline button.
Getting Started - Archive of obsolete content
<rdf:description about="urn:mozilla:skin:myskin/1.0" chrome:displayname="my skin" chrome:
accesskey="m" chrome:author="me" chrome:description="this is my custom skin for mozilla" chrome:name="myskin/1.0" chrome:image="preview.png"> the blue areas are explained below.
contents.rdf - Archive of obsolete content
df:rdf xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:chrome="http://www.mozilla.org/rdf/chrome#"> <!-- list all the skins being supplied by this theme --> <rdf:seq about="urn:mozilla:skin:root"> <rdf:li resource="urn:mozilla:skin:myskin/1.0" /> </rdf:seq> <rdf:description about="urn:mozilla:skin:myskin/1.0" chrome:displayname="my skin" chrome:
accesskey="m" chrome:author="me" chrome:description="this is my custom skin for mozilla" chrome:name="myskin/1.0" chrome:image="preview.png"> <chrome:packages> <rdf:seq about="urn:mozilla:skin:myskin/1.0:packages"> <rdf:li resource="urn:mozilla:skin:myskin/1.0:communicator"/> <rdf:li resource="urn:mozilla:skin:myskin/1.0:editor"/> <rdf:li re...
jspage - Archive of obsolete content
nts(q,{ddup:false,cash:!r}):null;};var e={html:"innerhtml","class":"classname","for":"htmlfor",defaultvalue:"defaultvalue",text:(browser.engine.trident||(browser.engine.webkit&&browser.engine.version<420))?"innertext":"textcontent"}; var b=["compact","nowrap","ismap","declare","noshade","checked","disabled","readonly","multiple","selected","noresize","defer"];var k=["value","type","defaultvalue","
accesskey","cellpadding","cellspacing","colspan","frameborder","maxlength","readonly","rowspan","tabindex","usemap"]; b=b.associate(b);hash.extend(e,b);hash.extend(e,k.associate(k.map(string.tolowercase)));var a={before:function(m,l){if(l.parentnode){l.parentnode.insertbefore(m,l); }},after:function(m,l){if(!l.parentnode){return;}var n=l.nextsibling;(n)?l.parentnode.insertbefore(m,n):l.parentnode.appendchi...
Elements - Archive of obsolete content
(it's the control key on windows and meta on mac.)
accesskey - the platform's primary shortcut mnemonic key should be used (the alt key on windows and linux, has no effect on mac).
Attribute (XUL) - Archive of obsolete content
« xul reference home acceltext accessible
accesskey activetitlebarcolor afterselected align allowevents allownegativeassertions alternatingbackground alwaysopenpopup attribute autocheck autocompleteenabled autocompletepopup autocompletesearch autocompletesearchparam autofill autofillaftermatch autoscroll beforeselected button
accesskeyaccept button
accesskeycancel button
accesskeydisclosure button
accesskeyextra1 button
accesskeyextra2 button
accesskeyhelp buttonalign buttondir buttondisabledaccept buttonlabelaccept buttonlabelcancel buttonlabeldisclosure buttonlabelextra1 buttonlabelextra2 buttonlabelhelp buttonorient buttonpack buttons checked checkstate clicktoscroll class closebutton closemenu coalesceduplicatearcs collapse collapsed color ...
MenuModification - Archive of obsolete content
both the appenditem and insertitemat methods return the new menuitem, so you can further modify it, for instance to add an access key, as in the following example: var item = menu.appenditem("insert", "insert"); item.
accesskey = "i"; appending submenus there is no built-in method to append submenus to a menu.
Property - Archive of obsolete content
« xul reference accessible accessibletype
accesskey align allnotifications allowevents alwaysopenpopup amindicator applocale autocheck autofill autofillaftermatch boxobject browsers builder builderview buttons canadvance cangoback cangoforward canrewind checked checkstate child children classname clickselectsall clientheight clientwidth collapsed color columns command commandmanager completedefaultindex container contentdocument contentprincipal contenttitle contentview contentvieweredit contentviewerfile contentwindow contextmenu control controller controllers crop current currentindex currentitem currentnotification currentpage currentpane currentset currenturi customtoolb...
Sorting and filtering a custom tree view - Archive of obsolete content
sort.xul <?xml version="1.0"?> <?xml-stylesheet href="chrome://global/skin/" type="text/css"?> <!doctype window> <window title="sorting a custom tree view example" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" onload="init()"> <script type="application/javascript" src="sort.js"/> <hbox align="center" id="search-box"> <label
accesskey="f" control="filter">filter</label> <textbox id="filter" oninput="inputfilter(event)" flex="1"/> <button id="clearfilter" oncommand="clearfilter()" label="clear"
accesskey="c" disabled="true"/> </hbox> <tree id="tree" flex="1" persist="sortdirection sortresource" sortdirection="ascending" sortresource="description"> <treecols> <treecol id="name" label="name" flex="1" persist="width or...
Popup Menus - Archive of obsolete content
let's have the popup appear when clicking over the first tab panel: <popupset> <menupopup id="editpopup"> <menuitem label="cut"
accesskey="t"/> <menuitem label="copy"
accesskey="c"/> <menuitem label="paste"
accesskey="p" disabled="true"/> </menupopup> </popupset> <vbox flex="1"> .
Accessibility/XUL Accessibility Reference - Archive of obsolete content
items are read per line as in "pearl female gray" listitem see listbox menuitem see menulist and menubar menubar <menubar hidden="false"> <menu label="file"
accesskey="f"> <menupopup> <menuitem label="new"
accesskey="n" key="file-new-key"/> </menupopup> </menu> </menubar> menulist <label value="<!--label text-->" control="comboid" /> <menulist id="comboid"> <menupopup> <menuitem label="<!--option1-->" /> <menuitem label="<!--option2-->" selected="true" /> <menuitem label="<!--option3-->" /> </menupopup...
toolbar - Archive of obsolete content
ttributes autohide, currentset, customindex, customizable, defaultset, grippyhidden, grippytooltiptext, height, iconsize, mode, toolbarname properties accessibletype, currentset, firstpermanentchild, lastpermanentchild, toolbarname, toolboxid methods insertitem style classes chromeclass-toolbar examples <toolbox> <toolbar id="nav-toolbar"> <toolbarbutton id="nav-users"
accesskey="u" label="users"/> <toolbarbutton id="nav-groups"
accesskey="p" label="groups"/> <toolbarbutton id="nav-events"
accesskey="e" label="events" disabled="true"/> </toolbar> </toolbox> attributes autohide type: boolean when set to true, the toolbar will be invisible unless the alt key is pressed by the user.
L10n Checks
ab-cd browser chrome/browser browser.dtd +backforwardmenu.tooltip +fullzoomenlargecmd.commandkey3 +fullzoomreducecmd.commandkey2 +fullzoomresetcmd.commandkey2 +organizebookmarks.label -showallbookmarkscmd2.label migration/migration.dtd -importfromfile.
accesskey -importfromfile.label +importfromhtmlfile.
accesskey +importfromhtmlfile.label you can assume changed strings when you see entities removed and added with a similar name.
Localizing without a specialized tool
you should see something like this: x-testing browser chrome browser aboutcerterror.dtd // add and localize this file aboutdialog.dtd +aboutlink +aboutlink.
accesskey +aboutversion +closecmdgnome.
accesskey +closecmdgnome.label +copyright +copyright.
accesskey +copyrightgnome.
accesskey +copyrightinfo1 +copyrightinfo2 +licenselink +licenselinktext aboutprivatebrowsing.dtd // add and localize this file aboutrobots.dtd ...
Localization technical reviews
more intl.properties checkpoints, cont we also check the plural rule for the locale, that the general.useragent.locale is set to the locale code, that accept-lang shows the locale code(s) (like ab, ab-cd,...) and is followed by en and en-us, and finally that intl.menuitems.insertseparatorbefore
accesskeys = true, where "true" should be left untranslated.
Preferences system
ui elements that refer to the preferences above, e.g.: <checkbox id="check1" preference="pref1" label="&check1.label;"
accesskey="&check1.
accesskey;"/> </prefpane> <prefpane id="pane2" label="&pane2.title;" src="chrome://uri/to/pane.xul"/> </prefwindow> pane content can be specified inline or an external chrome uri supplied for pane content to be loaded in via a dynamic overlay.
compare-locales
ab-cd browser chrome/browser browser.dtd +backforwardmenu.tooltip +fullzoomenlargecmd.commandkey3 +fullzoomreducecmd.commandkey2 +fullzoomresetcmd.commandkey2 +organizebookmarks.label -showallbookmarkscmd2.label migration/migration.dtd -importfromfile.
accesskey -importfromfile.label +importfromhtmlfile.
accesskey +importfromhtmlfile.label you can assume changed strings when you see entities removed and added with a similar name.
Index
276 keyboardshortcut provides localized string of
accesskey name, such as alt+d (alt + d).
KeyboardShortcut
« nsiaccessible page summary provides localized string of
accesskey name, such as alt+d (alt + d).
nsIAccessible
keyboardshortcut provides localized string of
accesskey name, such as alt+d.
nsIDOMXULLabeledControlElement
inherits from: nsidomxulcontrolelement last changed in gecko 1.7 attributes attribute type description
accesskey domstring this should be set to a character that is used as a shortcut key.
nsIDOMXULSelectControlItemElement
inherits from: nsidomxulelement last changed in gecko 1.7 attributes attribute type description
accesskey domstring command domstring control nsidomxulselectcontrolelement read only.
Preferences System
ui elements that refer to the preferences above, e.g.: <checkbox id="check1" preference="pref1" label="&check1.label;"
accesskey="&check1.
accesskey;"/> </prefpane> <prefpane id="pane2" label="&pane2.title;" src="chrome://uri/to/pane.xul"/> </prefwindow> pane content can be specified inline or an external chrome uri supplied for pane content to be loaded in via a dynamic overlay.