buttonaccesskeyhelp - Archive of obsolete content
« xul reference home buttonaccesskeyhelp type: string the access key to use for the "help" button.

accessKey - Archive of obsolete content
« xul reference accesskey type: character gets and sets the value of the accesskey attribute.

Index - Archive of obsolete content
his process continues until there are no more elements remaining.
...ing.
...ribute, xul reference no summary!
...And 19 more matches

Index - Archive of obsolete content
exed.
... remaining.
... attribute, xul reference no summary!
...And 19 more matches

MenuItems - Archive of obsolete content
indicate the current state of the toolbar, a checkbox would be displayed next to the menu item label.
...displayed next to the menu item label.
...hereas if the checkbox is off, the toolbar is not shown.
...And 13 more matches

The Essentials of an Extension - Archive of obsolete content
tual tab characters, with the exception of makefiles, which will be covered later on.
...on of makefiles, which will be covered later on.
...de 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="xulschoolhello-hello-menu-2" label="&xulschoolhello.hello.label;" accesskey="&xulschoolhello.hellomenu.accesskey;" insertafter="appmenu_addons"> <menupopup> <menuitem id="xulschoolhello-h...
...And 10 more matches

dialog - Archive of obsolete content
butes | properties | methods | related ] this element should be used in place of the window element for dialog boxes.
...thods | related ] this element should be used in place of the window element for dialog boxes.
...s element should be used in place of the window element for dialog boxes.
...And 9 more matches

Menus - Archive of obsolete content
s f10 can be used.
...ss keys for each menu element to make it easier to access the menu commands.
... key for a menu, use the accesskey attribute, as in the example below.
...And 6 more matches

Localization - Archive of obsolete content
lue="検索"/> you would declare an entity for each label or string of text that you use in your interface.
... <!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="&copycmd.label;" accesskey="&copycmd.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="&copycmd.commandkey;"/> <key id="paste_cmd" modifiers="acce...
...ut_cmd" modifiers="accel" key="&cutcmd.commandkey;"/> <key id="copy_cmd" modifiers="accel" key="&copycmd.commandkey;"/> <key id="paste_cmd" modifiers="accel" 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.
...And 6 more matches

findbar - Archive of obsolete content
s well as extensions.
...or example, the standard findbar in firefox 3.5 looks like this on the mac: you may attach a findbar to a particular browser element by either setting the findbar's browserid attribute to the id of the browser element before the findbar element is bound, or by setting the findbar's browser property to the browser element itself.
...dard findbar in firefox 3.5 looks like this on the mac: you may attach a findbar to a particular browser element by either setting the findbar's browserid attribute to the id of the browser element before the findbar element is bound, or by setting the findbar's browser property to the browser element itself.
...And 5 more matches

Keyboard Shortcuts - Archive of obsolete content
o respond to the keyboard.
...ccesskey which specifies the key which a user can press to activate the menu or menu item.
...e example below, the file menu can be selected by pressing alt + f together (or some other key combination for a specific platform).
...And 5 more matches

Setting up your own test automation environment - Learn web development
e.
...you need should follow the pattern seen below.
... 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: '1280x800', network: true, visual: true, console: true, video: true, ...
...And 5 more matches

radio - Archive of obsolete content
sted together in groups.
...r can switch which radio button is turned on by selecting it with the mouse or keyboard.
...th the label attribute may be added beside the radio button.
...And 4 more matches

Gecko Keypress Event
eyboard layouts would also like to be able to use latin access keys of en-us builds (including nightly builds) without needing to switch keyboard layout (bug 399939).
...ds) without needing to switch keyboard layout (bug 399939).
...t bug 303192 would provide a complete solution.) solution the following rules apply: key handlers should be provided with information about all the possible meanings of the event.
...And 4 more matches

More Menu Features - Archive of obsolete content
ave"/> <menuseparator/> <menuitem label="exit"/> </menupopup> </menu> </menubar> </toolbox> adding a menu to our find files example let's add a menu to the find files dialog.
... </menu> </menubar> </toolbox> adding a menu to our find files example let's add a menu to the find files dialog.
...our find files example let's add a menu to the find files dialog.
...And 3 more matches

toolbarbutton - Archive of obsolete content
relevant accessbility guidelines all toolbar functionality should be duplicated elsewhere in the application where possible, provide keyboard alternatives.
...s.
...tributes 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="plain"/> <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"/> ...
...And 3 more matches

begin - SVG: Scalable Vector Graphics
gin attribute defines when an animation should begin or when an element should be discarded.
...es a qualified repeat event.
...d repeat value consists of an element id followed by a dot and the function repeat() with an integer value specifying the number of repetitions as parameter.
...And 3 more matches

button - Archive of obsolete content
xamples | attributes | properties | methods | related ] a button that can be pressed by the user.
... and other events.
...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.
...And 2 more matches

caption - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] a header for a groupbox.
... « xul reference home [ examples | attributes | properties | methods | related ] a header for a groupbox.
...r a more complex caption.
...And 2 more matches

checkbox - Archive of obsolete content
thods | related ] an element that can be turned on and off.
...as a box when the element is off and a box with a check when the element is on.
...ide the check box.
...And 2 more matches

label - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] this element is used to provide a label for a control element.
...ference home [ examples | attributes | properties | methods | related ] this element is used to provide a label for a control element.
... control attribute.
...And 2 more matches

listitem - Archive of obsolete content
[ examples | attributes | properties | methods | related ] a single row in a listbox.
...ed either using listcell elements, or by placing a label attribute directly on the listitem element.
...erence, 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.
...And 2 more matches

menuitem - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] a single choice in a menupopup element.
...erties | methods | related ] a single choice in a menupopup element.
.../> <menuitem label="option 4" value="4"/> </menupopup> </menulist> attributes acceltext type: string text that appears beside the menu label to indicate the shortcut key (accelerator key) to use to invoke the command.
...And 2 more matches

menuseparator - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] used to create a separator between menu items.
... « xul reference home [ examples | attributes | properties | methods | related ] used to create a separator between menu items.
...m label="item2"/> <menuitem label="item3"/> </menupopup> </menu> attributes acceltext type: string text that appears beside the menu label to indicate the shortcut key (accelerator key) to use to invoke the command.
...And 2 more matches

tab - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] a single tab which should be placed inside a tabs element.
...b which should be placed inside a tabs element.
...the xul tutorial.
...And 2 more matches

XForms Label Element - Archive of obsolete content
than the output and choices elements must contain a label element.
...s elements must contain a label element.
...text is specified for this element, the order of precedence is: single node binding attributes, linking attributes, inline text.
...And 2 more matches

Mozilla’s UAAG evaluation report
as support in xul comboboxes (menulist) for selecting items by typing alphanumeric keystrokes 7.3 operating environment conventions.
...ent (table): available through dom, can be styled using css?
...element (table): available through dom, can be styled using css?
...And 2 more matches

Adding Events and Commands - Archive of obsolete content
le, so you can put them anywhere.
...is recommended that you have them at the top of the xul code, along with script declarations and other invisible elements with as popupset and commandset.
...s one of the shared attributes.
...enu example is in fact better suited for a command.

appendNotification - Archive of obsolete content
rties of notificationbox) : priority_info_low priority_info_medium priority_info_high priority_warning_low priority_warning_medium priority_warning_high priority_critical_low priority_critical_medium priority_critical_high priority_critical_block buttons : the buttons argument is an array of button descriptions.
...ationbox) : priority_info_low priority_info_medium priority_info_high priority_warning_low priority_warning_medium priority_warning_high priority_critical_low priority_critical_medium priority_critical_high priority_critical_block buttons : the buttons argument is an array of button descriptions.
...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".
... 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".

Broadcasters and Observers - Archive of obsolete content
n observe a single broadcaster.
...n attribute.
... be more specific about which attribute of the broadcaster to observe.
...first, element, specifies the id of the broadcaster to observe.

XUL accessibility tool - Archive of obsolete content
o generate a xul report for that document.
...e to be ready depending on the complexity of the application being analyzed and the speed of your machine.
...complexity of the application being analyzed and the speed of your machine.
...atically generate a xul a11y tool compatible with a user-specified xul app.

Localization content best practices
tc.).
... existing key should always be used as a last resort.
..., and the string has an accompanying access key, command key, or tooltip, you should update their names as well for consistency.
...ncy.

Localizing without a specialized tool
run: $ compare-locales mozilla-1.9.2/browser/locales/l10n.ini l10n-mozilla-1.9.2 x-testing > ~/desktop/x-testing.compare open the x-testing.compare file that is on your desktop.
...l10n-mozilla-1.9.2 x-testing > ~/desktop/x-testing.compare open the x-testing.compare file that is on your desktop.
...e that is on your desktop.
... 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 // add and localize this file ...

HTMLElement - Web APIs
e mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmlelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, element, and implements those from documentandelementeventhandlers, elementcssinlinestyle, globaleventhandlers, htmlorforeignelement and toucheventhandlers.
...t</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, element, and implements those from documentandelementeventhandlers, elementcssinlinestyle, globaleventhandlers, htmlorforeignelement and toucheventhandlers.
...properties: translate, itemscope, itemtype, itemid, itemref, itemprop, properties, and itemvalue.
... translate, itemscope, itemtype, itemid, itemref, itemprop, properties, and itemvalue.

Index - Web APIs
defaults to 1, and can also take a value of infinity to make it loop infinitely.
...ace, reference, web api element is the most general base class from which all objects in a document inherit.
... the transitionrun event is fired when a css transition is first created, i.e.
...css transition is first created, i.e.

<input type="button"> - HTML: Hypertext Markup Language
used to establish a function that will be run when click events occur on the button.
...nd keyboard equivalents, let the user trigger a button using a key or combination of keys on the keyboard.
...the keyboard.
...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!

end - SVG: Scalable Vector Graphics
ines a qualified repeat event.
...value consists of an element id followed by a dot and the function repeat() with an integer value specifying the number of repetitions as parameter.
...by a dot and the function repeat() with an integer value specifying the number of repetitions 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...

Dialogs and Prompts - Archive of obsolete content
can use in the buttons attribute of dialog.
...tton.
...bel<buttonname>, buttonaccesskey<buttonname> and ondialog<buttonname> attributes to the dialog element.

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...
.../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.
...es take effect when you restart the application.

Creating Dialogs - Archive of obsolete content
button is pressed.
...due to bug 224996.
...lobal/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" buttonaccesskeyaccept="s" ondialogaccept="return dosave();" buttonlabelcancel="cancel" buttonaccesskeycancel="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="orange" label="oranges because they are fruity"/> <radio id="violet" selected="true" label=...

Popup Menus - Archive of obsolete content
page 1"/> <menuitem label="page 2"/> </menupopup> </popupset> <button label="pop me up" popup="backpopup"/> our find files example let's add a simple popup menu to the find files dialog.
...</menupopup> </popupset> <button label="pop me up" popup="backpopup"/> our find files example let's add a simple popup menu to the find files dialog.
... me up" popup="backpopup"/> our find files example let's add a simple popup menu to the find files dialog.

XUL accessibility guidelines - Archive of obsolete content
the xul tutorial:keyboard shortcuts.
...application.
...hen setting keyboard shortcuts.

menu - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] an element, much like a button, that is placed on a menubar.
...like a button, that is placed on a menubar.
..."/> <menuitem label="redo"/> </menupopup> </menu> </menubar> attributes acceltext type: string text that appears beside the menu label to indicate the shortcut key (accelerator key) to use to invoke the command.

Dialogs in XULRunner - Archive of obsolete content
and javascript, just like windows.
..."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" buttonaccesskeyaccept="s" ondialogaccept="return dosave();" buttonlabelcancel="cancel" buttonaccesskeycancel="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 favorite fruit"/> <radiogroup> <radio id="1" label="oranges because they are...
... its own convention for where buttons should be placed on a dialog.

Using popup notifications
s.jsm javascript code module.
...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.

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.
...raint validation.
... checkrows(this, event);" onpaste="return false;"></textarea> </p> </form> specifications specification status comment html living standardthe definition of 'htmltextareaelement' in that specification.

<input type="reset"> - HTML: Hypertext Markup Language
text</label> <input id="example" type="text"> </div> <div> <input type="reset" value="reset the form"> </div> </form> this renders like so: try entering some text into the text field, and then pressing the reset button.
...me text into the text field, and then pressing the reset button.
...se the accesskey global attribute.

<input type="submit"> - HTML: Hypertext Markup Language
depends on the configuration of the <form>; see sending form data for more details.
...th any <input> for which it makes sense — you use the accesskey global attribute.
...ent's own keyboard shortcuts, different modifier keys are used for access keys than for other shortcuts on the host computer.

Global attributes - HTML: Hypertext Markup Language
nload, onloadeddata, onloadedmetadata, onloadstart, onmousedown, onmouseenter, onmouseleave, onmousemove, onmouseout, onmouseover, onmouseup, onmousewheel, onpause, onplay, onplaying, onprogress, onratechange, onreset, onresize, onscroll, onseeked, onseeking, onselect, onshow, onsort, onstalled, onsubmit, onsuspend, ontimeupdate, ontoggle, onvolumechange, onwaiting.
...ecification.
...<bdo>, <br>, <frame>, <frameset>, <iframe>, <param>, and <script>.

HTML documentation index - HTML: Hypertext Markup Language
onth, month-year, week-year certain html elements use date and/or time values.
...ments use date and/or time values.
...r time values.

Add a Context Menu Item - Archive of obsolete content
ript: 'self.on("click", function () {' + ' var text = window.getselection().tostring();' + ' self.postmessage(text);' + '});', image: self.data.url("icon-16.png"), onmessage: function (selectiontext) { console.log(selectiontext); } }); adding an access key new in firefox 35.
...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.

Localization - Archive of obsolete content
s just replaced.
...can't insert html using a statement like: # does not work.

Adding Toolbars and Toolbar Buttons - Archive of obsolete content
what you want as default behavior, because it would be very hard for the user to discover your buttons.
...because it would be very hard for the user to discover your buttons.

Adding menus and submenus - Archive of obsolete content
the previous sections, the best place to overlay your extension menu is inside the tools menu.
...e to overlay your extension menu is inside the tools menu.

Adding sidebars - Archive of obsolete content
one from the view > sidebar menu.
...they also have shortcuts to open or close them using the keyboard.

Custom XUL Elements with XBL - Archive of obsolete content
ent tag you define the xul content that will be displayed for your element.
...t that will be displayed for your element.

User Notifications and Alerts - Archive of obsolete content
t entered a password on.
...te, 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.

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.

Sorting and filtering a custom tree view - Archive of obsolete content
ill only work from privileged script.
... 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 ordinal hidden" onclick="sort(this)" class="sortdirectionindicator" sortdirection="ascending"/> <splitter class="tree-splitter"/> <treecol id="description" label="descripti...

textbox (Toolkit autocomplete) - Archive of obsolete content
by setting the type attribute of the textbox to autocomplete.
...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
ed to create a textbox with a popup containing a list of possible completions for what the user has started to type.
...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
, a label and an image.
...can also specify the image in a stylesheet using the list-style-image property.

Simple Menu Bars - Archive of obsolete content
ame attributes plus some additional ones: id the unique identifier of the menu title button.
...tosh.

Accessibility/XUL Accessibility Reference - Archive of obsolete content
<label value="<!--female-->" /> <label value="<!--gray-->" /> </listitem> </listbox> i don't seem to be able to find a straightforward way to read the header labels in jaws.
...y-->" /> </listitem> </listbox> i don't seem to be able to find a straightforward way to read the header labels in jaws.

menulist - Archive of obsolete content
e lists.
...ditem, 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.

notificationbox - Archive of obsolete content
rties of notificationbox) : priority_info_low priority_info_medium priority_info_high priority_warning_low priority_warning_medium priority_warning_high priority_critical_low priority_critical_medium priority_critical_high priority_critical_block buttons : the buttons argument is an array of button descriptions.
...ationbox) : priority_info_low priority_info_medium priority_info_high priority_warning_low priority_warning_medium priority_warning_high priority_critical_low priority_critical_medium priority_critical_high priority_critical_block buttons : the buttons argument is an array of button descriptions.

2006-11-10 - Archive of obsolete content
rticle praising firefox accessibility.
...s involvement and addresses some ajax accessibility concerns.

-ms-accelerator - Archive of obsolete content
rue examples this example uses the -ms-accelerator attribute in a <u> element to specify that the "n" in the <label> element is a keyboard shortcut.
...nderlined until the user presses the alt key.

L10n Checks
s the missing and obsolete strings in a pseudo-diff format.
...ser 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.

Preferences system
refwindow id="apppreferences" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> <prefpane id="pane1" label="&pane1.title;"> <preferences> <preference id="pref1" name="pref.name" type="bool"/> </preferences> ..
...eferences" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> <prefpane id="pane1" label="&pane1.title;"> <preferences> <preference id="pref1" name="pref.name" type="bool"/> </preferences> ..

compare-locales
the missing and obsolete strings in a pseudo-diff format.
...ser 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.

Preferences System
refwindow id="apppreferences" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> <prefpane id="pane1" label="&pane1.title;"> <preferences> <preference id="pref1" name="pref.name" type="bool"/> </preferences> ..
...eferences" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> <prefpane id="pane1" label="&pane1.title;"> <preferences> <preference id="pref1" name="pref.name" type="bool"/> </preferences> ..

DevTools API - Firefox Developer Tools
modifiers string, optional.
....

HTMLAnchorElement - Web APIs
e-width="2px" /><text x="406" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmlanchorelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement, and implements those from htmlhyperlinkelementutils.
...en added: download.

HTMLAreaElement - Web APIs
oke-width="2px" /><text x="416" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmlareaelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement, and implements those from htmlhyperlinkelementutils.
... the following property has been added: download.

HTMLButtonElement - Web APIs
="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="406" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmlbuttonelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement.
...ommendation the menu attribute and type="menu" value have been removed.

HTMLInputElement - Web APIs
ase, it is an integer number of characters.
...itiated on an <input> of type="search".

HTMLLegendElement - Web APIs
; pointer-events: all;} properties inherits properties from its parent, htmlelement.
...nt, htmlelement.

ARIA Test Cases - Accessibility
and aria-invalid -- type in a email address without an at sign to test the alert expected at behavior: a screen reader or screen magnifier must speak an alert when it becomes visible.
...an alert when it becomes visible.

context-menu - Archive of obsolete content
name type image string the item's icon, a string url.

Alerts and Notifications - Archive of obsolete content
s using of xul elements notificationbox and notification (implicitly).

Getting Started - Archive of obsolete content
skins being supplied by this theme <rdf:seq about="urn:mozilla:skin:root"> <rdf:li resource="urn:mozilla:skin:myskin/1.0" /> in the code search for the part listed above.

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
e modifier is not present in the list, then the modifier key must not be set in the dom event object in order for the handler to be matched.

modifiers - Archive of obsolete content
s shouldn't be specified directly because it may conflict with system wide shortcut key.

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 buttonaccesskeyaccept buttonaccesskeycancel buttonaccesskeydisclosure buttonaccesskeyextra1 buttonaccesskeyextra2 buttonaccesskeyhelp 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
0, so to insert an item before the fourth item pass 3 as the argument.

PopupKeys - Archive of obsolete content
u, selecting the first or last item.

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...

Adding Event Handlers - Archive of obsolete content
handler can be placed on the find and cancel buttons in the find files dialog.

Input Controls - Archive of obsolete content
ow"/> </radiogroup> attributes like buttons, check boxes and radio buttons are made up of a label and an image, where the image switches between checked and unchecked when it is pressed.

XUL controls - Archive of obsolete content
the following table lists the xul user interface controls.

key - Archive of obsolete content
s shouldn't be specified directly because it may conflict with system wide shortcut key.

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.

2006-11-17 - Archive of obsolete content
summary: mozilla.dev.tech.layout - november 11 - november 17, 2006 announcements none this week.

contents.rdf - Archive of obsolete content
0"?> <rdf: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:my_theme"/> </rdf:seq> <rdf:description about="urn:mozilla:skin:my_theme" chrome:displayname="my theme" chrome:accesskey="n" chrome:author="" chrome:authorurl="" chrome:description="" chrome:name="my_theme" chrome:image="preview.png"> <chrome:packages> <rdf:seq about="urn:mozilla:skin:my_theme:packages"> <rdf:li resource="urn:mozilla:skin:my_theme:browser"/> <rdf:li resource="urn:mozilla:skin:my_theme:communicator"/> <rdf:li resource="urn:mozi...

XForms Input Element - Archive of obsolete content
introduction this element is an important and oft-used xforms element to show and change the instance data to which this xforms control is bound (see the spec).

XForms Output Element - Archive of obsolete content
introduction serves to show the instance data that the element is bound to in a read-only manner (see the spec).

XForms Range Element - Archive of obsolete content
introduction allows the user to choose a value from within a specific range of values (see the spec).

XForms Secret Element - Archive of obsolete content
introduction used for inputting passwords or other sensitive text.

XForms Select Element - Archive of obsolete content
spec) or itemset (see the spec) elements.

XForms Select1 Element - Archive of obsolete content
pec) or itemset (see the spec) elements.

XForms Submit Element - Archive of obsolete content
on, which could be local or remote (see the spec).

XForms Textarea Element - Archive of obsolete content
introduction serves to show/change multiline text (see the spec).

XForms Trigger Element - Archive of obsolete content
introduction allows the user to initiate actions (see the spec).

XForms Upload Element - Archive of obsolete content
ypes of files that the user can select from.

Mozilla XForms User Interface - Archive of obsolete content
ded by the form author gives a hint to the processor as to which widget to use to represent the xforms control.

What HTML features promote accessibility? - Learn web development
ting link text.

Interfacing with the Add-on Repository
e displays a notification box offering to install the recommended add-on, if one was found, or reports an error if the search failed: shownotification: function(prompt, button, installobj) { this.install = installobj; var box = popupnotifications.show(gbrowser.selectedbrowser, "sample-popup", prompt, null, /* anchor id */ { label: button, accesskey: "i", callback: function() { if (popupnotifications.install) { popupnotifications.install.install(); } else { popupnotifications.remove(box); } } }, null /* secondary action */ ); } the code here starts by stashing the passed-in addoninstall object for later use, then...

PopupNotifications.jsm
actions notification action objects describe the user interface for actions associated with the notification.

Localization technical reviews
the file toolkit/chrome/global/intl.properties.

Index
e items, list items, tab panel labels, radio buttons, etc.

KeyboardShortcut
« nsiaccessible page summary provides localized string of accesskey name, such as alt+d (alt + d).

nsIAccessible
ame accessible name -- the main text equivalent for this node.

nsIDOMXULLabeledControlElement
dom/interfaces/xul/nsidomxullabeledcontrolel.idlscriptable this interface is used as a basis for labeled control elements in xul.

nsIDOMXULSelectControlItemElement
dom/interfaces/xul/nsidomxulselectcntrlitemel.idlscriptable please add a summary to this article.

Accessibility Inspector - Firefox Developer Tools
ents.

HTMLLabelElement - Web APIs
trol.

HTML attribute reference - HTML: Hypertext Markup Language
in html have attributes; these are additional values that configure the elements or adjust their behavior in various ways to meet the criteria the users want.

x-ms-acceleratorkey - HTML: Hypertext Markup Language
s and other assistive technologies, that an accelerator key exists for that element.