Search completed in 1.62 seconds.
tab - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] a single
tab which should be placed inside a
tabs element.
... the user may click a
tab to bring the associated page of the
tabbox to the front.
... 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.
...And 34 more matches
Styling tables - Learn web development
previous overview: building blocks next styling an html
table isn't the most glamorous job in the world, but sometimes we all have to do it.
... this article provides a guide to making html
tables look good, with some specific
table styling techniques highlighted.
... prerequisites: html basics (study introduction to html), knowledge of html
tables, and an idea of how css works (study css first steps.) objective: to learn how to effectively style html
tables.
...And 34 more matches
IAccessibleTable
other-licenses/ia2/accessible
table.idlnot scrip
table this interface gives access to a two-dimensional
table.
... 1.0 66 introduced gecko 1.9 inherits from: iunknown last changed in gecko 1.9 (firefox 3) typically all accessible objects that represent cells or cell-clusters of a
table will be at the same time children of the
table.
...when the
table cells are not direct children of a
table, the object representing the cell can define a "
table-cell-index" object attribute identifying the 0 based
table cell index.
...And 34 more matches
ARIA: table role - Accessibility
the
table value of the aria role attribute identifies the element containing the role as having a non-interactive
table structure containing data arranged in rows and columns, similar to the native <
table> html element.
... <div role="
table" aria-label="semantic elements" aria-describedby="semantic_elements_
table_desc" aria-rowcount="81"> <div id="semantic_elements_
table_desc">semantic elements to use instead of aria's roles</div> <div role="rowgroup"> <div role="row"> <span role="columnheader" aria-sort="none">aria role</span> <span role="columnheader" aria-sort="none">semantic element</span> </div> </div> <div role="rowgroup"> <div role="row" aria-rowindex="11"> <span role="cell">header</span> <span role="cell">h1</span> </div> <div role="row" aria-rowindex="16"> <span role="cell">header</span> <span role="cell">h6</span> </div> <div role="row" aria-rowindex="18"> <span role="cell">rowgroup</span> <span role="cell">thead</spa...
...n> </div> <div role="row" aria-rowindex="24"> <span role="cell">term</span> <span role="cell">dt</span> </div> </div> </div> description an element with role="
table" is a static
tabular structure with rows containing cells.
...And 33 more matches
<tr>: The Table Row element - HTML: Hypertext Markup Language
the html <tr> element defines a row of cells in a
table.
... the row's cells can then be es
tablished using a mix of <td> (data cell) and <th> (header cell) elements.
...similarly, you can use the rowspan attribute on cells to indicate they should span more than one
table row.
...And 33 more matches
HTMLTableElement - Web APIs
the html
tableelement interface provides special properties and methods (beyond the regular htmlelement object interface it also has available to it by inheritance) for manipulating the layout and presentation of
tables in an html document.
...aco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmlelement</text></a><polyline points="491,25 501,20 501,30 491,25" stroke="#d4dde4" fill="none"/><line x1="501" y1="25" x2="509" y2="25" stroke="#d4dde4"/><line x1="509" y1="25" x2="509" y2="90" stroke="#d4dde4"/><line x1="509" y1="90" x2="492" y2="90" stroke="#d4dde4"/><a xlink:href="/docs/web/api/html
tableelement" target="_top"><rect x="331" y="65" width="160" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="411" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">html
tableelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits...
... html
tableelement.caption is a html
tablecaptionelement representing the first <caption> that is a child of the element, or null if none is found.
...And 29 more matches
Table Reflow Internals - Archive of obsolete content
overview review of reflow
table frames
table reflow intro to paginated reflow
table paginated reflow review of reflow reflow process starts when an html document starts loading (the frame tree contains only viewport, scroll(s), canvas, html, body).
... for fixed positioned frames kinds of reflows incremental reflow (continued) reflower not allowed to change available size of reflowee reflow commands get coalesced to streamline processing style change a target changed stylistic if there is a target, otherwise every frame may need to respond parent of target usually turns it into an incremental reflow with a style changed command type
table frames ns
tableouter frame ↙ ↘ ns
table frame ns
tablecaption frame ↙ ↘ ↓ ns
tablecol groupframe ns
tablerow groupframe nsblockframe ↓ ↓ ns
tablecol frame ns
tablerow frame ↓ ns
tablecell frame ↓ nsblock frame
table reflow outer
table reflows
table and c...
...aption (if present)
table reflows row groups in multiple passes pass 1 - unconstrained width, height and requests max elem width.
...And 26 more matches
<tbody>: The Table Body element - HTML: Hypertext Markup Language
the html
table body element (<tbody>) encapsulates a set of
table rows (<tr> elements), indicating that they comprise the body of the
table (<
table>).
... tag omission the <tbody> element is not a required child element for a parent <
table> element to graphically render.
... however, it must not be present, if its parent <
table> element has a <tr> element as a child.
...And 24 more matches
HTMLTableCellElement - Web APIs
the html
tablecellelement interface provides special properties and methods (beyond the regular htmlelement interface it also has available to it by inheritance) for manipulating the layout and presentation of
table cells, either header or data cells, in an html document.
...aco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmlelement</text></a><polyline points="491,25 501,20 501,30 491,25" stroke="#d4dde4" fill="none"/><line x1="501" y1="25" x2="509" y2="25" stroke="#d4dde4"/><line x1="509" y1="25" x2="509" y2="90" stroke="#d4dde4"/><line x1="509" y1="90" x2="492" y2="90" stroke="#d4dde4"/><a xlink:href="/docs/web/api/html
tablecellelement" target="_top"><rect x="291" y="65" width="200" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="391" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">html
tablecellelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties ...
... html
tablecellelement.abbr a domstring which can be used on <th> elements (not on <td>), specifying an alternative label for the header cell..
...And 22 more matches
IAccessibleTable2
other-licenses/ia2/accessible
table2.idlnot scrip
table this interface gives access to a two-dimensional
table.
... 1.0 66 introduced gecko 1.9.2 inherits from: iunknown last changed in gecko 1.9.2 (firefox 3.6 / thunderbird 3.1 / fennec 1.0) please also refer to the iaccessible
tablecell interface.
... if you want to support older applications you should also support the iaccessible
table interface.
...And 21 more matches
Traversing an HTML table with JavaScript and DOM Interfaces - Web APIs
example: creating an html
table dynamically (sample1.html) html <input type="button" value="generate a
table." onclick="generate_
table()"> javascript function generate_
table() { // get the reference for the body var body = document.getelementsbytagname("body")[0]; // creates a <
table> element and a <tbody> element var tbl = document.createelement("
table"); var tblbody = document.createelement("tbody"); // c...
...reating all cells for (var i = 0; i < 2; i++) { // creates a
table row var row = document.createelement("tr"); for (var j = 0; j < 2; j++) { // create a <td> element and a text node, make the text // node the contents of the <td>, and put the <td> at // the end of the
table row var cell = document.createelement("td"); var celltext = document.createtextnode("cell in row "+i+", column "+j); cell.appendchild(celltext); row.appendchild(cell); } // add the row to the end of the
table body tblbody.appendchild(row); } // put the <tbody> in the <
table> tbl.appendchild(tblbody); // appends <
table> into <body> body.appendchild(tbl); // sets the border attribute of tbl to 2; tbl.setattribute("border", "2"); } note th...
...e order in which we created the elements and the text node: first we created the <
table> element.
...And 21 more matches
IDBDatabase - Web APIs
the idbda
tabase interface of the indexeddb api provides a connection to a da
tabase; you can use an idbda
tabase object to open a transaction on your da
tabase then create, manipulate, and delete objects (data) in that da
tabase.
... the interface provides the only way to get and manage versions of the da
tabase.
... note: everything you do in indexeddb always happens in the context of a transaction, representing interactions with data in the da
tabase.
...And 21 more matches
Using writable streams - Web APIs
this article explains the streams api’s wri
table stream functionality.
... note: this article assumes that you understand the use cases of wri
table streams, and are aware of the high-level concepts.
...only chrome currently has basic wri
table streams implemented.
...And 20 more matches
XPCOM hashtable guide
this is the simplified version of the detailed xpcom hash
table guide.
... also note that mfbt/hash
table.h now exists.
... it is a lot faster than the xpcom hash
tables due to more inlining and templating, and the api is arguably better.
...And 19 more matches
tabs - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] a row of
tabs.
... a
tabs element should be placed inside a
tabbox and should contain
tab elements.
... nb: you can add some other elements to
tabs such as button, but they will receive an index.
...And 18 more matches
JS_MakeStringImmutable
syntax jsbool js_makestringimmu
table(jscontext *cx, jsstring *str); name type description cx jscontext * a context.
... a dependent string (see js_newdependentstring) is a substring of another (growable, dependent, or immu
table) string.
...applications must call js_makestringimmu
table before sharing a jsstring among threads by storing it in a c/c++ variable, field, or array element that another thread can read.
... (when an application shares a string by storing it in a javascript object that another thread can read, the javascript engine automatically makes the string thread-safe.) after a successful call to js_makestringimmu
table, subsequent calls to js_getstringcharsz on the same string are guaranteed to succeed, and subsequent calls to js_getstringchars on the same string are guaranteed to return a null-terminated string.
places.sqlite Database Troubleshooting
this article describes troubleshooting actions to deal with a broken places.sqlite da
tabase.
... download the latest precompiled binary sqlite command-line shell from: https://www.sqlite.org/download.html extract sqlite3 execu
table into the work folder.
... sqlite> .exit open a new shell for the new da
tabase: my_work_folder> sqlite3 places.sqlite sqlite> pragma integrity_check; if the result is not ok, the file cannot be recovered; stop here and please file a bug.
... if the da
tabase is still broken (missing history, creating -corrupt file, ...), please file a bug.
nsScriptableInputStream
« xpcom api reference summary a component implementing nsiscrip
tableinputstream.
... class id 7225c040-a9bf-11d3-a197-0050041caf44 contractid @mozilla.org/scrip
tableinputstream;1 supported interfaces nsiscrip
tableinputstream, nsiinputstream remarks this component should be accessed via the xpcom component manager.
... example code const nsiscrip
tableinputstream = components.interfaces.nsiscrip
tableinputstream; function consumestream(inputstream) { var factory = components.classes["@mozilla.org/scrip
tableinputstream;1"]; var sis = factory.createinstance(nsiscrip
tableinputstream); sis.init(inputstream); try { while (true) { var chunk = sis.read(512); if (chunk.length == 0) break; // ok, chunk now contains a portion of the stream's data.
... } } catch (e) { dump("error: failed reading from stream:\n" + e + "\n"); } } see also nsiscrip
tableinputstream ...
NS_CStringGetMutableData
« xpcom api reference summary the ns_cstringgetmu
tabledata function gives the caller write access to the string's internal buffer.
... #include "nsstringapi.h" pruint32 ns_cstringgetmu
tabledata( nsacstring& astring, pruint32 adatalength, char** adata ); parameters astring [in] a nsacstring instance to modify.
...remarks this function provides mu
table access to a string's internal buffer.
...example // convert any uppercase ascii letters to lowercase void tolowercase(nscstring &str) { char *iter; pruint32 len = ns_cstringgetmu
tabledata(str, pr_uint32_max, &iter); char *end = iter + len; while (iter != end) { char c = *iter; if (c >= 'a' && c <= 'z') *iter = c + ('a' - 'a'); ++iter; } } history this function was finalized for mozilla 1.8.
HTMLTableElement.cellSpacing - Web APIs
while you should instead use the css border-spacing property, the obsolete html
tableelement interface's cellspacing property represents the spacing around the individual <th> and <td> elements representing a
table's cells.
... syntax html
tableelement.cellspacing = spacing; var spacing = html
tableelement.cellspacing; value a domstring which is either a number of pixels (such as "10") or a percentage value (like "10%").
... example this example sets cell spacing for a given
table to 10 pixels.
... var t = document.getelementbyid('
tablea'); t.cellspacing = "10"; specification w3c dom 2 html specification html
tableelement .cellspacing.
HTMLTableElement.createTFoot() - Web APIs
the html
tableelement.createtfoot() method returns the <tfoot> element associated with a given <
table>.
... if no footer exists in the
table, this methods creates it, and then returns it.
... note: if no footer exists, createtfoot() inserts a new footer directly into the
table.
... syntax html
tablesectionelement =
table.createtfoot(); return value html
tablesectionelement example let myfoot = my
table.createtfoot(); // now this should be true: myfoot == my
table.tfoot specifications specification status comment html living standardthe definition of 'html
tableelement: createtfoot' in that specification.
HTMLTableElement.createTHead() - Web APIs
the html
tableelement.createthead() method returns the <thead> element associated with a given <
table>.
... if no header exists in the
table, this method creates it, and then returns it.
... note: if no header exists, createthead() inserts a new header directly into the
table.
... syntax html
tablesectionelement =
table.createthead(); return value html
tablesectionelement example let myhead = my
table.createthead(); // now this should be true: myhead == my
table.thead specifications specification status comment html living standardthe definition of 'html
tableelement: createthead' in that specification.
HTMLTableElement.deleteCaption() - Web APIs
the html
tableelement.deletecaption() method removes the <caption> element from a given <
table>.
... if there is no <caption> element associated with the
table, this method does nothing.
... syntax html
tableelement.deletecaption() example this example uses javascript to delete a
table's caption.
... html <
table> <caption>this caption will be deleted!</caption> <tr><td>cell 1.1</td><td>cell 1.2</td></tr> <tr><td>cell 2.1</td><td>cell 2.2</td></tr> </
table> javascript let
table = document.queryselector('
table');
table.deletecaption(); result specifications specification status comment html living standardthe definition of 'html
tableelement: deletecaption' in that specification.
HTMLTableElement.tBodies - Web APIs
the html
tableelement.tbodies read-only property returns a live htmlcollection of the bodies in a <
table>.
...for example: <
table> <tr> <td>cell one</td> </tr> </
table> the html dom generated from the above html will have a <tbody> element even though the tags are not included in the source html.
... syntax htmlcollectionobject =
table.tbodies example this snippet gets the number of bodies in a
table.
... my
table.tbodies.length; specifications specification status comment html living standardthe definition of 'html
tableelement: tbodies' in that specification.
IDBDatabase: abort event - Web APIs
the abort event is fired on idbda
tabase when a transaction is aborted and bubbles up to the connection object.
... bubbles yes cancelable no interface event event handler property onabort examples this example opens a da
tabase (creating the da
tabase if it does not exist), then opens a transaction, adds a listener to the abort event, then aborts the transaction to trigger the event.
... // open the da
tabase const dbopenrequest = window.indexeddb.open('todolist', 4); dbopenrequest.onupgradeneeded = (event) => { const db = event.target.result; // create an objectstore for this da
tabase const objectstore = db.createobjectstore('todolist', { keypath: 'tasktitle' }); // define what data items the objectstore will contain objectstore.createindex('hours', 'hours', { unique: false }); objectstore.createindex('minutes', 'minutes', { unique: false }); objectstore.createindex('day', 'day', { unique: false }); objectstore.createindex('month', 'month', { unique: false }); objectstore.createindex('year', 'year', { unique: false }); }; dbopenrequest.onsuccess = (event) => { const db = dbopenrequest.result; db.addeventlistener('abort', () => { console.log('t...
...ransaction aborted'); }); // open a read/write db transaction, ready for adding the data const transaction = db.transaction(['todolist'], 'readwrite'); // abort the transaction transaction.abort(); }; the same example, but assigning the event handler to the onabort property: // open the da
tabase const dbopenrequest = window.indexeddb.open('todolist', 4); dbopenrequest.onupgradeneeded = (event) => { const db = event.target.result; // create an objectstore for this da
tabase const objectstore = db.createobjectstore('todolist', { keypath: 'tasktitle' }); // define what data items the objectstore will contain objectstore.createindex('hours', 'hours', { unique: false }); objectstore.createindex('minutes', 'minutes', { unique: false }); objectstore.createindex('day', ...
IDBDatabase: versionchange event - Web APIs
the versionchange event is fired when a da
tabase structure change (idbopendbrequest.onupgradeneeded event or idbfactory.deleteda
tabase) was requested.
... bubbles no cancelable no interface event event handler property onversionchange examples this example opens a da
tabase and, on success, adds a listener to versionchange: // open the da
tabase const dbopenrequest = window.indexeddb.open('nonexistent', 4); dbopenrequest.onupgradeneeded = event => { const db = event.target.result; // create an objectstore for this da
tabase const objectstore = db.createobjectstore('todolist', { keypath: 'tasktitle' }); // define what data items the objectstore will contain objectstore.createindex('hours', 'hours', { unique: false }); objectstore.createindex('minutes', 'minutes', { unique: false }); objectstore.createindex('day', 'day', { unique: false }); objectstore.createindex('month', ...
...'month', { unique: false }); objectstore.createindex('year', 'year', { unique: false }); }; dbopenrequest.addeventlistener('success', event => { const db = event.target.result; db.addeventlistener('versionchange', event => { console.log('the version of this da
tabase has changed'); }); }); the same example, using the onversionchange event handler property: // open the da
tabase const dbopenrequest = window.indexeddb.open('nonexistent', 4); dbopenrequest.onupgradeneeded = event => { const db = event.target.result; // create an objectstore for this da
tabase const objectstore = db.createobjectstore('todolist', { keypath: 'tasktitle' }); // define what data items the objectstore will contain objectstore.createindex('hours', 'hours', { unique: false }); objectstore.crea...
...teindex('minutes', 'minutes', { unique: false }); objectstore.createindex('day', 'day', { unique: false }); objectstore.createindex('month', 'month', { unique: false }); objectstore.createindex('year', 'year', { unique: false }); }; dbopenrequest.onsuccess = event => { const db = event.target.result; db.onversionchange = event => { console.log('the version of this da
tabase has changed'); }; }; ...
WritableStream.locked - Web APIs
the locked read-only property of the wri
tablestream interface returns a boolean indicating whether the wri
tablestream is locked to a writer.
... syntax var locked = wri
tablestream.locked; value a boolean indicating whether or not the wri
table stream is locked.
... examples const wri
tablestream = new wri
tablestream({ write(chunk) { ...
... const writer = wri
tablestream.getwriter(); wri
tablestream.locked // should return true, as the stream has been locked to a writer specifications specification status comment streamsthe definition of 'locked' in that specification.
WritableStreamDefaultController.error() - Web APIs
the error() method of the wri
tablestreamdefaultcontroller interface causes any future interactions with the associated stream to error.
... syntax wri
tablestreamdefaultcontroller.error(e); parameters e a domstring representing the error you want future interactions to fail with.
... exceptions typeerror the stream you are trying to error is not a wri
tablestream.
... examples const wri
tablestream = new wri
tablestream({ start(controller) { // do stuff with controller // error stream if necessary controller.error('my error is broken'); }, write(chunk, controller) { ...
WritableStreamDefaultWriter.closed - Web APIs
the closed read-only property of the wri
tablestreamdefaultwriter interface returns a promise that fulfills if the stream becomes closed or the writer's lock is released, or rejects if the stream errors.
... syntax var closed = wri
tablestreamdefaultwriter.closed; value a promise.
... examples const wri
tablestream = new wri
tablestream({ start(controller) { }, write(chunk, controller) { ...
... const writer = wri
tablestream.getwriter(); ..
WritableStreamDefaultWriter.desiredSize - Web APIs
the desiredsize read-only property of the wri
tablestreamdefaultwriter interface returns the desired size required to fill the stream's internal queue.
... syntax var desiredsize = wri
tablestreamdefaultwriter.desiredsize; value an integer.
... examples const wri
tablestream = new wri
tablestream({ write(chunk) { ...
... const writer = wri
tablestream.getwriter(); ...
WritableStreamDefaultWriter.releaseLock() - Web APIs
the releaselock() method of the wri
tablestreamdefaultwriter interface releases the writer's lock on the corresponding stream.
... syntax wri
tablestreamdefaultwritere.releaselock() parameters none.
... examples const wri
tablestream = new wri
tablestream({ write(chunk) { ...
... const writer = wri
tablestream.getwriter(); ...
ARIA: tabpanel role - Accessibility
the aria
tabpanel role indicates description an element with the
tabpanel role associated roles and attributes aria- keyboard interaction key action
tab → ← delete required javascript features include note about semantic alternatives to using this role or attribute.
... <div role="
tablist"> <div role="
tab" aria-selected="true" aria-controls="
tabpanel-id" id="
tab-id"
tabindex="0">
tab label</div> accessibility concerns optionally, warn of any potential accessibility concerns that exist with using this property, and how to work around them.
... specifications specification status accessible rich internet applications (wai-aria) 1.1the definition of '
tabpanel' in that specification.
... recommendation wai-aria authoring practicesthe definition of '
tabpanel' in that specification.
Tabbox - Archive of obsolete content
handling onclose
tab event assuming the
tabbox,
tabs, and
tabpanels widgets with id's the same as their nodename, this function will correctly remove the current
tab and
tab panel for the onclose
tab tabs event: function remove
tab(){ var
tabbox = document.getelementbyid("
tabbox"); var currentindex =
tabbox.selectedindex; if(currentindex>=0){ var
tabs=document.getelementbyid("
tabs"); var
tabpanels=document.getelementbyid("
tabpanels");
tabpanels.removechild(
tabpanels.childnodes[currentindex]);
tabs.removeitemat(currentindex); /*wo...
...rk around if last
tab is removed, widget fails to advance to next
tab*/ if(-1 ==
tabbox.selectedindex &&
tabs.childnodes.length>0){
tabbox.selectedindex=0; } } creating a close
tab button to have a
tab close button, you must configure the style.
... examples: .
tabs-closebutton { list-style-image: url(http://mozilla.org/favicon.ico); } .
tabs-closebutton { list-style-image: url("chrome://global/skin/icons/close.gif"); } ...
isKeyWritable - Archive of obsolete content
iskeywri
table returns whether the given registry key is wri
table or not.
... method of winreg object syntax boolean iskeywri
table( string key); parameters the method has the following parameter: key a string representing the path to the key returns a boolean value: true if the key is wri
table; false if not.
... example winreg = getwinregistry(); if ( winreg != null ) { winreg.setrootkey ( winreg.hkey_local_machine ); if(winreg.iskeywri
table("software")) { //iskeywri
table returned true } else { //iskeywri
table returned false } ...
handleCtrlTab - Archive of obsolete content
« xul reference home handlectrl
tab type: boolean if set to true or omitted, the
tabbox will switch to the next
tab when the control and
tab keys are pressed.
... if the shift key is also held down, the previous
tab will be displayed.
... if this attribute is set to false, these keys do not navigate between
tabs.
tabindex - Archive of obsolete content
« xul reference home
tabindex type: integer the
tab order of the element.
... the
tab order is the order in which the focus is moved when the user presses the "
tab" key.
... elements with a higher
tabindex are later in the
tab sequence.
treecell.editable - Archive of obsolete content
« xul reference home edi
table type: boolean allows the contents of individual cells in the column to be changed, especially useful when <treecol type="checkbox">.
...when the user double-clicks an edi
table cell, a text field appears in which the user can edit the contents of the cell.
... the tree and treecol must also be marked as edi
table in order for this to work.
addTabsProgressListener - Archive of obsolete content
« xul reference home add
tabsprogresslistener( listener ) return type: no return value add a progress listener to the browser which will monitor loaded documents in all
tabs in the
tabbed browser.
... the progress listener should be based on the nsiwebprogresslistener interface with an additional "browser" argument as the first argument of every method, which is the browser (not <
tabbrowser> = gbrowser) where the event occurred.
... see listening to events on all
tabs for details.
advanceSelectedTab - Archive of obsolete content
« xul reference home advanceselected
tab( dir, wrap ) return type: no return value if the argument dir is set to 1, the currently selected
tab changes to the next
tab.
... if the argument dir is set to -1, the currently selected
tab changes to the previous
tab.
... if the wrap argument is true, the adjustment will wrap around when the first or last
tab is reached.
loadTabs - Archive of obsolete content
« xul reference home load
tabs( uris, loadinbackground, replace ) load
tabs( uris, params ) return type: no return value loads a set of uris, specified by the array uris, into
tabs.
... if loadinbackground is true, the
tabs are loaded in the background, and if replace is true, the currently displayed
tabs are replaced with the specified uris instead of adding new
tabs.
... the properties of params are following: boolean inbackground boolean replace boolean allowthirdpartyfixup
tab target
tab number newindex object postdatas number usercontextid ...
removeTab - Archive of obsolete content
« xul reference home remove
tab(
tabelement ) return type: no return value removes a specific
tabbed page corresponding to the given
tab element.
... if only one
tab is displayed, this method does nothing (unless the preference browser.
tabs.closewindowwithlast
tab is true, in which case the window containing the
tab is closed).
... if browser.
tabs.autohide is true, the row of
tabs will collapse if only one
tab remains.
tabpanel - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] a individual panel in a
tabpanels element.
... inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-edi
table, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, da
tabase, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, ...
...des(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata related elements
tabbox,
tabs,
tab,
tabpanels.
PL_HashTableLookup
syntax #include <plhash.h> void *pl_hash
tablelookup( plhash
table *ht, const void *key); parameters the function has the following parameters: ht a pointer to the hash
table in which to look up the entry specified by key.
... description if there is no entry with the specified key, pl_hash
tablelookup returns null.
...keep this ambiguity in mind if you want to store null values in a hash
table.
PR_ProcessAttrSetInheritableFileMap
syntax #include <prshma.h> nspr_api(prstatus) pr_processattrsetinheri
tablefilemap( prprocessattr *attr, prfilemap *fm, const char *shmname ); parameters the function has the following parameters: attr pointer to a prprocessattr structure used to pass data to pr_createprocess.
... returns prstatus description pr_processattrsetinheri
tablefilemap connects the prfilemap to prprocessattr with shmname.
... a subsequent call to pr_createprocess makes the prfilemap impor
table by the child process.
IAccessibleEditableText
other-licenses/ia2/accessibleedi
tabletext.idlnot scrip
table this interface provides clipboard capability to text objects.
...note that even a read only text object can support the copy capability so this interface is not limited to edi
table objects.
...refer to the @ref _specialoffsets "special offsets for use in the iaccessibletext and iaccessibleedi
tabletext methods" for information about a special offset constant that can be used in iaccessibleedi
tabletext methods.
SVG Presentation Attributes - SVG: Scalable Vector Graphics
value: auto|baseline|before-edge|text-before-edge|middle|central|after-edge|text-after-edge|ideographic|alphabetic|hanging|mathematical|inherit; anima
table: yes baseline-shift it allows repositioning of the dominant-baseline relative to the dominant-baseline of the parent text content element.
... value: auto|baseline|super|sub|<percentage>|<length>|inherit; anima
table: yes clip deprecated it defines what portion of an element is visible.
... value: auto|<shape()>|inherit; anima
table: yes clip-path it binds the element it is applied to with a given <clippath> element.
...And 57 more matches
NSS tools : modutil
name modutil - manage pkcs #11 module information within the security module da
tabase.
...please contribute to the initial review in mozilla nss bug 836477[1] description the security module da
tabase tool, modutil, is a command-line utility for managing pkcs #11 module information both within secmod.db files and within hardware tokens.
... modutil can add and delete pkcs #11 modules, change passwords on security da
tabases, set defaults, list module contents, enable or disable slots, enable or disable fips 140-2 compliance, and assign default providers for cryptographic operations.
...And 53 more matches
NSS tools : modutil
name modutil — manage pkcs #11 module information within the security module da
tabase.
... synopsis modutil [options] arguments description the security module da
tabase tool, modutil, is a command-line utility for managing pkcs #11 module information both within secmod.db files and within hardware tokens.
... modutil can add and delete pkcs #11 modules, change passwords on security da
tabases, set defaults, list module contents, enable or disable slots, enable or disable fips 140-2 compliance, and assign default providers for cryptographic operations.
...And 53 more matches
NSS Tools certutil
using the certificate da
tabase tool the certificate da
tabase tool is a command-line utility that can create and modify the netscape communicator cert8.db and key3.db da
tabase files.
... it can also list, generate, modify, or delete certificates within the cert8.db file and create or change the password, generate new public and private key pairs, display the contents of the key da
tabase, or delete key pairs within the key3.db file.
... starting from nss 3.35, the da
tabase format was upgraded to support sqlite as described in this document.
...And 51 more matches
nsISessionStore
browser/components/sessionstore/nsisessionstore.idlscrip
table provides a means for extensions and other code to store data in association with browser sessions,
tabs, and windows.
... method overview void delete
tabvalue(in nsidomnode a
tab, in astring akey); void deletewindowvalue(in nsidomwindow awindow, in astring akey); nsidomnode duplicate
tab(in nsidomwindow awindow, in nsidomnode a
tab); nsidomnode forgetclosed
tab(in nsidomwindow awindow, in unsigned long aindex); nsidomnode forgetclosedwindow(in unsigned long aindex); astring getbrowserstate(); un...
...signed long getclosed
tabcount(in nsidomwindow awindow); astring getclosed
tabdata(in nsidomwindow awindow); unsigned long getclosedwindowcount(); astring getclosedwindowdata(); astring get
tabstate(in nsidomnode a
tab); astring get
tabvalue(in nsidomnode a
tab, in astring akey); astring getwindowstate(in nsidomwindow awindow); astring getwindowvalue(in nsidomwindow awindow, in astring akey); void init(in nsidomwindow awindow); void persist
tabattribute(in astring aname); void restorelastsession(); void setbrowserstate(in astring astate); void set
tabstate(in nsidomnode a
tab, in astring astate); void set
tabvalue(in nsidomnode a
tab, in astring akey, in astring astringvalue); ...
...And 46 more matches
Client-side storage - Learn web development
most major modern web sites are dynamic — they store data on the server using some kind of da
tabase (server-side storage), then run server-side code to retrieve needed data, insert it into static page templates, and serve the resulting html to the client to be displayed by the user's browser.
...for example, you could download a batch of music files (perhaps used by a web game or music player application), store them inside a client-side da
tabase, and play them as needed.
... the user would only have to download the music files once — on subsequent visits they would be retrieved from the da
tabase instead.
...And 44 more matches
NSS Tools modutil
using the security module da
tabase (modutil) newsgroup: mozilla.dev.tech.crypto the security module da
tabase tool is a command-line utility for managing pkcs #11 module information within secmod.db files or within hardware tokens.
...this tool can also create key3.db, cert8.db, and secmod.db security da
tabase files.
... the tasks associated with security module da
tabase management are part of a process that typically also involves managing key da
tabases (key3.db files) and certificate da
tabases (cert8.db files).
...And 44 more matches
Basic concepts - Web APIs
overview of indexeddb indexeddb lets you store and retrieve objects that are indexed with a "key." all changes that you make to the da
tabase happen within transactions.
... indexeddb used to have a competing spec, websql da
tabase, but the w3c deprecated it on november 18, 2010.
...websql da
tabase is a relational da
tabase access system, whereas indexeddb is an indexed
table system.
...And 41 more matches
Index - MDN Web Docs Glossary: Definitions of Web-related terms
this is defined by the layout mode; it is usually the alignment subject’s containing block, and assumes the writing mode of the box es
tablishing the containing block.
...in modern browsers, it usually is a
tab, but can be a window or even only parts of a page, like a frame or an iframe.
... crud typically refers to operations performed in a da
tabase or datastore, but it can also apply to higher level functions of an application such as soft deletes where data is not actually deleted but marked as deleted via a status.
...And 38 more matches
mozIStorageConnection
storage/public/mozistorageconnection.idlscrip
table this interface represents a da
tabase connection attached to a specific file or an in-memory da
tabase.
... it is the primary interface for interacting with a da
tabase, including creating prepared statements, executing sql, and examining da
tabase errors.
...in autf8string afunctionname, in long anumarguments, in mozistorageaggregatefunction afunction); mozistorageasyncstatement createasyncstatement(in autf8string asqlstatement); void createfunction(in autf8string afunctionname, in long anumarguments, in mozistoragefunction afunction); mozistoragestatement createstatement(in autf8string asqlstatement); void create
table(in string a
tablename, in string a
tableschema); mozistoragependingstatement executeasync([array, size_is(anumstatements)] in mozistoragebasestatement astatements, in unsigned long anumstatements, [optional] in mozistoragestatementcallback acallback ); void executesimplesql(in autf8string asqlstatement); boolean indexexists(in autf8string aindexname); void pre...
...And 38 more matches
Understanding WebAssembly text format - WebAssembly
if we convert our module to binary now (see converting webassembly text format to wasm), we’ll see just the 8 byte module header described in the binary format: 0000000: 0061 736d ; wasm_binary_magic 0000004: 0100 0000 ; wasm_binary_version adding functionality to your module ok, that’s not very interesting, let’s add some execu
table code to this module.
... declaring globals in webassembly webassembly has the ability to create global variable instances, accessible from both javascript and impor
table/expor
table across one or more webassembly.module instances.
... "global") (mut i32)) (func (export "getglobal") (result i32) (global.get $g)) (func (export "incglobal") (global.set $g (i32.add (global.get $g) (i32.const 1)))) ) this looks similar to what we've seen before, except that we specify a global value using the keyword global, and we also specify the keyword mut along with the value's datatype if we want it to be mu
table.
...And 37 more matches
x - SVG: Scalable Vector Graphics
value list of <length> default value none anima
table yes feblend for <feblend>, x defines the minimum x coordinate for the rendering area of the primitive.
... value <length> | <percentage> default value 0% anima
table yes fecolormatrix for <fecolormatrix>, x defines the minimum x coordinate for the rendering area of the primitive.
... value <length> | <percentage> default value 0% anima
table yes fecomponenttransfer for <fecomponenttransfer>, x defines the minimum x coordinate for the rendering area of the primitive.
...And 34 more matches
y - SVG: Scalable Vector Graphics
value list of <length> default value none anima
table yes feblend for <feblend>, y defines the minimum y coordinate for the rendering area of the primitive.
... value <length> | <percentage> default value 0% anima
table yes fecolormatrix for <fecolormatrix>, y defines the minimum y coordinate for the rendering area of the primitive.
... value <length> | <percentage> default value 0% anima
table yes fecomponenttransfer for <fecomponenttransfer>, y defines the minimum y coordinate for the rendering area of the primitive.
...And 34 more matches
filter - CSS: Cascading Style Sheets
filter: blur(5px) <
table class="standard-
table"> <thead> <tr> <th style="text-align: left;" scope="col">original image</th> <th style="text-align: left;" scope="col">live example</th> <th style="text-align: left;" scope="col">svg equivalent</th> <th style="text-align: left;" scope="col">static example</th> </tr> </thead> <tbody> <tr> <td><img alt="test_form.jpg" id="img1"...
... <fegaussianblur in="sourcegraphic" stddeviation="3.5"/> </filter> <image xlink:href="/files/3710/test_form_2.jpeg" filter="url(#svgblur)" width="212px" height="161px"/> </svg> </div> </td> <td><img alt="test_form_s.jpg" id="img4" class="internal default" src="/files/3711/test_form_2_s.jpg" style="width: 100%;" /></td> </tr> </tbody> </
table> html { height:100%; } body { font: 14px/1.286 "lucida grande", "lucida sans unicode", "dejavu sans", lucida, arial, helvetica, sans-serif; color: rgb(51, 51, 51); height:100%; overflow:hidden; } #img2 { width:100%; height:auto; -webkit-filter:blur(5px); -ms-filter:blur(5px); filter:blur(5px); }
table.standard-
table { border: 1px solid rgb(187, 187, 187); border-collaps...
...e: collapse; border-spacing: 0; margin: 0 0 1.286em; height: 100%; width: 85%; }
table.standard-
table th { border: 1px solid rgb(187, 187, 187); padding: 0px 5px; background: none repeat scroll 0% 0% rgb(238, 238, 238); text-align: left; font-weight: bold; }
table.standard-
table td { padding: 5px; border: 1px solid rgb(204, 204, 204); text-align: left; vertical-align: top; width:25%; height:auto; } #img3 { height:100%; } <svg style="position: absolute; top: -99999px" xmlns="http://www.w3.org/2000/svg"> <filter id="svgblur" x="-5%" y="-5%" width="110%" height="110%"> <fegaussianblur in="sourcegraphic" stddeviation="5"/> </filter> </svg> brightness() the brightness() function applies a linear multiplier to the input image, making it appear more or ...
...And 33 more matches
ARIA: row role - Accessibility
an element with role="row" is a row of cells within a
tabular structure.
... a row contains one or more cells, grid cells or column headers, and possibly a row header, within a grid,
table or treegrid, and optionally within a rowgroup.
... <div role="
table" aria-label="populations" aria-describedby="country_population_desc"> <div id="country_population_desc">world populations by country</div> <div role="rowgroup"> <div role="row"> <span role="columnheader" aria-sort="descending">country</span> <span role="columnheader"aria-sort="none">population</span> </div> </div> <div role="rowgroup"> <div role="row"> <span role="cell">finland</span> <span role="cell">5.5 million</span> </div> <div role="row"> <span role="cell">france</span> <span role="cell">67 million</span> </div> </div> </div> description the element role="row" is a row within a grid,
table or treegrid, and optionally within a rowgroup, that is a container for one or ...
...And 32 more matches
sslerr.html
ssl error codes sec error codes ssl error codes
table 8.1 error codes defined in sslerr.h constant value description ssl_error_export_only_server -12288 "unable to communicate securely.
... ssl_error_no_certificate -12285 "unable to find the certificate or key necessary for authentication." this error has many potential causes; for example: certificate or key not found in da
tabase.
... certificate not marked trusted in da
tabase and certificate's issuer not marked trusted in da
tabase.
...And 15 more matches
Starting WebLock
common xpcom notifications category name value creates component xpcom-startup any contract id yes xpcom-shutdown any contract id no xpcom-autoregistration any contract id no app-startup any service, contract id * the
table above summarizes the popular persistent notifications registered through the category manager.
...enumeratesites might be used in the user interface to provide something like an edi
table listbox of all sites in the white list.
...the xpidl for iweblock appears below: iweblock #include "nsisupports.idl" interface nsisimpleenumerator; [scrip
table, uuid(ea54eee4-9548-4b63-b94d-c519ffc91d09)] interface iweblock : nsisupports { void lock(); void unlock(); // assume strings are utf-8 void addsite(in string url); void removesite(in string url); attribute nsisimpleenumerator sites; }; the first line includes the file nsisupports.idl, which defines the nsisupports interface from which all xpcom interfaces must derive, and makes ...
...And 15 more matches
<input>: The Input (Form Input) element - HTML: Hypertext Markup Language
used in conjunction min and max to define the range of accep
table values.
... this section provides a
table listing all the attributes with a brief description.
... this
table is followed by a list describing each attribute in greater detail, along with which input types they are associated with.those that are common to most or all input types are defined in greater detail below.
...And 15 more matches
xlink:href - SVG: Scalable Vector Graphics
value <iri> default value none anima
table yes altglyph for <altglyph>, xlink:href defines the reference either to a <glyph> element in an svg document fragment or to an <altglyphdef> element.
... value <iri> default value none anima
table no animate, animatecolor, animatemotion, animatetransform, set for <animate>, <animatecolor>, <animatemotion>, <animatetransform>, and <set>, xlink:href defines the reference to the element which is the target of this animation and which therefore will be modified over time.
... value <iri> default value none anima
table no color-profile for <color-profile>, xlink:href defines the location of an icc profile resource.
...And 15 more matches
Migrate apps from Internet Explorer to Mozilla - Archive of obsolete content
the dom level 1 methods, as shown in
table 1, are commonly used to move an element to a certain position and toggle its visibility (menus, animations).
...
table 1.
... traverse the dom mozilla supports the w3c dom apis for traversing the dom tree through javascript (see
table 2).
...And 14 more matches
Building accessible custom components in XUL - Archive of obsolete content
assistive technologies could only see the generic html markup used to build the control; they had no way of knowing that a particular collection of div and span elements should be treated as a single cohesive control (such as a
tab bar or a treeview).
...there is generally no need to build your own xul
tab bar or treeview.
... firefox ships with a
tabbox element and a tree element, and these elements are fully accessible out-of-the-box.
...And 14 more matches
Server-side web frameworks - Learn web development
they provide tools and libraries that simplify common web development tasks, including routing urls to appropriate handlers, interacting with da
tabases, supporting sessions and user authorization, formatting output (e.g.
... abstract and simplify da
tabase access websites use da
tabases to store information both to be shared with users, and about users.
... web frameworks often provide a da
tabase layer that abstracts da
tabase read, write, query, and delete operations.
...And 14 more matches
NSS Tools crlutil
using the certificate revocation list management tool newsgroup: mozilla.dev.tech.crypto the certificate revocation list (crl) management tool is a command-line utility that can list, generate, modify, or delete crls within the nss security da
tabase file(s) and list, create, modify or delete certificates entries in a particular crl.
... the key and certificate management process generally begins with creating keys in the key da
tabase, then generating and managing certificates in the certificate da
tabase(see certutil tool) and continues with certificates expiration or revocation.
...for information on security module da
tabase management, see using the security module da
tabase tool.
...And 14 more matches
ARIA: grid role - Accessibility
<
table role="grid" aria-labelledby="id-select-your-seat"> <caption id="id-select-your-seat">select your seat</caption> <tbody role="presentation"> <tr role="presentation"> <td></td> <th>row a</th> <th>row b</th> </tr> <tr> <th scope="row">aisle 1</th> <td
tabindex="0"> <button id="1a"
tabindex="-1">1a</button> </td> <td
tabindex="-1"> <button id="1b"
tabindex="-1">1b</button> </td> <!-- more columns --> </tr> <tr> <th scope="row">aisle 2</th> <td
tabindex="-1"> <button id="2a"
tabindex="-1">2a</button> </td> <td
tabi...
...ndex="-1"> <button id="2b"
tabindex="-1">2b</button> </td> <!-- more columns --> </tr> </tbody> </
table> description a grid widget contains one or more rows with one or more cells of thematically related interactive content.
...uses fall into two categories: presenting
tabular information (data grids) and grouping other widgets (layout grids).
...And 14 more matches
Object.defineProperty() - JavaScript
by default, values added using object.defineproperty() are immu
table and not enumerable.
...a data descriptor is a property that has a value, which may or may not be wri
table.
... wri
table true if and only if the value associated with the property may be changed with an assignment operator.
...And 14 more matches
fill - SVG: Scalable Vector Graphics
value <paint> default value black anima
table yes note: as a presentation attribute fill can be used as a css property.
... value freeze (keep the state of the last animation frame) | remove (keep the state of the first animation frame) default value remove anima
table no animatecolor warning: as of svg animation 2 <animatecolor> is deprecated and shouldn't be used.
... value freeze (keep the state of the last animation frame) | remove (keep the state of the first animation frame) default value remove anima
table no animatemotion for <animatemotion>, fill defines the final state of the animation.
...And 14 more matches
Monitoring downloads - Archive of obsolete content
as a nice bonus, it also demonstrates how to use the storage api to issue sqlite commands on a da
tabase.
...in particular, it needs to get an instance of the download manager's nsidownloadmanager interface and create the da
tabase into which its data will be stored.
... onload: function() { // initialization code this.initialized = true; this.strings = document.getelementbyid("downloadlogger-strings"); this.dlmgr = components.classes["@mozilla.org/download-manager;1"] .getservice(components.interfaces.nsidownloadmanager); this.dlmgr.addlistener(downloadlogger); // open the da
tabase, placing its file in the profile directory this.dbfile = components.classes["@mozilla.org/file/directory_service;1"] .getservice(components.interfaces.nsiproperties) .get("profd", components.interfaces.nsifile); this.dbfile.append("downloadlogger.sqlite"); // get access to the storage service and open the da
tabase this.storageservice = components.classes["@mozilla.org/storage/s...
...And 13 more matches
Textbox (XPFE autocomplete) - Archive of obsolete content
d, forcecomplete, forcecomplete, highlightnonmatches, ignoreblurwhilesearching, ignoreblurwhilesearching, inputtooltiptext, label, maxlength, maxrows, minresultsforpopup, minresultsforpopup, nomatch, onchange, onerrorcommand, oninput, onsearchcomplete, ontextcommand, ontextentered, ontextrevert, ontextreverted, open, readonly, searchsessions, showcommentcolumn, showcommentcolumn, showpopup, size,
tabindex,
tabscrolling,
tabscrolling, timeout, type, useraction, value properties accessible, alwaysopenpopup, autofill, autofillaftermatch, completedefaultindex, crop, disableautocomplete, disabled, edi
table, focused, forcecomplete, highlightnonmatches, ignoreblurwhilesearching, inputfield, issearching, iswaiting, label, maxlength, maxrows, minresultsforpopup, nomatch, open, popup, p...
...opupopen, resultspopup, searchcount, searchparam, searchsessions, selectionend, selectionstart, sessioncount, showcommentcolumn, showpopup, 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.
...for an edi
table menuitem element the value of this attribute is copied to the menulist.value property upon user selection of the menuitem.
...And 13 more matches
menulist - Archive of obsolete content
attributes accesskey, crop, disableautoselect, disabled, edi
table, focused, image, label, oncommand, open, preference, readonly, sizetopopup,
tabindex, value properties accessibletype, crop, description, disableautoselect, disabled, edi
table, editor, image, inputfield, itemcount, label, menuboxobject, menupopup, open, selectedindex, selecteditem,
tabindex, value methods appenditem, contains, getindexofitem, getitematindex, insertitemat, removeallite...
...this attribute applies only to edi
table menulists.
... edi
table type: boolean indicates that the value of the menulist can be modified by typing directly into the value field.
...And 13 more matches
A guide to searching crash reports
specifically, crash-stats offers two basic functions: searching you can search the crash reports da
tabase by over 100 criteria: crash signature, date, platform, product, version, etc.
... by default, the "signature facet"
tab is selected.
... the default search: crash reports if you switch to the "crash reports"
tab you will see results like the ones in the following screenshot.
...And 13 more matches
MediaTrackConstraints - Web APIs
a constraints dictionary is passed into applyconstraints() to allow a script to es
tablish a set of exact (required) values or ranges and/or preferred values or ranges of values for the track, and the most recently-requested set of custom constraints can be retrieved by calling getconstraints().
... for each constraint, you can typically specify an exact value you need, an ideal value you want, a range of accep
table values, and/or a value which you'd like to be as close to as possible.
... properties of all media tracks deviceid a constraindomstring object specifying a device id or an array of device ids which are accep
table and/or required.
...And 12 more matches
Page Visibility API - Web APIs
with
tabbed browsing, there is a reasonable chance that any given webpage is in the background and thus not visible to the user.
... when the user minimizes the window or switches to another
tab, the api sends a visibilitychange event to let listeners know the state of the page has changed.
...for example, if your web app is playing a video, it can pause the video when the user puts the
tab into the background, and resume playback when the user returns to the
tab.
...And 12 more matches
ARIA: gridcell role - Accessibility
it is intended to mimic the functionality of the html td element for
table-style grouping of information.
...instead use the native html td element in conjunction with the and contentedi
table attribute: <td>potato</td> <td>cabbage</td> <td>onion</td> description gridcells with dynamically added, hidden, or removed rows and columns any element with a role="gridcell" applied to it should use aria to describe its order in the
table-style grouping, provided the
table, grid, or treegrid has the ability to have rows and/or columns dynamically added, hidden, or removed.
... this sample code demonstrates a
table-style grouping of information where the third and fourth columns have been removed.
...And 12 more matches
Content Scripts - Archive of obsolete content
there are five basic principles: the add-on's main code, including "main.js" and other modules in "lib", can use the sdk high-level and low-level apis, but can't access web content directly content scripts can't use the sdk's apis (no access to globals exports, require) but can access web content sdk apis that use content scripts, like page-mod and
tabs, provide functions that enable the add-on's main code to load content scripts into web pages content scripts can be loaded in as strings, but are more often stored as separate files under the add-on's "data" directory.
...its "main.js" attaches a content script to the current
tab using the
tabs module.
...the content script simply replaces the content of the page: // main.js var
tabs = require("sdk/
tabs"); var contentscriptstring = 'document.body.innerhtml = "<h1>this page has been eaten</h1>";'
tabs.active
tab.attach({ contentscript: contentscriptstring }); the following high-level sdk modules can use content scripts to modify web pages: page-mod: enables you to attach content scripts to web pages that match a specific url pattern.
...And 11 more matches
page-mod - Archive of obsolete content
a page-mod only attaches scripts to documents loaded in
tabs.
... attachto controls whether to attach scripts to
tabs that were already open when the page-mod was created, and whether to attach scripts to iframes as well as the topmost document.
... mapping workers to
tabs the worker has a
tab property which returns the
tab associated with this worker.
...And 11 more matches
Progress Listeners - Archive of obsolete content
progress listeners progress listeners allow extensions to be notified of events associated with documents loading in the browser and with
tab switching events.
... in the examples below the progress listener is attached to the
tabbrowser, which means you don't get any notifications for inactive
tabs.
... firefox 3.5 includes a way to set up a listener for all
tabs, selected and not: listening to events on all
tabs.
...And 11 more matches
textbox (Toolkit autocomplete) - Archive of obsolete content
earchparam, completedefaultindex, completeselectedindex,crop, disableautocomplete, disabled, disablekeynavigation, enablehistory, focused, forcecomplete, highlightnonmatches, ignoreblurwhilesearching, inputtooltiptext, label, maxlength, maxrows, minresultsforpopup, nomatch, onchange, oninput, onsearchcomplete, ontextentered, ontextreverted, open, readonly,showcommentcolumn, showimagecolumn, size,
tabindex,
tabscrolling, timeout, type, value properties accessibletype, completedefaultindex, controller, crop, disableautocomplete, disablekeynavigation, disabled, edi
table, focused, forcecomplete, highlightnonmatches, ignoreblurwhilesearching, inputfield, label, maxlength, maxrows, minresultsforpopup, open, popup, popupopen, searchcount, searchparam, selectionend, selectionstart, showcomm...
...entcolumn, 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.
...for an edi
table menuitem element the value of this attribute is copied to the menulist.value property upon user selection of the menuitem.
...And 11 more matches
NSS tools : crlutil
name crlutil — list, generate, modify, or delete crls within the nss security da
tabase file(s) and list, create, modify or delete certificates entries in a particular crl.
...please contribute to the initial review in mozilla nss bug 836477[1] description the certificate revocation list (crl) management tool, crlutil, is a command-line utility that can list, generate, modify, or delete crls within the nss security da
tabase file(s) and list, create, modify or delete certificates entries in a particular crl.
... the key and certificate management process generally begins with creating keys in the key da
tabase, then generating and managing certificates in the certificate da
tabase(see certutil tool) and continues with certificates expiration or revocation.
...And 11 more matches
NSS tools : crlutil
name crlutil — list, generate, modify, or delete crls within the nss security da
tabase file(s) and list, create, modify or delete certificates entries in a particular crl.
... synopsis crlutil [options] arguments description the certificate revocation list (crl) management tool, crlutil, is a command-line utility that can list, generate, modify, or delete crls within the nss security da
tabase file(s) and list, create, modify or delete certificates entries in a particular crl.
... the key and certificate management process generally begins with creating keys in the key da
tabase, then generating and managing certificates in the certificate da
tabase(see certutil tool) and continues with certificates expiration or revocation.
...And 11 more matches
Index
52 js::mu
tablehandle jsapi reference, reference, référence(2), spidermonkey here, ptr represents the private member of js::mu
tablehandle<t>, typed with t *.
... 185 js_addargumentformatter jsapi reference, obsolete, spidermonkey js_addargumentformatter es
tablishes formatter as the conversion function for format strings beginning with format in the context cx.
... 249 js_dumpnamedroots jsapi reference, obsolete, spidermonkey each call to js_addnamedroot creates a record in a
table of named roots maintained by the garbage collector.
...And 11 more matches
Index - Firefox Developer Tools
14 browser console browser, debugging, tools, web development, webdevelopment:tools the browser console is like the web console, but applied to the whole browser rather than a single content
tab.
... the browser toolbox's context is the whole browser rather than just single page on a single
tab.
... 37 memory devtools, firefox, mozilla, tools the memory tool lets you take a snapshot of the current
tab's memory heap.
...And 11 more matches
Web Console remoting - Firefox Developer Tools
the web console is split between a client with its user interface, and the server which has listeners for all the things that happen in the
tab.
... to attach to the webconsoleactor, follow these steps: connecttoserver() // the usual list
tabs() pickthe
tabyouwant() debuggerclient.attachconsole(
tab.consoleactor, listeners, onattachconsole) the listeners argument is an array which specifies listeners you want to start in the web console.
... protocol packets look as follows: { "to": "root", "type": "list
tabs" } { "from": "root", "consoleactor": "conn0.console9", "selected": 2, "
tabs": [ { "actor": "conn0.
tab2", "consoleactor": "conn0.console7", "title": "", "url": "https://tbpl.mozilla.org/?tree=fx-team" }, // ...
...And 11 more matches
IDBIndexSync - Web APIs
the idbindexsync interface of the indexeddb api provides synchronous access to an index in a da
tabase.
... method overview any add (in any value, in optional any key) raises (idbda
tabaseexception); any get (in any key) raises (idbda
tabaseexception); any getobject (in any key) raises (idbda
tabaseexception); void opencursor (in optional idbkeyrange range, in optional unsigned short direction) raises (idbda
tabaseexception); void openobjectcursor (in optional idbkeyrange range, in optional unsigned short direction) raises (idbda
tabaseexception); any put (in any value, in optional any key) raises (idbda
tabaseexception); void remove (in any key) raises (idbda
tabaseexception); attributes attribute type description keypath readonly domstring the key path of this index.
... any add( in any value, in optional any key ) raises (idbda
tabaseexception); parameters returns exceptions this method can raise a idbda
tabaseexception with the following code: value the value to store into the index.
...And 11 more matches
href - SVG: Scalable Vector Graphics
value <url> default value none anima
table yes animate, animatemotion, animatetransform, set for the <animate>, <animatemotion>, <animatetransform>, and <set>, href defines a url referring to the element which is the target of this animation element and which therefore will be modified over time.
... value <url> default value none anima
table no discard for <discard>, href defines a url referring the target element to discard.
... value <url> default value none anima
table no feimage for <feimage>, href defines a url referring to an image resource or to an element.
...And 11 more matches
Index of archived content - Archive of obsolete content
hotkeys indexed-db l10n notifications page-mod page-worker panel passwords private-browsing querystring request selection self simple-prefs simple-storage system
tabs timers ui url widget windows low-level apis /loader chrome console/plain-text console/traceback content/content content/loader content/mod content/sy...
...latform/xpcom preferences/event-target preferences/service remote/child remote/parent stylesheet/style stylesheet/utils system/child_process system/environment system/events system/runtime system/unload system/xul-app
tabs/utils test/assert test/harness test/httpd test/runner test/utils ui/button/action ui/button/toggle ui/frame ui/id ui/sidebar ui/toolbar util/array util/collection util/deprecate util/list ...
... implementing the widget overview storing annotations chrome authority creating event targets creating reusable modules developing for firefox mobile display a popup getting started (jpm) getting started (cfx) list open
tabs listen for page load listening for load and unload localization logging modifying web pages based on url modifying the page hosted by a
tab open a web page troubleshooting unit testing using xpcom without chrome using third-party modules (jpm) ...
...And 10 more matches
Content Panels - Archive of obsolete content
a similar element,
tabbrowser, provides the functionality of browser but also provides a
tab bar for switching between multiple pages.
... this is the widget used by the mozilla browser for its
tabbed browsing interface.
... the
tabbrowser element is actually implemened as a
tabbox containing a set of browser elements.
...And 6 more matches
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"/>...
...for an edi
table menuitem element the value of this attribute is copied to the menulist.value property upon user selection of the menuitem.
...
tabindex type: integer the
tab order of the element.
...And 6 more matches
tree - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] a container which can be used to hold a
tabular or hierarchical set of rows of elements.
...this type is sui
table for rdf generated trees with a fairly small number of rows.
... attributes disablekeynavigation, disabled, edi
table, enablecolumndrag, flags, hidecolumnpicker, onselect, rows, seltype, statedatasource,
tabindex, treelines properties accessibletype, builderview, columns, contentview, currentindex, disablekeynavigation, disabled, editingcolumn, editingrow, enablecolumndrag, firstordinalcolumn, inputfield, seltype, selstyle,
tabindex, treeboxobject, view examples a tree with several columns <tree flex=...
...And 6 more matches
Theme changes in Firefox 3 - Archive of obsolete content
the
table lists both the changed xul file and the theme's corresponding css file that you might need to update.
... filename css file details changes to the default theme the
table below lists changes made in the default theme for firefox 3; you can use this information as a starting point for figuring out the changes you need to make.
... all file list all platforms file description of change browser/themes/*/browser/browser.css the width of the drag and drop indicator is no longer calculated during the drag (
tabbrowser.xml).
...And 6 more matches
RDF in Mozilla FAQ - Archive of obsolete content
first, it is a simple, cross-platform da
tabase for small data stores.
... the rdf service manages a
table of all loaded datasources.
... the
table is keyed by the datasource's "uri", which is either the url of an rdf/xml file, or a "special" uri starting with rdf: that refers to a built-in datasource.
...And 6 more matches
What are browser developer tools? - Learn web development
if you don't see the inspector, tap/click the inspector
tab.
... you'll notice a number of clickable
tabs at the top of the css viewer: computed: this shows the computed styles for the currently selected element (the final, normalized values that the browser applies).
... fonts: in firefox, the fonts
tab shows the fonts applied to the current element.
...And 6 more matches
Strategies for carrying out testing - Learn web development
by coding defensively, we mean trying to build in intelligent fallbacks so that if a feature or style doesn't work in a browser, the site will be able to downgrade to something less exciting that still provides an accep
table user experience — the core information is still accessible, for example, even if it doesn't look quite as nice.
...you should ideally test these on both a phone and a
tablet, to make sure that responsive designs are working ok.
... this gives us the following support chart so far: a grade: chrome and firefox for windows/mac, safari for mac, edge and ie for windows (last two versions of each), ios safari for iphone/ipad, android stock browser (last two versions) on phone/
tablet, chrome and firefox for android (last two versions) on phone
tablet b grade: ie 9 for windows c grade: n/a if you live somewhere else, or are working on a site that will serve somewhere else (e.g.
...And 6 more matches
NSS_3.12_release_notes.html
nss 3.12 release notes 17 june 2008 newsgroup: mozilla.dev.tech.crypto contents introduction distribution information new in nss 3.12 bugs fixed documentation compatibility feedback introduction network security services (nss) 3.12 is a minor release with the following new features: sqlite-based shareable certificate and key da
tabases libpkix: an rfc 3280 compliant certificate path validation library camellia cipher support tls session ticket extension (rfc 5077) nss 3.12 is tri-licensed under the mpl 1.1/gpl 2.0/lgpl 2.1.
... note: firefox 3 uses nss 3.12, but not the new sqlite-based shareable certificate and key da
tabases.
...bug 391291: shared da
tabase integrity checks not yet implemented.
...And 6 more matches
NSS 3.35 release notes
no
table changes in nss 3.35 previously, nss used the dbm file format by default.
... if nss is initialized, in read-write mode with a da
tabase directory provided, it uses da
tabase files to store certificates, key, trust, and other information.
... nss supports two different da
tabase file formats: dbm: the legacy file format, based on berkeley db, using filenames cert8.db, key3.db and secmod.db.
...And 6 more matches
sslcrt.html
upgraded documentation may be found in the current nss reference certificate functions chapter 5 certificate functions this chapter describes the functions and related types used to work with a certificate da
tabase such as the cert7.db da
tabase provided with communicator.
... syntax #include <cert.h> secstatus cert_verifycertnow( certcertdbhandle *handle, certcertificate *cert, prbool checksig, seccertusage certusage, void *wincx); parameters this function has the following parameters: handle a pointer to the certificate da
tabase handle.
... getting certificate information cert_findcertbyname cert_getcertnicknames cert_freenicknames cert_getdefaultcertdb nss_findcertkeatype cert_findcertbyname finds the certificate in the certificate da
tabase with a specified dn.
...And 6 more matches
Rhino Debugger
console window the debugger redirects the system.out, system.in, and system.err streams to an internal javascript console window which provides an edi
table command line for you to enter javascript code and view system output.
... if the selected line contains execu
table code a red dot will appear next to the line number and a breakpoint will be set at that location.
... viewing variables the lower-left (dockable) pane in the debugger main window contains a
tab-pane with two
tabs, labeled "this" and "locals".
...And 6 more matches
nsITreeView
layout/xul/base/src/tree/public/nsitreeview.idlscrip
table this interface is used by the tree widget to get information about what and how to display a tree widget.
... inherits from: nsisupports last changed in gecko 22 (firefox 22 / thunderbird 22 / seamonkey 2.19) implementing a nsitreeview in lieu of dom methods for tree creation can improve performance dramatically, and removes the need to make changes to the tree manually when changes to the da
tabase occur.
...long getprogressmode(in long row, in nsitreecolumn col); astring getrowproperties(in long index, in nsisupportsarray properties obsolete since gecko 22); boolean hasnextsibling(in long rowindex, in long afterindex); boolean iscontainer(in long index); boolean iscontainerempty(in long index); boolean iscontaineropen(in long index); boolean isedi
table(in long row, in nsitreecolumn col); boolean isselec
table(in long row, in nsitreecolumn col); boolean isseparator(in long index); boolean issorted(); void performaction(in wstring action); void performactiononcell(in wstring action, in long row, in nsitreecolumn col); void performactiononrow(in wstring action, in long row); void sel...
...And 6 more matches
Storage Inspector - Firefox Developer Tools
indexeddb — all indexeddb da
tabases created by the page or any iframes inside the page, their object stores and the items stored in these object stores.
... storage inspector user interface the storage inspector ui is split into three main components: storage tree
table widget sidebar storage tree the storage tree lists all the storage types that the storage inspector can inspect: under each type, objects are organized by origin.
... under "cache storage", objects are organized by origin and then by the name of the cache: indexeddb objects are organized by origin, then by da
tabase name, then by object store name: with the cookies, local storage, and session storage types, there's only one level in the hierarchy, so stored items are listed directly under each origin: you can click on each item in the tree to expand or collapse its children.
...And 6 more matches
Document.execCommand() - Web APIs
when an html document has been switched to designmode, its document object exposes an execcommand method to run commands that manipulate the current edi
table region, such as form inputs or contentedi
table elements.
...when using contentedi
table, execcommand() affects the currently active edi
table element.
... contentreadonly makes the content document either read-only or edi
table.
...And 6 more matches
editor - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] a frame which is expected to contain an edi
table document.
...however, text editing, image resizing, and
table row and cell editing capabilities are provided.
... if you do not set the editortype attribute on an editor, you must enable editing using the makeedi
table method.
...And 5 more matches
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: char...
...for an edi
table menuitem element the value of this attribute is copied to the menulist.value property upon user selection of the menuitem.
...
tabindex type: integer the
tab order of the element.
...And 5 more matches
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...
...for an edi
table menuitem element the value of this attribute is copied to the menulist.value property upon user selection of the menuitem.
...
tabindex type: integer the
tab order of the element.
...And 5 more matches
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" disabled="true"/> </radiogroup> attributes accesskey type: cha...
...for an edi
table menuitem element the value of this attribute is copied to the menulist.value property upon user selection of the menuitem.
...
tabindex type: integer the
tab order of the element.
...And 5 more matches
textbox - Archive of obsolete content
attributes cols, decimalplaces, disabled, emptytext, hidespinbuttons, increment, label, max, maxlength, min, multiline, newlines, onblur, onchange, onfocus, oninput, placeholder, preference, readonly, rows, searchbutton, size, spellcheck,
tabindex, timeout, type, value, wrap, wraparound properties accessibletype, clickselectsall, decimalplaces, decimalsymbol, defaultvalue, disabled, editor, emptytext, increment, inputfield, label, max, maxlength, min, placeholder, readonly, searchbutton, selectionend, selectionstart, size, spinbuttons,
tabindex, textlength, timeout, type, value, valuenumber, wraparound methods decrease, incr...
...--> <input type="text" spellcheck="true" /><br /> <textarea spellcheck="true"></textarea> <div contentedi
table="true" spellcheck="true">i am some content</div> <!-- spellcheck nothing!
... --> <input type="text" spellcheck="false" /><br /> <textarea spellcheck="false"></textarea> <div contentedi
table="true" spellcheck="false">i am some content</div> you can use spellcheck on input, textarea, and contentedi
table elements.
...And 5 more matches
treecol - Archive of obsolete content
attributes crop, cycler, dragging, edi
table, fixed, hidden, hideheader, ignoreincolumnpicker, label, primary, sort, sortactive, sortdirection, src, type, width properties accessibletype style classes treecol-image examples this example shows a checkbox in the first column, requires the style below.
... <tree flex="1" edi
table="true"> <treecols> <treecol label="active" type="checkbox" edi
table="true"/> <treecol label="name" flex="1" /> </treecols> <treechildren> <treeitem> <treerow> <treecell value="true"/> <treecell label="alice"/> </treerow> </treeitem> <treeitem> <treerow> <treecell value="false"/> <treecell label="bob"/> </treerow> </treeitem> </treechildren> </tree> to make the checkbox visible on some platforms, the following styles need to be added to the stylesheet (see treecol.type).
... edi
table type: boolean allows the contents of cells in the column to be changed, especially useful when type="checkbox".
...And 5 more matches
Archived Mozilla and build documentation - Archive of obsolete content
jetpack litmus tests litmus tests are (non-automated) tests that are documented in the litmus da
tabase.
...
table cellmap the
table layout use the cellmap for two purposes:
table cellmap - border collapse this document describes the additional information that is stored for border collapse
tables in the cellmap.
...
table layout regression tests changes in layout, parser and content code can have unintended side effects, also known as regressions.
...And 5 more matches
Tips for authoring fast-loading HTML pages - Learn web development
chunk your content
tables for layouts are a legacy method that should not be used anymore.
...
tables are still considered valid markup but should be used for displaying
tabular data.
... to help the browser render your page quicker, you should avoid nesting your
tables.
...And 5 more matches
Getting started with Svelte - Learn web development
gitbash (which comes as part of the git for windows toolset) or windows subsystem for linux (wsl) are both sui
table.
... you can see this in action by opening localhost:5000 in a new browser
tab, right/ctrl-clicking on the hello world!
...this is execu
table code that needs to be parsed, executed, and kept in memory.
...And 5 more matches
Debugging on Windows
this will also create a visual c++ mozilla project in the directory of the execu
table by default.
...if you want to debug a content process, you can hover on the
tab of page you want to debug, which would show the pid.
... changing/setting the execu
table to debug vc++ 6.0: to change or set the execu
table to debug, go to project > settings..., debug
tab and select general from the drop down list.
...And 5 more matches
Gecko Profiler FAQ
therefore the gecko profiler is not a sui
table tool for finding hotspots within a single function.
... overview of the changes in the last (year?) to cleopatra/etc faster, hopefully more reliable has a timeline
tab lets you hide threads with a context menu supports symbolication for local builds on windows if you run “mach buildsymbols” first profiling non-nsthreads?
... for example, we have observed that the first access to large hash
tables when doing a hash
table lookup can incur a page fault in many cases, and while the specific reason behind each one of those page faults may be different, the general conclusion from that observation would be something about the overall efficiency of your memory access patterns.
...And 5 more matches
Midas
when midas is enabled, the document becomes edi
table by the user.
...internet explorer supports the ability to make an entire document edi
table by setting the designmode property of the document object; this is how midas is invoked in gecko.
... internet explorer also supports the ability to edit specific elements using the contentedi
table attribute; starting with firefox 3, gecko also supports contentedi
table.
...And 5 more matches
Rhino serialization
rhino serialization apis two new classes, scrip
tableoutputstream and scrip
tableinputstream, were introduced to handle serialization of rhino classes.
...writing an object to a file can be done in a few lines of java code: fileoutputstream fos = new fileoutputstream(filename); scrip
tableoutputstream out = new scrip
tableoutputstream(fos, scope); out.writeobject(obj); out.close(); here filename is the file to write to, obj is the object or function to write, and scope is the top-level scope containing obj.
... reading the serialized object back into memory is similarly simple: fileinputstream fis = new fileinputstream(filename); objectinputstream in = new scrip
tableinputstream(fis, scope); object deserialized = in.readobject(); in.close(); again, we need the scope to create our serialization stream class.
...And 5 more matches
SpiderMonkey Internals
interpreter like many por
table interpreters, spidermonkey's interpreter is mainly a single, tremendously long function that steps through the bytecode one instruction at a time, using a switch statement (or faster alternative, depending on the compiler) to jump to the appropriate chunk of code for the current instruction.
... the compiler consists of: a random-logic rather than
table-driven lexical scanner, a recursive-descent parser that produces an ast, and a tree-walking code generator.
... the atom manager consists of a hash
table associating strings uniquely with scanner/parser information such as keyword type, index in script or function literal pool, etc.
...And 5 more matches
WebReplayRoadmap
the bug only needs to be reproduced in a recording
tab once, and then console logs can be added which apply throughout the entire recording.
... in a non-recording
tab this will update the console whenever the log point's location executes in the future.
... in a recording
tab, however, this will update the console with messages for every time the location has ever been hit.
...And 5 more matches
An Overview of XPCOM
gecko is used in many internet applications, mostly browsers and most no
tably mozilla firefox.
...in component-based programming, a component guarantees that the interfaces it provides will be immu
table - that they will provide the same access to the same methods across different versions of the component - es
tablishing a contract with the software clients that use it.
... someclass class initialization class someclass { public: // constructor someclass(); // virtual destructor virtual ~someclass(); // init method void init(); void dosomethinguseful(); }; for this system to work properly, the client programmer must pay close attention to whatever rules the component programmer has es
tablished.
...And 5 more matches
IAccessibleText
other-licenses/ia2/accessibletext.idlnot scrip
table a structure containing a substring and the start and end offsets in the enclosing string.
...lists, trees, and
tables can have a large number of children and thus it's possible that the child objects for those controls would only be created as needed.
...lists, trees, and
tables can have a large number of children and thus it's possible that the child objects for those controls would only be created as needed.
...And 5 more matches
nsIDBChangeListener
the nsidbchangelistener interface is used by components wanting to receive notification when the current da
tabase changes somehow.
...ator) {}, onevent: function(adb, aevent) {}, queryinterface: function(aiid) { if (!aiid.equals(components.interfaces.nsidbchangelistener) && !aiid.equals(components.interfaces.nsisupports)) throw components.results.ns_error_no_interface; return this; } }; and to attach it in thunderbird, we must call addlistener on a nsidbchangeannouncer, typically through a nsimsgda
tabase.
... there are a couple of ways to access the message da
tabase: if you have a nsimsgfolder, you can do this like so: somefolder.msgda
tabase.addlistener(mylistener); alternately, you can access the message da
tabase through the nsimsgdbview like so: gfolderdisplay.view.dbview.db.addlistener(mylistener); method overview void onhdrflagschanged(in nsimsgdbhdr ahdrchanged, in unsigned long aoldflags, in unsigned long anewflags, in nsidbchangelistener ainstigator); void onhdrdeleted(in nsimsgdbhdr ahdrchanged, in nsmsgkey aparentkey, in long aflags, in nsidbchangelistener ainstigator); void onhdradded(in nsimsgdbhdr ahdrchanged, in nsmsgkey aparentkey, in long aflags, in nsidbchangelistener ainstigator); void onparentchanged(in nsmsgkey akeychanged, in nsmsgk...
...And 5 more matches
nsIDocShell
docshell/base/nsidocshell.idlscrip
table ???
... void setcurrenturi(in nsiuri auri); void suspendrefreshuris(); void
tabtotreeowner(in boolean forward, out boolean tookfocus); attributes attribute type description allowauth boolean certain dochshells (like the message pane) should not throw up auth dialogs because it can act as a password trojan.
...called by the focus manager when the user
tabs to the frame rather than an element.
...And 5 more matches
nsIEditor
« xpcom api reference editor/nsieditor.idlscrip
table provides methods and attributes used when editing page content.
...ction(); output methods astring outputtostring(in astring formattype, in unsigned long flags); example: // flags are declared in base/public/nsidocumentencoder.idl // outputselectiononly = 1, outputformatted = 2, // outputraw = 4, outputbodyonly = 8, // outputpreformatted = 16, outputwrap = 32, // outputformatflowed = 64, outpu
tabsolutelinks = 258, // outputencodew3centities = 256, outputcrlinebreak = 512, // outputlflinebreak = 1024, outputnoscriptcontent = 2048, // outputnoframescontent = 4096, outputnoformattinginpre = 8192, // outputencodebasicentities=16384, outputencodelatin1entities=32768, // outputencodehtmlentities=65536, outputpersistnbsp=131072 editorapi.outputtostring('text/html', 2); editorapi.ou...
... isdocumentedi
table prbool read only.
...And 5 more matches
nsIProcess
xpcom/threads/nsiprocess.idlscrip
table this interface represents an execu
table process.
...to create an instance, use: var process = components.classes["@mozilla.org/process/util;1"] .createinstance(components.interfaces.nsiprocess); method overview void init(in nsifile execu
table); void initwithpid(in unsigned long pid); obsolete since gecko 1.9.2 void kill(); void run(in boolean blocking, [array, size_is(count)] in string args, in unsigned long count); void runasync([array, size_is(count)] in string args, in unsigned long count, [optional] in nsiobserver observer, [optional] in boolean holdweak); void runw(in boolean blocking, [array, size_is(count)] in wstring...
... location nsifile the location of the execu
table file on disk.
...And 5 more matches
Address book sync client design
the general architecture for the sync component is the following: mozilla ui ab sync logic mork ab da
tabase sync protocol encoding sync protocol decoding http "post" api mozilla networking client side sync logic the client synchronization logic defers to the server peforming some intelligence in handling duplicate entries for the sync process.
... // // the client keeps a sync mapping
table which holds the following: // // serverrecordid - unique id for a record provided by the // uab server.
... // // step 1: // when the user begins a sync, run through the local da
tabase and update the // sync mapping
table.
...And 5 more matches
Zombie compartments
1.03 mb (00.21%) -- scripts │ │ │ │ │ ├──0.72 mb (00.14%) ── gc-heap [2] │ │ │ │ │ └──0.31 mb (00.06%) ── malloc-heap/data [2] │ │ │ │ ├──0.80 mb (00.16%) -- type-inference │ │ │ │ │ ├──0.66 mb (00.13%) ── type-scripts [2] │ │ │ │ │ ├──0.13 mb (00.03%) ── allocation-site-
tables [2] │ │ │ │ │ └──0.02 mb (00.00%) ── object-type-
tables [2] │ │ │ │ └──0.01 mb (00.00%) -- sundries │ │ │ │ ├──0.01 mb (00.00%) ── malloc-heap [2] │ │ │ │ └──0.00 mb (00.00%) ── gc-heap [2] │ │ │ └───5.83 mb (01.17%) -- (4 tiny) │ │ │ ├──4.19 mb (00.84%) ++...
... layout │ │ │ ├──1.03 mb (00.21%) ── style-sheets [2] │ │ │ ├──0.60 mb (00.12%) ++ dom │ │ │ └──0.01 mb (00.00%) ── property-
tables [2] │ │ ├───8.86 mb (01.78%) -- cached/window(https://www.google.de/?gws_rd=ssl) │ │ │ ├──4.23 mb (00.85%) -- layout │ │ │ │ ├──3.80 mb (00.76%) ── style-sets │ │ │ │ ├──0.29 mb (00.06%) ── pres-shell │ │ │ │ ├──0.05 mb (00.01%) ── rule-nodes │ │ │ │ ├──0.04 mb (00.01%) ── style-contexts │ │ │ │ ├──0.03 mb (00.01%) -- frames │ │ │ │ │ ├──0.02 mb (00.00%) ── sundries │ │ │ │ │ └──0.01 mb (00.00%) ──...
... -- dom │ │ │ │ ├──0.17 mb (00.04%) ── text-nodes │ │ │ │ ├──0.13 mb (00.03%) ── element-nodes │ │ │ │ ├──0.02 mb (00.00%) ── other │ │ │ │ ├──0.01 mb (00.00%) ── orphan-nodes │ │ │ │ └──0.00 mb (00.00%) ── event-targets │ │ │ └──0.00 mb (00.00%) ── property-
tables │ │ └───5.93 mb (01.19%) -- js-zone(0x13ffa0000) │ │ ├──1.92 mb (00.39%) ── unused-gc-things │ │ ├──1.28 mb (00.26%) -- lazy-scripts │ │ │ ├──1.03 mb (00.21%) ── gc-heap │ │ │ └──0.25 mb (00.05%) ── malloc-heap │ │ ├──1.24 mb (00.25%) ── type-pool │ │ ├──1.
...And 5 more matches
Add to iPhoto
cfmu
tablearray one thing about core foundation types that is interesting is the use of regular and mu
table versions of the same data types.
...that's where the cfmu
tablearray type comes into play.
... all cfarray functions accept cfmu
tablearray objects, so you can use cfmu
tablearray with any routine that accepts a cfarray as input, but cfmu
tablearray supports additional functions that let you change the contents of the array.
...And 5 more matches
Browser Console - Firefox Developer Tools
the browser console is like the web console, but applied to the whole browser rather than a single content
tab.
...however, rather than logging this information for a single content
tab, it logs information for all content
tabs, for add-ons, and for the browser's own code.
...this means you can interact with all the browser's
tabs using the gbrowser global, and even with the xul used to specify the browser's user interface.
...And 5 more matches
All keyboard shortcuts - Firefox Developer Tools
i or f12 cmd + opt + i or f12 ctrl + shift + i or f12 close toolbox (if the toolbox is in a separate window and in foreground) ctrl + shift + i or f12 cmd + opt + i or f12 ctrl + shift + i or f12 open web console 1 ctrl + shift + k cmd + opt + k ctrl + shift + k toggle "pick an element from the page" (opens the toolbox and/or focus the inspector
tab) ctrl + shift + c cmd + opt + c ctrl + shift + c open style editor shift + f7 shift + f7 * shift + f7 open profiler shift + f5 shift + f5 * shift + f5 open network monitor 2 ctrl + shift + e cmd + opt + e ctrl + shift + e toggle responsive design mode ctrl + shift + m cmd + opt + m ctrl + shift + m open brow...
... command windows macos linux increase font size ctrl + + cmd + + ctrl + + decrease font size ctrl + - cmd + - ctrl + - reset font size ctrl + 0 cmd + 0 ctrl + 0 source editor this
table lists the default shortcuts for the source editor.
...f cmd + f ctrl + f select all ctrl + a cmd + a ctrl + a cut ctrl + x cmd + x ctrl + x copy ctrl + c cmd + c ctrl + c paste ctrl + v cmd + v ctrl + v undo ctrl + z cmd + z ctrl + z redo ctrl + shift + z / ctrl + y cmd + shift + z / cmd + y ctrl + shift + z / ctrl + y indent
tab tab tab unindent shift +
tab shift +
tab shift +
tab move line(s) up alt + up alt + up alt + up move line(s) down alt + down alt + down alt + down comment/uncomment line(s) ctrl + / cmd + / ctrl + / page inspector command windows macos linux inspect element ctrl + shift + c cmd...
...And 5 more matches
Edit fonts - Firefox Developer Tools
note: the updated font tools as shown in this article are available in firefox 63 onwards; if you are using an older version of firefox the tools will not look or behave quite the same, but they will be similar (most no
tably the font editor will not be available).
... the fonts
tab the fonts
tab is located on the right-hand side of the page inspector when it is docked to the bottom of the screen.
... when it is docked to the right or left sides of the screen, the fonts
tab appears beneath the html pane.
...And 5 more matches
How whitespace is handled by HTML, CSS, and in the DOM - Web APIs
whitespace is any string of text composed only of spaces,
tabs or line breaks (to be precise, crlf sequences, carriage returns or line feeds).
...to make it easier, we’ve illustrated all spaces with ◦, all
tabs with ⇥ , and all line breaks with ⏎: this example: <h1>◦◦◦hello◦⏎ ⇥⇥⇥⇥<span>◦world!</span>⇥◦◦</h1> is rendered in the browser like so: hidden example <h1> hello <span> world!</span> </h1> the <h1> element contains only inline elements.
... in fact it contains: a text node (consisting of some spaces, the word "hello" and some
tabs).
...And 5 more matches
Element.getClientRects() - Web APIs
for
tables with captions, the caption is included even though it's outside the border box of the
table.
... when called on svg elements other than an outer-<svg>, the "viewport" that the resulting rectangles are relative to is the viewport that the element's outer-<svg> es
tablishes (and to be clear, the rectangles are also transformed by the outer-<svg>'s viewbox transform, if any).
...</strong> <ol> <li>item 1</li> <li>item 2</li> </ol> </div> <div> <strong>ol's rect</strong> <ol class="withclientrectsoverlay"> <li>item 1</li> <li>item 2</li> </ol> </div> <div> <strong>each li's rect</strong> <ol> <li class="withclientrectsoverlay">item 1</li> <li class="withclientrectsoverlay">item 2</li> </ol> </div> example 3: this html creates two
tables with captions.
...And 5 more matches
IDBFactorySync - Web APIs
the idbfactorysync interface of the indexeddb api provide a synchronous means of accessing the capabilities of indexed da
tabases.
... method overview idbda
tabasesync open (in domstring name, in domstring description, in optional boolean modifyda
tabase) raises (idbda
tabaseexception); methods open() opens and returns a connection to a da
tabase.
...if there is already a da
tabase with the specified name, it uses that one; otherwise, it creates the da
tabase using the specified name and description.
...And 5 more matches
MathML documentation index - MathML
html becomes verbose when your document contains advanced structures like lists or
tables but fortunately there are many generators from simple notations, wysiwyg editors and other content management systems to help writing web pages.
... 18 <mlabeledtr> mathml, mathml reference, mathml:element, mathml:
tabular math the mathml <mlabeledtr> element is used to represent a label in a row either on the left or on the right side (determined using the side attribute on the <m
table> element).
... 34 <m
table> mathml, mathml reference, mathml:element, mathml:
tabular math the mathml <m
table> element allows you to create
tables or matrices.
...And 5 more matches
Image file type and format guide - Web media technologies
abbreviation file format mime type file extension(s) browser compatibility apng animated por
table network graphics image/apng .apng chrome, edge, firefox, opera, safari bmp bitmap file image/bmp .bmp chrome, edge, firefox, internet explorer, opera, safari gif graphics interchange format image/gif .gif chrome, edge, firefox, internet explorer, opera, safari ico microsoft icon image/x-icon .ico, .cur chrome, edge, firefox...
..., internet explorer, opera, safari jpeg joint photographic expert group image image/jpeg .jpg, .jpeg, .jfif, .pjpeg, .pjp chrome, edge, firefox, internet explorer, opera, safari png por
table network graphics image/png .png chrome, edge, firefox, internet explorer, opera, safari svg scalable vector graphics image/svg+xml .svg chrome, edge, firefox, internet explorer, opera, safari tiff tagged image file format image/tiff .tif, .tiff none built-in; add-ons required webp web picture format image/webp .webp chrome, edge, firefox, opera the abbreviation for each format links to a longer description of the format, its capabilities, and detailed browser compatibility information; including...
... in the
tables below, the term bits per component refers to the number of bits used to represent each color component.
...And 5 more matches
<altGlyph> - SVG: Scalable Vector Graphics
value type: <list-of-coordinates> ; default value: absolute x-coordinate of ancestor <text> or <tspan>; anima
table: yes y this attribute defines the corresponding absolute y-coordinates for rendering the element.
... value type: <list-of-coordinates> ; default value: absolute y-coordinate of ancestor <text> or <tspan>; anima
table: yes dx this attribute indicates a shift along the x-axis on the position of the element.
... value type: <list-of-coordinates> ; default value: relative x-coordinate of ancestor <text> or <tspan>; anima
table: yes dy this attribute indicates a shift along the x-axis on the position of the element.
...And 5 more matches
<text> - SVG: Scalable Vector Graphics
value type: <length>|<percentage> ; default value: 0; anima
table: yes y the y coordinate of the starting point of the text baseline.
... value type: <length>|<percentage> ; default value: 0; anima
table: yes dx shifts the text position horizontally from a previous text element.
... value type: <length>|<percentage> ; default value: none; anima
table: yes dy shifts the text position vertically from a previous text element.
...And 5 more matches
<tspan> - SVG: Scalable Vector Graphics
value type: <length>|<percentage> ; default value: none; anima
table: yes y the y coordinate of the starting point of the text baseline.
... value type: <length>|<percentage> ; default value: none; anima
table: yes dx shifts the text position horizontally from a previous text element.
... value type: <length>|<percentage> ; default value: none; anima
table: yes dy shifts the text position vertically from a previous text element.
...And 5 more matches
Caching compiled WebAssembly modules - WebAssembly
caching via indexeddb indexeddb is a transactional da
tabase system that allows you to store and retrieve structured data on the client-side.
...additionally, it handles creating a da
tabase to cache the compiled wasm modules in, attempts to store new modules in the da
tabase, and retrieves previously cached modules from the da
tabase, saving you from having to download them again.
... the function starts off by defining some necessary constants: function instantiatecachedurl(dbversion, url, importobject) { const dbname = 'wasm-cache'; const storename = 'wasm-cache'; setting up the da
tabase the first helper function contained inside instantiatecachedurl() — openda
tabase() — creates an object store for storing wasm modules, and also handles clearing out the da
tabase if the dbversion is updated; it returns a promise resolving to the new da
tabase.
...And 5 more matches
SDK API Lifecycle - Archive of obsolete content
it has two main components: a s
tability index that defines how s
table each module is a deprecation process that defines when and how s
table sdk apis can be changed or removed from future versions of the sdk while giving developers enough time to update their code.
... s
tability index the s
tability index is adopted from node.js.
... the sdk uses only four of the six values defined by node.js: experimental the module is not yet s
tabilized.
...And 4 more matches
Working with Events - Archive of obsolete content
so there are two main ways you will interact with the eventemitter framework: listening to built-in events emitted by objects in the sdk, such as
tabs opening, pages loading, mouse clicks sending and receiving user-defined events between content scripts and add-on code this guide only covers the first of these; the second is explained in the working with content scripts guide.
... for example, the following add-on registers a listener with the
tabs module to listen for the ready event, and logs a string to the console reporting the event: var
tabs = require("sdk/
tabs");
tabs.on("ready", function () { console.log("
tab loaded"); }); it is not possible to enumerate the set of listeners for a given event.
...ar panel = panels.panel({ contenturl: self.data.url("panel.html") }); panel.on("*", function(e) { console.log("event " + e + " was emitted"); }); var button = ui.actionbutton({ id: "my-button", label: "my button", icon: "./icon-16.png", onclick: handleclick }); function handleclick(state) { panel.show({ position: button }); } this wildcard feature does not yet work for the
tabs or windows modules.
...And 4 more matches
remote/parent - Archive of obsolete content
this includes the content of every
tab in an application like firefox and also some other ui elements.
... each frame loads in a process but sometimes the application may choose to switch from loading a
tab in one process to another.
... in this case the frame for that
tab changes.
...And 4 more matches
Forms related code snippets - Archive of obsolete content
|*| http://www.gnu.org/licenses/gpl-3.0-standalone.html |*| \*/ (function () { function datepicker (otarget) { const o
table = document.createelement("
table"), ohrow = document.createelement("tr"), othead = document.createelement("thead"), ocapt = document.createelement("caption"), odecryear = document.createelement("span"), oincryear = document.createelement("span"), odecrmonth = document.createelement("span"), oincrmonth = document.createelement("span"); var nid = ainstances.length, ot...
...h; this.target = otarget; this.display = document.createelement("span"); this.current = new date(); this.container = o
table; this.display.classname = sprefs + "-current-month"; this.id = nid; o
table.classname = sprefs + "-calendar"; o
table.id = sprefs + "-cal-" + nid; odecryear.classname = sprefs + "-decrease-year"; odecrmonth.classname = sprefs + "-decrease-month"; oincrmonth.classname = sprefs + "-increase-month"; oincryear.classname = sprefs + "-increase-year"; odecryear.innerhtml = "\u00ab"; /* « */ odecrmonth.innerhtml = "\u003c"; /* < */ oincrmonth.innerhtml = "\u003e"; /* > */ oincryear.innerhtml = "\u00bb"; /* » */ odecryear.id = sprefs + "-decr-year-" + nid; odecrmonth.id = sprefs + "-decr-mont...
... ohrow.appendchild(oth); } othead.appendchild(ohrow); ocapt.appendchild(odecryear); ocapt.appendchild(odecrmonth); ocapt.appendchild(oincryear); ocapt.appendchild(oincrmonth); ocapt.appendchild(this.display); this.container.appendchild(ocapt); this.container.appendchild(othead); this.current.setdate(1); this.writedays(); otarget.onclick = function () { if (o
table.parentnode) { o
table.parentnode.removechild(o
table); return; } o
table.style.zindex = nzindex++; o
table.style.position = "absolute"; o
table.style.left = otarget.offsetleft + "px"; o
table.style.top = (otarget.offsettop + otarget.offsetheight) + "px"; otarget.parentnode.insertbefore(o
table, otarget); }; ainstances.push(this); } dat...
...And 4 more matches
Signing an extension - Archive of obsolete content
in the options window, open the advanced panel, then select the encryption
tab.
... in the certificate manager, select the your certificates
tab.
... create a certificate da
tabase first, create a certificate da
tabase that will be used for signing.
...And 4 more matches
CSS3 - Archive of obsolete content
the ability to specify the sequential navigation order (that is the
tabbing order ) using the css nav-index, nav-up, nav-right, nav-left, nav-down properties.
... s
table modules a few css modules are already fairly s
table and have reached one of the three recommendation level of the csswg: candidate recommendation, proposed recommendation or recommendation.
... these can be used without prefix and are pretty s
table, though a few features can still be dropped at the candidate recommendation stage.
...And 4 more matches
Running Tamarin performance tests - Archive of obsolete content
running the performance tests requires the following steps: set the avm environment variable to the path of the avmshell execu
table.
... --ascargs args to pass to asc on rebuild of test files --vmargs args to pass to vm --timeout max time to run all tests --testtimeout max time to let a test run, in sec (default -1 = never timeout) --html also create an html output file --notimecheck do not recompile .abc if timestamp is older than .as --java location of java execu
table (default=java) --javaargs arguments to pass to java --random run tests in random order --seed explicitly specify random seed for --random -s --avm2 second avmplus command to use --avmname nickname for avm to use as column header --avm2name nickname for avm2 to use as column header --detail display results in 'old-style' for...
...ttvmi (tamarin-tracing interp) -m --memory logs the high water memory mark --aotsdk location of the aot sdk used to compile tests to standalone execu
tables.
...And 4 more matches
Tamarin build documentation - Archive of obsolete content
building tamarin building tamarin will create all the libraries for the avmplus and garbage collector (mmgc), and create a standalone execu
table (shell) for executing files in the abc file format.
... the avmplus execu
table is avmshell.
... note: now that bug 478714 has been fixed, the name of the (shell) execu
table will always be "avm.exe" no matter which build configuration you select.
...And 4 more matches
Venkman Introduction - Archive of obsolete content
figure 6 shows the
table of icon and file types.
... at the time of this writing, the local variables view's default sort order and grouping are not adjus
table.
...breakpoints cannot be set on lines which do not contain execu
table code, such as blank and comment lines.
...And 4 more matches
Anonymous Content - Archive of obsolete content
anonymous content can receive focus when the user
tabs through the document.
...if the anonymous content is focusable, it can be
tabbed into, but if the bound element is not focusable, the event will be stopped before it reaches the bound element.
... in html4 the
tabindex attribute can be used to specify the
tab order for focusable elements.
...And 4 more matches
Getting File Information - Archive of obsolete content
file and stream guide: [ nsiscrip
tableio | accessing files | getting file information | reading from files | writing to files | moving, copying and deleting files | uploading and downloading files | working with directories ] important note: the pages from the file and stream guide use the io object (nsiscrip
tableio), which was not available in any released version of the platform (pending some fixes).
...other documentation on files and i/o not using the unavailable nsiscrip
tableio apis: code snippets: file i/o, open and save dialogs, reading textual data, writing textual data, list of file-related error codes.
... nsifile.iswri
table() - returns true if the file can be written to.
...And 4 more matches
Sorting and filtering a custom tree view - Archive of obsolete content
/> <treecol id="description" label="description" flex="1" persist="width ordinal hidden" onclick="sort(this)" class="sortdirectionindicator"/> <splitter class="tree-splitter"/> <treecol id="weapon" label="weapon" flex="1" persist="width ordinal hidden" onclick="sort(this)" class="sortdirectionindicator"/> </treecols> <treechildren id="tree-children"/> </tree> </window> sort.js var
table = null; var data = null; var tree; var filtertext = ""; function init() { tree = document.getelementbyid("tree"); load
table(); } //this function is called every time the tree is sorted, filtered, or reloaded function load
table() { //remember scroll position.
... this is useful if this is an edi
table
table //to prevent the user from losing the row they edited var topvisiblerow = null; if (
table) { topvisiblerow = gettopvisiblerow(); } if (data == null) { //put object loading code here.
...weapon: "sai"}); data.push({name: "splinter", description: "rat", weapon: "walking stick"}); data.push({name: "shredder", description: "armored man", weapon: "blades"}); data.push({name: "casey jones", description: "goalie masked man", weapon: "hockey stick"}); data.push({name: "april o'neil", description: "journalist", weapon: "none"}); } if (filtertext == "") { //show all of them
table = data; } else { //filter out the ones we want to display
table = []; data.foreach(function(element) { //we'll match on every property for (var i in element) { if (prepareforcomparison(element[i]).indexof(filtertext) != -1) {
table.push(element); break; } } }); } sort(); //restore scroll position if (topvisiblerow) { settopvisiblerow(topvisiblerow); ...
...And 4 more matches
SQLite Templates - Archive of obsolete content
« previousnext » templates may use a datasource that is retrieved from an sqlite da
tabase, such as those used by the mozstorage api.
... this allows information from the da
tabase to be used to generate xul content.
...this will cause the datasource to be treated as an sqlite da
tabase.
...And 4 more matches
Grids - Archive of obsolete content
« previousnext » xul has a set of elements for creating
tabular grids.
... xul
tabular layout xul has a set of elements for doing layout of elements in a grid-like manner using the grid element.
... it has some similarities to the html
table tag.
...And 4 more matches
Keyboard Shortcuts - Archive of obsolete content
the key attribute can only be used for prin
table characters.
... another attribute, keycode can be used for non-prin
table characters.
...a
table of the keys is listed below.
...And 4 more matches
arrowscrollbox - Archive of obsolete content
attributes clicktoscroll, disabled, smoothscroll,
tabindex properties disabled, scrollboxobject, scrollincrement, smoothscroll,
tabindex methods ensureelementisvisible, scrollbyindex, scrollbypixels examples <arrowscrollbox orient="vertical" flex="1"> <button label="red"/> <button label="blue"/> <button label="green"/> <button label="yellow"/> <button label="orange"/> <button label="silver"/> <button label="lavender"/> ...
... inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-edi
table, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width clicktoscroll type: boolean clicktoscroll, if true, the arrows must be clicked to scroll the scrollbox content.
...
tabindex type: integer the
tab order of the element.
...And 4 more matches
description - Archive of obsolete content
attributes crop, disabled,
tabindex value properties accessibletype, crop, disabled,
tabindex, value style classes header, indent, monospace, plain, small-margin examples this is a long section of text that will word wrap when displayed <description> this is a long section of text that will word wrap when displayed.
...
tabindex type: integer the
tab order of the element.
... the
tab order is the order in which the focus is moved when the user presses the "
tab" key.
...And 4 more matches
listbox - Archive of obsolete content
attributes disabled, disablekeynavigation, preference, rows, seltype, suppressonselect,
tabindex, value properties accessibletype, currentindex, currentitem, disabled, disablekeynavigation, itemcount, listboxobject, selectedcount, selectedindex, selecteditem, selecteditems, seltype, suppressonselect,
tabindex, value methods additemtoselection, appenditem, clearselection, ensureelementisvisible, ensureindexisvisible, getindexoffirstvisiblerow, getindexofitem, getitematindex, ge...
...
tabindex type: integer the
tab order of the element.
... the
tab order is the order in which the focus is moved when the user presses the "
tab" key.
...And 4 more matches
promptBox - Archive of obsolete content
the promptbox object represents the
tab-modal prompts (or alerts) on a given
tab.
... it's returned by the
tabbrowser method get
tabmodalpromptbox method.
... a
tab may have multiple prompts on it; the
tabmodalpromptshowing attribute on the
tabbrowser will tell you how many prompts a given
tab has.
...And 4 more matches
radiogroup - Archive of obsolete content
attributes disabled, focused, preference,
tabindex, value properties accessibletype, disabled, focuseditem, itemcount, selectedindex, selecteditem,
tabindex, value methods appenditem, checkadjacentelement, getindexofitem, getitematindex, insertitemat, removeitemat examples <radiogroup> <radio id="orange" label="red"/> <radio id="violet" label="green" selected="true"/> <radio id="yellow" label="blue"/> </radiogroup> att...
...
tabindex type: integer the
tab order of the element.
... the
tab order is the order in which the focus is moved when the user presses the "
tab" key.
...And 4 more matches
richlistbox - Archive of obsolete content
attributes disabled, disablekeynavigation, preference, seltype, suppressonselect,
tabindex, value properties accessibletype, currentindex, currentitem, disabled, disablekeynavigation, itemcount, scrollboxobject, selectedcount, selectedindex, selecteditem, selecteditems, seltype, suppressonselect,
tabindex, value methods additemtoselection, appenditem, clearselection, ensureelementisvisible, ensureindexisvisible, getindexoffirstvisiblerow, getindexofitem, getitematindex, ...
...
tabindex type: integer the
tab order of the element.
... the
tab order is the order in which the focus is moved when the user presses the "
tab" key.
...And 4 more matches
richlistitem - Archive of obsolete content
attributes disabled, searchlabel, selected,
tabindex, value properties accessible, control, disabled, label, selected,
tabindex, value examples (example needed) attributes disabled type: boolean indicates whether the element is disabled or not.
...
tabindex type: integer the
tab order of the element.
... the
tab order is the order in which the focus is moved when the user presses the "
tab" key.
...And 4 more matches
scale - Archive of obsolete content
attributes dir, disabled, increment, max, min, movetoclick, pageincrement,
tabindex, value properties disabled, max, min, increment, pageincrement,
tabindex, value, methods decrease, decreasepage, increase, increasepage, examples horizontal scale: <scale min="1" max="10"/> vertical scale: <scale min="1" max="10" orient="vertical"/> attributes dir type: one of the values below the direction in which the child elements of the element are placed.
...
tabindex type: integer the
tab order of the element.
... the
tab order is the order in which the focus is moved when the user presses the "
tab" key.
...And 4 more matches
Manipulating Lists - Archive of obsolete content
this includes the menulist, radiogroup and
tabs elements.
... the select event is also fired when a radio button in a radiogroup is selected and when a
tab is selected in a
tabs element.
... for the
tabs element, it is often more convenient to use functions of the
tabbox element instead.
...And 3 more matches
XUL controls - Archive of obsolete content
the following
table lists the xul user interface controls.
... menulist reference related elements: menupopup menuitem <menulist edi
table="true"> an edi
table menulist is like a standard menulist except that the selected value is displayed in a textbox where it may be modified directly or values not in the popup list may be entered.
... <menulist edi
table="true"> <menupopup> <menuitem label="elephants"/> <menuitem label="kangaroos"/> <menuitem label="bats" /> </menupopup> </menulist> more information about the edi
table menulist element.
...And 3 more matches
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.
...for an edi
table menuitem element the value of this attribute is copied to the menulist.value property upon user selection of the menuitem.
...
tabindex type: integer the
tab order of the element.
...And 3 more matches
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.
...for an edi
table menuitem element the value of this attribute is copied to the menulist.value property upon user selection of the menuitem.
...
tabindex type: integer the
tab order of the element.
...And 3 more matches
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.
...for an edi
table menuitem element the value of this attribute is copied to the menulist.value property upon user selection of the menuitem.
...
tabindex type: integer the
tab order of the element.
...And 3 more matches
preference - Archive of obsolete content
attributes disabled, instantapply, inverted, name, onchange, readonly,
tabindex, type properties defaultvalue, disabled, hasuservalue, inverted, locked, name, preferences, readonly,
tabindex, type, value, valuefrompreferences methods reset examples <preferences> <preference id="pref_id" name="preference.name" type="int"/> </preferences> see preferences system for a complete example.
...
tabindex type: integer the
tab order of the element.
... the
tab order is the order in which the focus is moved when the user presses the "
tab" key.
...And 3 more matches
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="plain"/> <toolbarbutton accesskey="c" label="checkbox" type="checkbox"/> <toolbarbutton accesskey="b" label="menu-butto...
...for an edi
table menuitem element the value of this attribute is copied to the menulist.value property upon user selection of the menuitem.
...
tabindex type: integer the
tab order of the element.
...And 3 more matches
treecell - Archive of obsolete content
attributes edi
table, label, mode, properties, ref, src, value attributes edi
table type: boolean allows the contents of individual cells in the column to be changed, especially useful when <treecol type="checkbox">.
...when the user double-clicks an edi
table cell, a text field appears in which the user can edit the contents of the cell.
... the tree and treecol must also be marked as edi
table in order for this to work.
...And 3 more matches
window - Archive of obsolete content
this is used to hide chrome when showing in-browser ui such as the about:addons page, and causes the toolbars to be hidden, with only the
tab strip (and, if currently displayed, the add-on bar) left showing.
... note: this has no effect if the
tabs on top preference is turned off.
... disablefastfindtype: booleanput disablefastfind="true" on the root element of a xul document, which is intended to be loaded in a
tab, to disable the find bar for the
tab with this document.
...And 3 more matches
Mozilla release FAQ - Archive of obsolete content
originally, the plan was just to re-s
tabilize the code and release 5.0, but it was decided within the community that the more ambitious changes that were planned for later integration were close to being ready.
... the old layout engine, networking engine, and several of the older modules were gutted, and much later, the sources reached the point where netscape was comfor
table making a release, and so netscape 6.0 was released.
...it is more sui
table for being embedded in other applications than the previous rendering engine.
...And 3 more matches
Scratchpad - Archive of obsolete content
but even with possible limitations present, the html code can be either manually entered or copied from the source and pasted into the "about:blank" page (a new empty
tab) with the use page inspector's edit as html context menu command.
...↑ and ↓ cycle through the suggestions and enter or
tab select the highlighted choice.
...the code is executed in the scope of the currently selected
tab.
...And 3 more matches
Visual typescript game engine - Game development
client config if you want web app without any networking then setup: appusenetwork: boolean = false; you want to use communication for multiplayer but you don't want to use server da
tabase account sessions.
...ponents/ | | ├── register.html | | ├── login.html | | ├── games-list.html | | ├── user-profile.html | | ├── store.html | | ├── broadcaster.html | ├── index.html | ├── app-icon.ts | └── app.ts └── server/ | ├── package.json | ├── package-lock.json | ├── server-config.js | ├── da
tabase/ | | ├── da
tabase.js | | ├── common/ | | ├── email/ | | | ├── templates/ | | | | ├── confirmation.html.js | | | ├── nocommit.js (no commited for now) | | └── data/ (ignored - db system folder) | ├── rtc/ | | ├── server.ts | | ├── connector.ts | | ├── self-cert/ server part in...
...stalled da
tabase: mongodb@3.1.8 -no typescript here, we need to keep state clear no.
...And 3 more matches
Advanced text formatting - Learn web development
playable code <h2>live output</h2> <div class="output" style="min-height: 50px;"> </div> <h2>edi
table code</h2> <p class="a11y-label">press esc to move focus away from the code area (
tab inserts a
tab character).</p> <textarea id="code" class="input" style="min-height: 100px; width: 95%"> bacon the glue that binds the world together.
...l>\n <dt>bacon</dt>\n <dd>the glue that binds the world together.</dd>\n <dt>eggs</dt>\n <dd>the glue that binds the cake together.</dd>\n <dt>coffee</dt>\n <dd>the drink that gets the world running in the morning.</dd>\n <dd>a light brown color.</dd>\n</dl>'; const solutionentry = htmlsolution; textarea.addeventlistener('input', updatecode); window.addeventlistener('load', updatecode); // stop
tab key
tabbing out of textarea and // make it write a
tab at the caret position instead textarea.onkeydown = function(e){ if (e.keycode === 9) { e.preventdefault(); insertatcaret('\t'); } if (e.keycode === 27) { textarea.blur(); } }; function insertatcaret(text) { const scrollpos = textarea.scrolltop; const caretpos = textarea.selectionstart; const front = (textarea.val...
... playable code 2 <h2>live output</h2> <div class="output" style="min-height: 50px;"> </div> <h2>edi
table code</h2> <p class="a11y-label">press esc to move focus away from the code area (
tab inserts a
tab character).</p> <textarea id="code" class="input" style="min-height: 150px; width: 95%"> <p>hello and welcome to my motivation page.
...And 3 more matches
Images in HTML - Learn web development
a dinosaur skeleton; it has a large head with long sharp teeth" width="400" height="341" title="a t-rex on display in the manchester university museum"> this gives us a tooltip on mouse hover, just like link titles: however, this is not recommended — title has a number of accessibility problems, mainly based around the fact that screen reader support is very unpredic
table and most browsers won't show it unless you are hovering with a mouse (so e.g.
...if you get really stuck, press the show solution button to see an answer: playable code <h2>live output</h2> <div class="output" style="min-height: 50px;"> </div> <h2>edi
table code</h2> <p class="a11y-label">press esc to move focus away from the code area (
tab inserts a
tab character).</p> <textarea id="code" class="input" style="min-height: 100px; width: 95%"> <img> </textarea> <div class="playable-buttons"> <input id="reset" type="button" value="reset"> <input id="solution" type="button" value="show solution"> </div> html { font-family: sans-serif; } h2 {...
...on = '<img src="https://udn.realityripple.com/samples/ec/5a13bd14f6.jpg"\n alt="the head and torso of a dinosaur skeleton; it has a large head with long sharp teeth"\n width="200"\n height="171"\n title="a t-rex on display in the manchester university museum">'; var solutionentry = htmlsolution; textarea.addeventlistener('input', updatecode); window.addeventlistener('load', updatecode); // stop
tab key
tabbing out of textarea and // make it write a
tab at the caret position instead textarea.onkeydown = function(e){ if (e.keycode === 9) { e.preventdefault(); insertatcaret('\t'); } if (e.keycode === 27) { textarea.blur(); } }; function insertatcaret(text) { var scrollpos = textarea.scrolltop; var caretpos = textarea.selectionstart; var front = (textarea.value).su...
...And 3 more matches
Responsive images - Learn web development
a second cropped image could be displayed for a medium width screen device, like a
tablet.
...however, they aren't sui
table for all image types.
...responsive image technologies were implemented recently to solve the problems indicated above by letting you offer the browser several image files, either all showing the same thing but containing different numbers of pixels (resolution switching), or different images sui
table for different space allocations (art direction).
...And 3 more matches
Rhino scopes and contexts
a top-level scope is created by calling context.initstandardobjects to create all the standard objects: scrip
tableobject scope = cx.initstandardobjects(); the easiest way to embed rhino is just to create a new scope this way whenever you need one.
...then all we need to do is create a new object and call its setprototypemethod to set the prototype to the shared object, and the parent of the new scope to null: scrip
table newscope = cx.newobject(sharedscope); newscope.setprototype(sharedscope); newscope.setparentscope(null); the call to newobject simply creates a new javascript object with no properties.
...such behavior may not be sui
table with shared scopes since if a script by mistake adds a property to a library object from the shared scope, that object would not be garbage collected until there are no active references to the shared scope potentially leading to memory leaks.
...And 3 more matches
SpiderMonkey Build Documentation
no configure: error: installation or configuration problem: c compiler cannot create execu
tables." you can try configuring like so: cc=clang cxx=clang++ ../configure it is also possible that baldrdash may fail to compile with /usr/local/cellar/llvm/7.0.1/lib/clang/7.0.1/include/inttypes.h:30:15: fatal error: 'inttypes.h' file not found /usr/local/cellar/llvm/7.0.1/lib/clang/7.0.1/include/inttypes.h:30:15: fatal error: 'inttypes.h' file not found, err: true this is because, startin...
...ease notes under command line tools -> new features the release notes also states that this compatibility package will no longer be provided in the near future, so the build system on macos will have to be adapted to look for headers in the sdk until then, the following should help, open /library/developer/commandlinetools/packages/macos_sdk_headers_for_macos_10.14.pk this builds an execu
table named js in the directory build-release/dist/bin.
...this installs the shared library to /usr/local/lib, the c header files to /usr/local/include, and the js execu
table to/usr/local/bin.
...And 3 more matches
Exact Stack Rooting
js::mu
tablehandle<t> typedef js::mu
tablehandle<t> js::mu
tablehandlet; -> mu
tablehandleobject, mu
tablehandlestring, etc.
... the purpose of js::mu
tablehandlet is to allow out-parameters for rooted gcthings.
... to solve these problems we have the js::mu
tablehandlet class.
...And 3 more matches
Shell global objects
intern(str) internalize str in the atom
table.
... enableshellallocationmetada
tabuilder() use shellallocationmetada
tabuilder to supply metadata for all newly created objects.
... setimmu
tableprototype(obj) try to make obj's [[prototype]] immu
table, such that subsequent attempts to change it will fail.
...And 3 more matches
Gecko object attributes
applied to: grid, heading, listitem, row,
tablist exposed in aria: aria-level posinset if this item is in a group, what is the item number within the group, where the size is defined by the setsize attribute.
... applied to: role_cell for the <xul:tree/> note: it's not exposed currently
table related attributes layout-guess true when gecko's heuristic determines that it is a
table that is probably used for layout, not for
table.
... value not set means it is probably a data
table.
...And 3 more matches
Avoiding leaks in JavaScript XPCOM components
consider the example of bug 170022 (which also demonstrates a leak via a global variable, fixed later in bug 231266): const observer = { observe: function(subject, topic, data) { if (topic != "open-new-
tab-request" || subject != window) return; delayedopen
tab(data); } }; const service = components.classes["@mozilla.org/observer-service;1"] .getservice(components.interfaces.nsiobserverservice); service.addobserver(observer, "open-new-
tab-request", false); in this example, there is a similar cycle between observe and service.
... the worst example of this problem is
tabbrowser.
...
tabbrowser is an xbl binding that wraps browsers in
tabs, creating and destroying them as needed.
...And 3 more matches
mozIStorageVacuumParticipant
/storage/public/mozistoragevacuumparticipant.idlscrip
table components can implement this interface to provide information to allow a da
tabase to be periodically vacuumed by the storage service.
...method overview boolean onbeginvacuum(); void onendvacuum(in boolean asucceeded); attributes attribute type description da
tabaseconnection mozistorageconnection a connection to the da
tabase file to be vacuumed.
... expectedda
tabasepagesize long the expected page size, in bytes, for the da
tabase.
...And 3 more matches
nsIAppShell
widget/public/nsiappshell.idlnot scrip
table interface for the native event system layer.
... voidptr aevent); obsolete since gecko 1.9 void exit(); void favorperformancehint(in boolean favorperfoverstarvation, in unsigned long starvationdelay); void getnativeevent(in prboolref arealevent, in voidptrref aevent); obsolete since gecko 1.9 void listentoeventqueue(in nsieventqueue aqueue, in prbool alisten); obsolete since gecko 1.9 void resumenative(); void run(); void runins
tablestate(in nsirunnable arunnable); void spindown(); obsolete since gecko 1.9 void spinup(); obsolete since gecko 1.9 void suspendnative(); attributes attribute type description eventloopnestinglevel unsigned long the current event loop nesting level.
...runins
tablestate() allows running of a "synchronous section", in the form of an nsirunnable once the event loop has reached a "s
table state".
...And 3 more matches
nsIAsyncOutputStream
xpcom/io/nsiasyncoutputstream.idlscrip
table please add a summary to this article.
...the caller must then wait for the stream to become wri
table.
... if the stream implements nsiasyncoutputstream, then the caller can use this interface to request an asynchronous notification when the stream becomes wri
table or closed (via the asyncwait() method).
...And 3 more matches
nsISelectionPrivate
dom/base/nsiselectionprivate.idlscrip
table internal support for content selection handling.
...obsolete since gecko 12.0 long get
tableselectiontype(in nsidomrange range); void removeselectionlistener(in nsiselectionlistener listenertoremove); void scrollintoview(in short aregion, in boolean aissynchronous, in short avpercent, in short ahpercent); void setancestorlimiter(in nsicontent acontent); native code only!
... constants constant value description endofprecedingline 0 startofnextline 1
tableselection_none 0
tableselection_cell 1
tableselection_row 2
tableselection_column 3
tableselection_
table 4
tableselection_allcells 5 methods addselectionlistener() void addselectionlistener( in nsiselectionlistener newlistener ); parameters newlistener endbatchchanges() will resume ...
...And 3 more matches
XPCOM Interface Reference
component; nsiprefbranchextensionmanager (toolkit)iaccessible2iaccessibleactioniaccessibleapplicationiaccessiblecomponentiaccessibleedi
tabletextiaccessiblehyperlinkiaccessiblehypertextiaccessibleimageiaccessiblerelationiaccessible
tableiaccessible
table2iaccessible
tablecelliaccessibletextiaccessiblevalueidispatchijsdebuggeramiinstallcallbackamiinstalltriggeramiwebinstallinfoamiwebinstalllisteneramiwebinstallpromptamiwebinstallerimgicacheimgicontainerimgicontainerobserverimgidecoderimgidecoderobserverimgiencoderimgiloaderimgirequestinidomutilsjsdistackframemoziasyncfaviconsmoziasynchistorymozicoloranalyzermozijssubscriptloadermozipersonaldictionarymoziplaceinfomoziplacesautocompletemoziregistrymozirepresentati...
...tparamsmozistoragestatementrowmozistoragestatementwrappermozistoragevacuumparticipantmozistoragevaluearraymozitxttohtmlconvmozithirdpartyutilmozivisitinfomozivisitinfocallbackmozivisitstatuscallbacknsiabcardnsiaboutmodulensiabstractworkernsiaccelerometerupdatensiaccessnodensiaccessibilityservicensiaccessiblensiaccessiblecaretmoveeventnsiaccessiblecoordinatetypensiaccessibledocumentnsiaccessibleedi
tabletextnsiaccessibleeventnsiaccessiblehyperlinknsiaccessiblehypertextnsiaccessibleimagensiaccessibleprovidernsiaccessiblerelationnsiaccessibleretrievalnsiaccessiblerolensiaccessiblescrolltypensiaccessibleselec
tablensiaccessiblestatechangeeventnsiaccessiblestatesnsiaccessible
tablensiaccessible
tablecellnsiaccessible
tablechangeeventnsiaccessibletextnsiaccessibletextchangeeventnsiaccessibletreecachensi...
...jectnsimessagebroadcasternsimessagelistenernsimessagelistenermanagernsimessagesendernsimessagewakeupservicensimessengernsimicrosummarynsimicrosummarygeneratornsimicrosummaryobservernsimicrosummaryservicensimicrosummarysetnsimimeconverternsimimeheadersnsimodulensimsgaccountnsimsgaccountmanagerextensionnsimsgcompfieldsnsimsgcustomcolumnhandlernsimsgdbhdrnsimsgdbviewnsimsgdbviewcommandupdaternsimsgda
tabasensimsgfilternsimsgfiltercustomactionnsimsgfilterlistnsimsgfoldernsimsgheaderparsernsimsgidentitynsimsgincomingservernsimsgmessageservicensimsgprotocolinfonsimsgruleactionnsimsgsearchcustomtermnsimsgsearchnotifynsimsgsearchscopetermnsimsgsearchsessionnsimsgsearchtermnsimsgsearchvaluensimsgsendlaternsimsgthreadnsimsgwindownsimsgwindowcommandsnsimu
tablearraynsinavbookmarkobservernsinavbookmarksser...
...And 3 more matches
XPCOM primitive
all xpcom primitives are scrip
table, and they all implement an xpcom interface from the
table below.
...(however, if you are designing that kind of api today, you should probably use nsivariant instead.) idl data type interface component idl nsidptr nsisupportsid @mozilla.org/supports-id;1 [scrip
table, uuid(d18290a0-4a1c-11d3-9890-006008962422)] interface nsisupportsid : nsisupportsprimitive { attribute nsidptr data; string tostring(); }; astring nsisupportsstring @mozilla.org/supports-string;1 [scrip
table, uuid(d79dc970-4a1c-11d3-9890-006008962422)] interface nsisupportsstring : nsisupportsprimitive { attribute astring data; wstring tostring(); }; prbool nsisupportsprboo...
...l @mozilla.org/supports-prbool;1 [scrip
table, uuid(ddc3b490-4a1c-11d3-9890-006008962422)] interface nsisupportsprbool : nsisupportsprimitive { attribute prbool data; string tostring(); }; pruint8 nsisupportspruint8 @mozilla.org/supports-pruint8;1 [scrip
table, uuid(dec2e4e0-4a1c-11d3-9890-006008962422)] interface nsisupportspruint8 : nsisupportsprimitive { attribute pruint8 data; string tostring(); }; pruint16 nsisupportspruint16 @mozilla.org/supports-pruint16;1 [scrip
table, uuid(dfacb090-4a1c-11d3-9890-006008962422)] interface nsisupportspruint16 : nsisupportsprimitive { attribute pruint16 data; string tostring(); }; pruint32 nsisupportspruint32 @mozilla.org/supports-pruint32;1 [scrip
table, uuid(e01dc470-4a1c-11d3-9890-006008962422)] interface nsisupportspruint32...
...And 3 more matches
Reference Manual
implementation details and debugging machinery although it is a class, nscomptr has no virtual methods, and therefore, no v
table or vptr.
...this section describes each of the possibilities, though the directives can be more succinctly described in the
table below.
...the directives mentioned above may make more sense in this
table
table 1.
...And 3 more matches
Creating a gloda message query
this content covers features introduced in thunderbird 3 this page describes how to programmatically create a message query using gloda, thunderbird's global da
tabase.
... create a collection from the query your listener is notified as messages are added to the collection as the da
tabase query completes.
... let mylistener = { /* called when new items are returned by the da
tabase query or freshly indexed */ onitemsadded: function mylistener_onitemsadded(aitems, acollection) { }, /* called when items that are already in our collection get re-indexed */ onitemsmodified: function mylistener_onitemsmodified(aitems, acollection) { }, /* called when items that are in our collection are purged from the system */ onitemsremoved: function mylistener_onitemsremoved(aitems, acollection) { }, /* called when our da
tabase query completes */ onquerycompleted: function mylistener_onquerycompleted(acollection) { } }; let collection = query.getcollection(mylistener); message attributes look at ...
...And 3 more matches
Gloda examples
a) show all messages in a conversation regardless of the folder in which they are stored, b) search messages by subject assuming that you have a message (glodamessage) in the conversation already, this is straight forward using glodamessage.conversation.getmessagescollection() alistener = { /* called when new items are returned by the da
tabase query or freshly indexed */ onitemsadded: function _onitemsadded(aitems, acollection) { }, /* called when items that are already in our collection get re-indexed */ onitemsmodified: function _onitemsmodified(aitems, acollection) { }, /* called when items that are in our collection are purged from the system */ onitemsremoved: function _onitemsremoved(aitems, acollec...
...tion) { }, /* called when our da
tabase query completes */ onquerycompleted: function _onquerycompleted(conversation_coll) { try { for (var conv in conversation_coll) { //do something with the conversation here alert(conv.subject); } } catch (e) {} } } glodamessage.conversation.getmessagescollection(alistener) alternatively if you need to get a conversation based on the subject, you need to do a query (using the same listener as above).
...ervices.tags.getalltags({}); query.tags(...tagarray); let collection = query.getcollection(mylistener); search messages by daterange searches for all messages within a date range id_q=gloda.newquery(gloda.noun_message); // define a date range form yesterday to now id_q.daterange([new date() - 86400000, new date()]); var mylistener = { /* called when new items are returned by the da
tabase query or freshly indexed */ onitemsadded: function _onitemsadded(aitems, acollection) { }, /* called when items that are already in our collection get re-indexed */ onitemsmodified: function _onitemsmodified(aitems, acollection) { }, /* called when items that are in our collection are purged from the system */ onitemsremoved: function _onitemsremoved(aitems, acollec...
...And 3 more matches
IDBIndex.objectStore - Web APIs
example in the following example we open a transaction and an object store, then get the index lname from a simple contacts da
tabase.
... the current object store is logged to the console: it should be returned something like this: idbobjectstore { name: "contactslist", keypath: "id", indexnames: domstringlist[7], transaction: idbtransaction, autoincrement: false } finally, we iterate through each record, and insert the data into an html
table.
... for a complete working example, see our idbindex-example demo repo (view the example live.) function displayda
tabyindex() {
tableentry.innerhtml = ''; var transaction = db.transaction(['contactslist'], 'readonly'); var objectstore = transaction.objectstore('contactslist'); var myindex = objectstore.index('lname'); console.log(myindex.objectstore); myindex.opencursor().onsuccess = function(event) { var cursor = event.target.result; if(cursor) { var
tablerow = document.createelement('tr');
tablerow.innerhtml = '<td>' + cursor.value.id + '</td>' + '<td>' + cursor.value.lname + '</td>' + '<td>' + cursor.value.fname + '</td>' + '<td>' + cursor.value.jtitle + '</td>' ...
...And 3 more matches
IDBIndex.openCursor() - Web APIs
example in the following example we open a transaction and an object store, then get the index lname from a simple contacts da
tabase.
... finally, we iterate through each record, and insert the data into an html
table.
... for a complete working example, see our idbindex-example demo repo (view the example live.) function displayda
tabyindex() {
tableentry.innerhtml = ''; var transaction = db.transaction(['contactslist'], 'readonly'); var objectstore = transaction.objectstore('contactslist'); var myindex = objectstore.index('lname'); myindex.opencursor().onsuccess = function(event) { var cursor = event.target.result; if(cursor) { var
tablerow = document.createelement('tr');
tablerow.innerhtml = '<td>' + cursor.value.id + '</td>' + '<td>' + cursor.value.lname + '</td>' + '<td>' + cursor.value.fname + '</td>' + '<td>' + cursor.value.jtitle + '</td>' + '<td>' + cursor.value...
...And 3 more matches
IDBIndex.unique - Web APIs
example in the following example we open a transaction and an object store, then get the index lname from a simple contacts da
tabase.
... finally, we iterate through each record, and insert the data into an html
table.
... for a complete working example, see our idbindex-example demo repo (view the example live.) function displayda
tabyindex() {
tableentry.innerhtml = ''; var transaction = db.transaction(['contactslist'], 'readonly'); var objectstore = transaction.objectstore('contactslist'); var myindex = objectstore.index('lname'); console.log(myindex.unique); myindex.opencursor().onsuccess = function(event) { var cursor = event.target.result; if(cursor) { var
tablerow = document.createelement('tr');
tablerow.innerhtml = '<td>' + cursor.value.id + '</td>' + '<td>' + cursor.value.lname + '</td>' + '<td>' + cursor.value.fname + '</td>' + '<td>' + cursor.value.jtitle + '</td>' ...
...And 3 more matches
IDBObjectStore.add() - Web APIs
example in the following code snippet, we open a read/write transaction on our da
tabase and add some data to an object store using add().
...for a full working example, see our to-do notifications app (view example live.) // let us open our da
tabase var dbopenrequest = window.indexeddb.open("todolist", 4); dbopenrequest.onsuccess = function(event) { note.innerhtml += '<li>da
tabase initialised.</li>'; // store the result of opening the da
tabase in the db variable.
... // this is used a lot below db = dbopenrequest.result; // run the adddata() function to add the data to the da
tabase adddata(); }; function adddata() { // create a new object ready to insert into the idb var newitem = [ { tasktitle: "walk dog", hours: 19, minutes: 30, day: 24, month: "december", year: 2013, notified: "no" } ]; // open a read/write db transaction, ready for adding the data var transaction = db.transaction(["todolist"], "readwrite"); // report on the success of the transaction completing, when everything is done transaction.oncomplete = function(event) { note.innerhtml += '<li>transaction completed.</li>'; }; transaction.onerror = function(event) { note.innerhtml += '<li>transaction not opened due to error.
...And 3 more matches
IDBObjectStore.autoIncrement - Web APIs
example in the following code snippet, we open a read/write transaction on our da
tabase and add some data to an object store using add().
...for a full working example, see our to-do notifications app (view example live.) // let us open our da
tabase var dbopenrequest = window.indexeddb.open("todolist", 4); dbopenrequest.onsuccess = function(event) { note.innerhtml += '<li>da
tabase initialised.</li>'; // store the result of opening the da
tabase in the db variable.
... // this is used a lot below db = dbopenrequest.result; // run the adddata() function to add the data to the da
tabase adddata(); }; function adddata() { // create a new object ready to insert into the idb var newitem = [ { tasktitle: "walk dog", hours: 19, minutes: 30, day: 24, month: "december", year: 2013, notified: "no" } ]; // open a read/write db transaction, ready for adding the data var transaction = db.transaction(["todolist"], "readwrite"); // report on the success of the transaction completing, when everything is done transaction.oncomplete = function(event) { note.innerhtml += '<li>transaction completed.</li>'; }; transaction.onerror = function(event) { note.innerhtml += '<li>transaction not opened due to error.
...And 3 more matches
IDBObjectStore.delete() - Web APIs
example in the following code snippet, we open a read/write transaction on our da
tabase and delete one specific record out of our object store using delete() — a sample record with the key "walk dog".
... for a full working example, see our to-do notifications app (view example live.) // let us open our da
tabase var dbopenrequest = window.indexeddb.open("todolist", 4); dbopenrequest.onsuccess = function(event) { note.innerhtml += '<li>da
tabase initialised.</li>'; // store the result of opening the da
tabase in the db variable.
... this is used a lot below db = dbopenrequest.result; // run the deletedata() function to delete a record from the da
tabase deletedata(); }; function deletedata() { // open a read/write db transaction, ready for deleting the data var transaction = db.transaction(["todolist"], "readwrite"); // report on the success of the transaction completing, when everything is done transaction.oncomplete = function(event) { note.innerhtml += '<li>transaction completed.</li>'; }; transaction.onerror = function(event) { note.innerhtml += '<li>transaction not opened due to error: ' + transaction.error + '</li>'; }; // create an object store on the transaction var objectstore = transaction.objectstore("todolist"); // make a request to delete the specified record out of th...
...And 3 more matches
IDBObjectStore.indexNames - Web APIs
example in the following code snippet, we open a read/write transaction on our da
tabase and add some data to an object store using add().
...for a full working example, see our to-do notifications app (view example live.) // let us open our da
tabase var dbopenrequest = window.indexeddb.open("todolist", 4); dbopenrequest.onsuccess = function(event) { note.innerhtml += '<li>da
tabase initialised.</li>'; // store the result of opening the da
tabase in the db variable.
... // this is used a lot below db = this.result; // run the adddata() function to add the data to the da
tabase adddata(); }; function adddata() { // create a new object ready to insert into the idb var newitem = [ { tasktitle: "walk dog", hours: 19, minutes: 30, day: 24, month: "december", year: 2013, notified: "no" } ]; // open a read/write db transaction, ready for adding the data var transaction = db.transaction(["todolist"], "readwrite"); // report on the success of the transaction completing, when everything is done transaction.oncomplete = function(event) { note.innerhtml += '<li>transaction completed.</li>'; }; transaction.onerror = function(event) { note.innerhtml += '<li>transaction not opened due to error.
...And 3 more matches
IDBObjectStore.keyPath - Web APIs
example in the following code snippet, we open a read/write transaction on our da
tabase and add some data to an object store using add().
...for a full working example, see our to-do notifications app (view example live.) // let us open our da
tabase var dbopenrequest = window.indexeddb.open("todolist", 4); dbopenrequest.onsuccess = function(event) { note.innerhtml += '<li>da
tabase initialised.</li>'; // store the result of opening the da
tabase in the db variable.
... // this is used a lot below db = dbopenrequest.result; // run the adddata() function to add the data to the da
tabase adddata(); }; function adddata() { // create a new object ready to insert into the idb var newitem = [ { tasktitle: "walk dog", hours: 19, minutes: 30, day: 24, month: "december", year: 2013, notified: "no" } ]; // open a read/write db transaction, ready for adding the data var transaction = db.transaction(["todolist"], "readwrite"); // report on the success of the transaction completing, when everything is done transaction.oncomplete = function(event) { note.innerhtml += '<li>transaction completed.</li>'; }; transaction.onerror = function(event) { note.innerhtml += '<li>transaction not opened due to error.
...And 3 more matches
IDBObjectStore.name - Web APIs
example in the following code snippet, we open a read/write transaction on our da
tabase and add some data to an object store using add().
...for a full working example, see our to-do notifications app (view example live.) // let us open our da
tabase var dbopenrequest = window.indexeddb.open("todolist", 4); dbopenrequest.onsuccess = function(event) { note.innerhtml += '<li>da
tabase initialised.</li>'; // store the result of opening the da
tabase in the db variable.
... // this is used a lot below db = dbopenrequest.result; // run the adddata() function to add the data to the da
tabase adddata(); }; function adddata() { // create a new object ready to insert into the idb var newitem = [ { tasktitle: "walk dog", hours: 19, minutes: 30, day: 24, month: "december", year: 2013, notified: "no" } ]; // open a read/write db transaction, ready for adding the data var transaction = db.transaction(["todolist"], "readwrite"); // report on the success of the transaction completing, when everything is done transaction.oncomplete = function(event) { note.innerhtml += '<li>transaction completed.</li>'; }; transaction.onerror = function(event) { note.innerhtml += '<li>transaction not opened due to error.
...And 3 more matches
IDBObjectStore.transaction - Web APIs
example in the following code snippet, we open a read/write transaction on our da
tabase and add some data to an object store using add().
...for a full working example, see our to-do notifications app (view example live.) // let us open our da
tabase var dbopenrequest = window.indexeddb.open("todolist", 4); dbopenrequest.onsuccess = function(event) { note.innerhtml += '<li>da
tabase initialised.</li>'; // store the result of opening the da
tabase in the db variable.
... // this is used a lot below db = dbopenrequest.result; // run the adddata() function to add the data to the da
tabase adddata(); }; function adddata() { // create a new object ready to insert into the idb var newitem = [ { tasktitle: "walk dog", hours: 19, minutes: 30, day: 24, month: "december", year: 2013, notified: "no" } ]; // open a read/write db transaction, ready for adding the data var transaction = db.transaction(["todolist"], "readwrite"); // report on the success of the transaction completing, when everything is done transaction.oncomplete = function(event) { note.innerhtml += '<li>transaction completed.</li>'; }; transaction.onerror = function(event) { note.innerhtml += '<li>transaction not opened due to error.
...And 3 more matches
IDBRequest.error - Web APIs
unknownerror if the operation failed for reasons unrelated to the da
tabase itself.
... versionerror if you try to open a da
tabase with a version lower than the one it already has.
...; // get the do-do list with the specified title var objectstoretitlerequest = objectstore.get(title); objectstoretitlerequest.onsuccess = function() { // grab the data object returned as the result var data = objectstoretitlerequest.result; // update the notified value in the object to "yes" data.notified = "yes"; // create another request that inserts the item // back into the da
tabase var updatetitlerequest = objectstore.put(data); // when this new request succeeds, run the displaydata() // function again to update the display updatetitlerequest.onsuccess = function() { displaydata(); }; }; objectstoretitlerequest.onerror = function() { // if an error occurs with the request, log what it is console.log("there has been an error with retrieving your data: ...
...And 3 more matches
IDBTransaction.error - Web APIs
example in the following code snippet, we open a read/write transaction on our da
tabase and add some data to an object store.
...for a full working example, see our to-do notifications app (view example live.) // let us open our da
tabase var dbopenrequest = window.indexeddb.open("todolist", 4); dbopenrequest.onsuccess = function(event) { note.innerhtml += '<li>da
tabase initialised.</li>'; // store the result of opening the da
tabase in the db variable.
... // this is used a lot below db = dbopenrequest.result; // run the adddata() function to add the data to the da
tabase adddata(); }; function adddata() { // create a new object ready for being inserted into the idb var newitem = [ { tasktitle: "walk dog", hours: 19, minutes: 30, day: 24, month: "december", year: 2013, notified: "no" } ]; // open a read/write db transaction, ready for adding the data var transaction = db.transaction(["todolist"], "readwrite"); // report on the success of opening the transaction transaction.oncomplete = function(event) { note.innerhtml += '<li>transaction completed: da
tabase modification finished.</li>'; }; transaction.onerror = function(event) { note.innerhtml += '<li>transaction not opened due to error: ' + transaction.err...
...And 3 more matches
IDBTransaction.objectStore() - Web APIs
example in the following code snippet, we open a read/write transaction on our da
tabase and add some data to an object store.
...for a full working example, see our to-do notifications app (view example live.) // let us open our da
tabase var dbopenrequest = window.indexeddb.open("todolist", 4); dbopenrequest.onsuccess = function(event) { note.innerhtml += '<li>da
tabase initialised.</li>'; // store the result of opening the da
tabase in the db variable.
... // this is used a lot below db = dbopenrequest.result; // run the adddata() function to add the data to the da
tabase adddata(); }; function adddata() { // create a new object ready for being inserted into the idb var newitem = [ { tasktitle: "walk dog", hours: 19, minutes: 30, day: 24, month: "december", year: 2013, notified: "no" } ]; // open a read/write db transaction, ready for adding the data var transaction = db.transaction(["todolist"], "readwrite"); // report on the success of opening the transaction transaction.oncomplete = function(event) { note.innerhtml += '<li>transaction completed: da
tabase modification finished.</li>'; }; transaction.onerror = function(event) { note.innerhtml += '<li>transaction not opened due to error.
...And 3 more matches
IDBTransaction.onabort - Web APIs
}; example in the following code snippet, we open a read/write transaction on our da
tabase and add some data to an object store.
...for a full working example, see our to-do notifications app (view example live.) // let us open our da
tabase var dbopenrequest = window.indexeddb.open("todolist", 4); dbopenrequest.onsuccess = function(event) { note.innerhtml += '<li>da
tabase initialised.</li>'; // store the result of opening the da
tabase in the db variable.
... // this is used a lot below db = dbopenrequest.result; // run the adddata() function to add the data to the da
tabase adddata(); }; function adddata() { // create a new object ready for being inserted into the idb var newitem = [ { tasktitle: "walk dog", hours: 19, minutes: 30, day: 24, month: "december", year: 2013, notified: "no" } ]; // open a read/write db transaction, ready for adding the data var transaction = db.transaction(["todolist"], "readwrite"); // report on the success of opening the transaction transaction.oncomplete = function(event) { note.innerhtml += '<li>transaction completed: da
tabase modification finished.</li>'; }; transaction.onerror = function(event) { note.innerhtml += '<li>transaction not opened due to error: ' + transaction.erro...
...And 3 more matches
IDBTransaction.onerror - Web APIs
}; example in the following code snippet, we open a read/write transaction on our da
tabase and add some data to an object store.
...for a full working example, see our to-do notifications app (view example live.) // let us open our da
tabase var dbopenrequest = window.indexeddb.open("todolist", 4); dbopenrequest.onsuccess = function(event) { note.innerhtml += '<li>da
tabase initialised.</li>'; // store the result of opening the da
tabase in the db variable.
... // this is used a lot below db = dbopenrequest.result; // run the adddata() function to add the data to the da
tabase adddata(); }; function adddata() { // create a new object ready for being inserted into the idb var newitem = [ { tasktitle: "walk dog", hours: 19, minutes: 30, day: 24, month: "december", year: 2013, notified: "no" } ]; // open a read/write db transaction, ready for adding the data var transaction = db.transaction(["todolist"], "readwrite"); // report on the success of opening the transaction transaction.oncomplete = function(event) { note.innerhtml += '<li>transaction completed: da
tabase modification finished.</li>'; }; transaction.onerror = function(event) { note.innerhtml += '<li>transaction not opened due to error: ' + transaction.err...
...And 3 more matches
<mask> - SVG: Scalable Vector Graphics
value type: <length> ; default value: 120%; anima
table: yes maskcontentunits this attribute defines the coordinate system for the contents of the <mask>.
... value type: userspaceonuse|objectboundingbox ; default value: userspaceonuse; anima
table: yes maskunits this attribute defines defines the coordinate system for attributes x, y, width and height on the <mask>.
... value type: userspaceonuse|objectboundingbox ; default value: objectboundingbox; anima
table: yes x this attribute defines the x-axis coordinate of the top-left corner of the masking area.
...And 3 more matches
WebAssembly Concepts - WebAssembly
webassembly goals webassembly is being created as an open standard inside the w3c webassembly community group with the following goals: be fast, efficient, and por
table — webassembly code can be executed at near-native speed across different platforms by taking advantage of common hardware capabilities.
... module: represents a webassembly binary that has been compiled by the browser into execu
table machine code.
...
table: a resizable typed array of references (e.g.
...And 3 more matches
Interacting with page scripts - Archive of obsolete content
for the sake of security, s
tability, and simplicity, this is usually what you want.
... in this example a page script adds a string variable foo to the window: <!doctype html"> <html> <head> <script> window.foo = "hello from page script" </script> </head> </html> the content script can see this object if it uses unsafewindow.foo instead of window.foo: // main.js var
tabs = require("sdk/
tabs"); var mod = require("sdk/page-mod"); var self = require("sdk/self"); var pageurl = self.data.url("page.html") var pagemod = mod.pagemod({ include: pageurl, contentscript: "console.log(unsafewindow.foo);" })
tabs.open(pageurl); be careful using unsafewindow: you can't rely on any of its properties or functions being, or doing, what you expect.
...the "main.js" opens the local file "page.html" and attaches a content script to it: // main.js var
tabs = require("sdk/
tabs"); var self = require("sdk/self");
tabs.open({ url: self.data.url("page.html"), onready: attachscript }); function attachscript(
tab) {
tab.attach({ contentscriptfile: self.data.url("content-script.js") }); } the content script defines an object and assigns it to unsafewindow twice: the first time using cloneinto(), the second time using simple assignment: // ...
...And 2 more matches
widget - Archive of obsolete content
you can attach panels to them that open when they're clicked, or you can define a custom click handler to perform some other action, like opening a web page in a
tab.
...widgets.widget({ id: "google-link", label: "widget with an image and a click handler", contenturl: "http://www.google.com/favicon.ico", onclick: function() { require("sdk/
tabs").active
tab.url = "http://www.google.com/"; } }); // a widget that changes display on mouseover.
...var
tabs = require("sdk/
tabs"); var windows = require("sdk/windows").browserwindows; var widget = require("sdk/widget").widget({ id: "window-specific-test", label: "widget with content specific to each window", content: " ", width: 50 }); // observe
tab switch or document changes in each existing
tab: function updatewidgetstate(
tab) { var view = widget.getview(
tab.window); if (!view) return; ...
...And 2 more matches
places/bookmarks - Archive of obsolete content
usage this module exports: three constructors: bookmark, group, and separator, corresponding to the types of objects, referred to as bookmark items, in the bookmarks da
tabase in firefox two additional functions, save() to create, update, and remove bookmark items, and search() to retrieve the bookmark items that match a particular set of criteria.
...the module does not automatically sync up a bookmark instance with ongoing changes to that item in the da
tabase from the same add-on, other add-ons, or the user.
... examples creating a new bookmark let { bookmark, save } = require("sdk/places/bookmarks"); // create a new bookmark instance, unsaved let bookmark = bookmark({ title: "mozilla", url: "http://mozilla.org" }); // attempt to save the bookmark instance to the bookmarks da
tabase // and store the emitter let emitter = save(bookmark); // listen for events emitter.on("data", function (saved, inputitem) { // on a "data" event, an item has been updated, passing in the // latest snapshot from the server as `saved` (with properties // such as `updated` and `id`), as well as the initial input // item as `inputitem` console.log(saved.title === inputitem.title); // true console.log(saved !== inputitem); // true console.log(inputitem === bookmark); // true }).on("end", function (savedite...
...And 2 more matches
Release notes - Archive of obsolete content
"./my-file" introduced everywhere as an alias for require("sdk/self").data.url("my-file") added the ability to attach stylesheets to individual
tabs.
... added
tab.readystate.
... firefox 31 highlights add-on debugger added the ability to convert between high-level browserwindow objects and dom windows, and between high-level
tab objects and xul
tabs.
...And 2 more matches
Open a Web Page - Archive of obsolete content
to open a new web page, you can use the
tabs module: var
tabs = require("sdk/
tabs");
tabs.open("http://www.example.com"); this function is asynchronous, so you don't immediately get back a
tab object which you can examine.
...the callback is assigned to the onready property, and will be passed the
tab as an argument: var
tabs = require("sdk/
tabs");
tabs.open({ url: "http://www.example.com", onready: function onready(
tab) { console.log(
tab.title); } }); even then, you don't get direct access to any content hosted in the
tab.
... to access
tab content you need to attach a script to the
tab using
tab.attach().
...And 2 more matches
Finding window handles - Archive of obsolete content
web content windows (in
tabs) do not have their own hwnds.
... .queryinterface(ci.nsiinterfacerequestor) .getinterface(ci.nsibasewindow); var gdkwindowptrstring = basewindow.nativehandle; components.utils.import('resource://gre/modules/ctypes.jsm'); var gdk = ctypes.open('libgdk-x11-2.0.so.0'); // types let guint32 = ctypes.uint32_t; let gdkwindow = ctypes.structtype('gdkwindow'); // https://developer.gnome.org/gdk3/s
table/gdk3-windows.html#gdk-window-focus var gdk_window_focus = gdk.declare('gdk_window_focus', ctypes.default_abi, ctypes.void_t, gdkwindow.ptr, guint32); // https://developer.gnome.org/gdk2/s
table/gdk2-x-window-system-interaction.html#gdk-x11-get-server-time var gdk_x11_get_server_time = gdk.declare('gdk_x11_get_server_time', ctypes.default_abi, guint32, gdkwindow.ptr); var browserwindow_madeinto...
...ptrstring = basewindow.nativehandle; components.utils.import('resource://gre/modules/ctypes.jsm'); var gdk = ctypes.open('libgdk-x11-2.0.so.0'); var gtk = ctypes.open('libgtk-x11-2.0.so.0'); // types let guint32 = ctypes.uint32_t; let gdkwindow = ctypes.structtype('gdkwindow'); let gpointer = ctypes.voidptr_t; let gtkwindow = ctypes.structtype('gtkwindow'); //https://developer.gnome.org/gdk3/s
table/gdk3-windows.html#gdk-window-get-user-data var gdk_window_get_user_data = gdk.declare('gdk_window_get_user_data', ctypes.default_abi, ctypes.void_t, gdkwindow.ptr, gpointer.ptr); //https://developer.gnome.org/gtk3/s
table/gtkwindow.html#gtk-window-present var gtk_window_present = gtk.declare('gtk_window_present', ctypes.default_abi, ctypes.void_t, gtkwindow.ptr); //https://developer.gnome.org/...
...And 2 more matches
Miscellaneous - Archive of obsolete content
the meaning of the action preference is shown in the following
table mousewheel.withxxxkey.action result 0 scroll by lines.
... = currentvalue.substring(element.selectionend, currentvalue.length); element.value = beforetext + snippet + aftertext; element.focus(); //put the cursor after the inserted text element.setselectionrange(selectionend, selectionend); } inserttext(document.getelementbyid("example"), "the text to be inserted"); disabling javascript programmatically // disable js in the currently active
tab from the context of browser.xul gbrowser.docshell.allowjavascript = false; if this isn't your browser, you should save the value and restore it when finished.
... var ci = components.interfaces; var cc = components.classes; //assume you can not get the main window object directly, if you can, just use it var wm = cc["@mozilla.org/appshell/window-mediator;1"].getservice(ci.nsiwindowmediator); var mainwindow = wm.getmostrecentwindow("navigator:browser"); //get sessionhistory from the current selected
tab var history = mainwindow.gbrowser.selectedbrowser.webnavigation.sessionhistory; and then get the page you want, and it's postdata.
...And 2 more matches
Enhanced Extension Installation - Archive of obsolete content
first it must locate the firefox execu
table, then run it with the -install-global-extension command line flag, which installs from a xpi into the firefox application directory.
... aside from the work of locating the firefox execu
table in the first place (which varies from platform to platform), this is very limiting because: it forces the third party application to package its firefox integration hooks as a xpi.
... <profile>/extensions-startup.manifest -all items this file contains a
tab delimited set of lines, one per item.
...And 2 more matches
Install Manifests - Archive of obsolete content
note: extensions compatible with firefox 3.5 should specify a maxversion of 3.5.*, so that they are automatically compatible with security and s
tability updates.
... <em:localized> <description> <em:locale>de-de</em:locale> <em:name>
tab sidebar</em:name> <em:description>zeigt in einer sidebar vorschaubilder der inhalte aller offenen
tabs an.</em:description> </description> </em:localized> the following properties which are described elsewhere in this page can be included in the localized property: name description creator homepageurl developer translator contributor more documentation can be found at localizing...
...accepted values are: 1 opens optionsurl in a dialog box 2 options are displayed inside the add-on manager 3 opens optionsurl in a new
tab (if the application supports that), or a dialog box optionstype defaults to 1 if there is an optionsurl included in install.rdf or 2 if there is no optionsurl and the file options.xul exists in the root of the add-on.
...And 2 more matches
Adding windows and dialogs - Archive of obsolete content
focus and
tabbing moving through all input controls in a window using only the keyboard is an accessibility requirement.
... you can do this in most firefox windows by pressing the
tab key.
... each
tab key press moves you to the next control in the window, giving it focus.
...And 2 more matches
Local Storage - Archive of obsolete content
you should carefully design your da
tabase structure, taking into account features you're planning on adding in the future.
... there are two paths you can take when creating the local da
tabase you'll be using for your extension: generate the da
tabase file (through mozistorageservice.openda
tabase(), all
tables (through mozistorageconnection.create
table(), and initial data when your extension starts up for the first time.
... if you need a complex da
tabase this can be heavy in terms of time and code, but this will only happen once and this can be done in a lazy or asynchronous way.
...And 2 more matches
Adding preferences to an extension - Archive of obsolete content
however, we do need to add one new line to the install.rdf file: <em:optionsurl>chrome://stockwatcher2/content/options.xul</em:optionsurl> this line es
tablishes the url of the xul file that describes the options dialog.
... es
tablish the defaults in order to set a default preference for the stock to monitor, we need to add a new folder to our extension's package, called "defaults", which in turn contains another folder called "preferences".
... the next step is to register a preference observer by calling the addobserver() method to es
tablish that whenever any events occur on the preferences, our object (this) receives notification.
...And 2 more matches
MMgc - Archive of obsolete content
class mymanagedclass : public mmgc::gcobject { // mymanagedclass is a gcobject, and // avmplus::hash
table is a gcobject, so use dwb dwb(avmplus::hash
table*) my
table; }; drc drc stands for deferred reference counted.
...c++ destructors are usually invoked in a comparatively predic
table order, since they're invoked explicitly by the application code.
...it's best to avoid finalizers if you can, since finalization behavior can be unpredic
table and nondeterministic, and also slows down the gc since the finalizers need to be invoked.
...And 2 more matches
Autoplay guide for media and Web Audio APIs - Web media technologies
note: put another way, playback of any media that includes audio is generally blocked if the playback is programmatically initiated in a
tab which has not yet had any user interaction.
...that could happen if the video is paused and resumed by the user or automatically by the browser when the document is in a background
tab.
... media.block-autoplay-until-in-foreground a boolean preference which indicates whether or not media playback is blocked when started on a background
tab.
...And 2 more matches
Digital audio concepts - Web media technologies
this is similar to how photographers will use high resolution images for editing and compositing before presenting the customer with a jpeg sui
table for use on a web site.
... all of this means there is a fundamental question that has to be asked and answered before choosing a codec: given the content of the sound, the usage context, and the target audience, is it accep
table to lose some degree of audio fidelity, and if so, how much; or is it necessary that, upon decoding the data, the result be identical to the source audio?
... lossy vs lossless compression if loss of detail and potentially fidelity is unaccep
table or undesirable, a lossless codec is preferred.
...And 2 more matches
SVG 2 support in Mozilla - SVG: Scalable Vector Graphics
version 2 contains a lot of changes regarding the last s
table version svg 1.1.
...matrixreadonly instead of svgmatrix implementation status unknown domrect or domrectreadonly instead of svgrect implementation status unknown dompoint or dompointreadonly instead of svgpoint implementation status unknown members of svgstylable and svglangspace available in svgelement implementation status unknown svggraphicselement instead of svgloca
table and svgtransformable implementation status unknown svggeometryelement with svggeometryelement.ispointinfill() and svggeometryelement.ispointinstroke() methods partially implemented (bug 1239100).
... never implemented svgelement.viewportelement and svgelement.ownersvgelement nullable implementation status unknown svgelement.getpresentationattribute() removed never implemented (prototype removed in bug 921456) svgcolor and svgicccolor removed never implemented svgelement.focus(), svgelement.blur() not implemented (bug 778654) svgelement.
tabindex implemented (bug 778654) document.activeelement implementation status unknown globaleventhandlers on svgelement implementation status unknown options dictionary attribute for svggraphicselement.getbbox() implemented behind the preference svg.new-getbbox.enabled (bug 999964, bug 1019326) allow leading and trailing whitespace in <length>, <angle>...
...And 2 more matches
WebAssembly
webassembly.global() a webassembly.global object represents a global variable instance, accessible from both javascript and impor
table/expor
table across one or more webassembly.module instances.
... webassembly.instance() a webassembly.instance object is a stateful, execu
table instance of a module.
... webassembly.
table() a webassembly.
table object is a resizable typed array of opaque values, like function references, that are accessed by an instance.
...And 2 more matches
Reddit Example - Archive of obsolete content
when the user clicks on the title of a story in the panel, the add-on opens the linked story in a new
tab in the main browser window.
...panel", icon: "./icon-16.png", onclick: function() { reddit_panel.show(); } }); var reddit_panel = require("sdk/panel").panel({ width: 240, height: 320, contenturl: "http://www.reddit.com/.mobile?keep_extension=true", contentscriptfile: [data.url("jquery-2.1.0.min.js"), data.url("panel.js")] }); reddit_panel.port.on("click", function(url) { require("sdk/
tabs").open(url); }); this code supplies two content scripts to the panel's constructor in the contentscriptfile option: the jquery library and the script that intercepts link clicks.
... finally, it registers a listener to the user-defined click event which in turn passes the url into the open function of the
tabs module.
... if ($(t).parents('#header').length || $(t).parents('.nextprev').length) return; // intercept the click, passing it to the addon, which will load it in a
tab.
clipboard - Archive of obsolete content
var clipboard = require("sdk/clipboard"); clipboard.set("<blink>lorem ipsum dolor sit amet</blink>", "html"); if the clipboard contains html content, open it in a new
tab.
... var clipboard = require("sdk/clipboard"); if (clipboard.currentflavors.indexof("html") != -1) require("sdk/
tabs").open("data:text/html;charset=utf-8," + clipboard.get("html")); set the clipboard contents to an image.
... var clipboard = require("sdk/clipboard"); clipboard.set("data:image/png;base64,ivborw0kggoaaaansuheugaaacaaaaagcaya" + "aabzenr0aaaasuleqvryhe3o0qkaiawd0eyqe3q993aq3cbsukpygfsnty" + "n5ugbqpk0baadgp0brdwxwlweaaaaagpsa3rzdaaaaahgpcgrpganzq2fg" + "bwrr9aaaaabjru5erkjggg%3d%3d"); if the clipboard contains an image, open it in a new
tab.
... var clipboard = require("sdk/clipboard"); if (clipboard.currentflavors.indexof("image") != -1) require("sdk/
tabs").open(clipboard.get()); as noted before, data type can be easily omitted for images.
windows - Archive of obsolete content
var windows = require("sdk/windows").browserwindows; //print how many
tabs the current window has console.log("the active window has " + windows.activewindow.
tabs.length + "
tabs."); // print the title of all browser windows for (let window of windows) { console.log(window.title); } // close the active window windows.activewindow.close(function() { console.log("the active window was closed"); }); methods activate() makes window active, ...
...usually the title of the active
tab, plus an app identifier.
...
tabs a live list of
tabs in this window.
... this object has the same interface as the
tabs api, except it contains only the
tabs in this window, not all
tabs in all windows.
places/favicon - Archive of obsolete content
the object can be a url string or a
tab.
... let { getfavicon } = require("sdk/places/favicon"); // string example getfavicon("http://mozilla.org").then(function (url) { console.log(url); // http://mozorg.cdn.mozilla.net/media/img/favicon.ico }); //
tab example require("sdk/
tabs").open({ url: "http://mozilla.org", onready: function (
tab) { getfavicon(
tab).then(function (url) { console.log(url); // http://mozorg.cdn.mozilla.net/media/img/favicon.ico }); } }); // an optional callback can be provided to handle // the promise's resolve and reject states getfavicon("http://mozilla.org", function (url) { console.log(url); // http://mozorg.cdn.mozilla.ne...
...t/media/img/favicon.ico }); parameters object : string|
tab a value that represents the url of the page to get the favicon url from.
... can be a url string or a
tab.
Developing for Firefox Mobile - Archive of obsolete content
the
tables at the end of this guide list the modules that are currently supported on firefox mobile.
... afterwards you can delete it using adb as follows: adb shell cd /mnt/sdcard rm my-addon.xpi module compatibility modules not supported in firefox mobile are marked in the
tables below.
...page-mod supported page-worker supported panel not supported passwords supported private-browsing not supported querystring supported request supported selection not supported self supported simple-prefs supported simple-storage supported system supported
tabs supported timers supported ui not supported url supported widget not supported windows supported low-level apis /loader supported chrome supported console/plain-text supported console/traceback supported content/content supported content/loader supported ...
...orted places/history not supported platform/xpcom supported preferences/service supported stylesheet/style supported stylesheet/utils supported system/environment supported system/events supported system/runtime supported system/unload supported system/xul-app supported
tabs/utils supported test/assert supported test/harness supported test/httpd supported test/runner supported test/utils supported ui/button/action not supported ui/button/toggle not supported ui/frame not supported ui/id supported ui/sidebar not supported ui/toolbar n...
Appendix E: DOM Building and Insertion (HTML & XUL) - Archive of obsolete content
var href = "http://www.google.com/"; var text = "google"; $("body").append( $("<div>", { class: "foo" }) .append($("<a>", { href: href, text: text }) .click(function (event) { alert(event.target.href) })) .append($("<span>").text("foo"))); innerhtml with html escaping this method is a last resort which should be used only as a temporary measure in es
tablished code bases.
...generating scripts in this matter is deprecated and should be avoided wherever possible, but is relatively safe and sometimes accep
table.
... let { cc, ci } = require("chrome"); /** * safely parse an html fragment, removing any execu
table * javascript, and return a document fragment.
...parser.sanitizerallowstyle : 0, !!isxml, baseuri, doc.documentelement); } return cc["@mozilla.org/feed-unescapehtml;1"] .getservice(ci.nsiscrip
tableunescapehtml) .parsefragment(html, !!isxml, baseuri, doc.documentelement); } the returned fragment may be appended to any element in the given document.
Setting up an extension development environment - Archive of obsolete content
you do not have to install these uns
table versions, if you do not wish.
...(linux, mac os x, windows instructions.) you'll see the list of available user profiles one which is default (s
table) and other (uns
table) profile(s) created automatically when you run other versions of firefox earlier.
...on the "advanced" page, select the "general"
tab then click the "config editor" button.
...nderbird") mozrepl explore and modify firefox and other mozilla apps while they run (firefox, thunderbird version is not working) executejs an enhanced javascript console (firefox version, thunderbird version is not working) xpcomviewer an xpcom inspector (firefox and thunderbird) javascript shells to test snippets of javascript (firefox and thunderbird) sqlite manager to manage the sqlite da
tabase (firefox and thunderbird) viewabout enables access to various about: dialogs from the view menu (firefox version, thunderbird version ) crash me now!
Promises - Archive of obsolete content
promise apis for common asynchronous operations due to the performance and s
tability costs of synchronous io, many apis which rely on it have been deprecated.
... for use cases which are not easily served by other options, or for legacy code which cannot easily be upgraded to non-relational models, the sqlite.jsm module provides a clean, promise-based interface to sqlite da
tabases.
... let db = yield sqlite.openconnection({ path: da
tabase_path }); try { // start a transaction to insert the data.
... let [row] = yield db.execute( "select value from nodes where key = 'timestamp' \ order by value desc limit 1"); latesttimestamp = row.getresultbyindex(0); } finally { // make sure to close the da
tabase when finished.
Autodial for Windows NT - Archive of obsolete content
a brief history of autodial on windows in the consumer versions of windows, (windows 95, windows 98, windows me) autodial for all applications is controlled from the control panel, in the internet options applet, under the
tab connections.
...these addresses are stored in an os da
tabase, the ras autodial addresses db, and a set of heuristics are used to determine if an address is already in the da
tabase or not.
... essentially, if some address at domain.com is in the da
tabase, then any address at domain.com is considered to be in the da
tabase.
... also, if any address that starts with www is in the da
tabase, then any other address that begins with www is considered to be in the da
tabase.
Creating a Skin for Firefox/Getting Started - Archive of obsolete content
this file is a small xml da
tabase which is used to describe the skin.
...this file is a small xml da
tabase that describes the skin.
... <description about="urn:mozilla:install-manifest"> <em:id>{themes_uuid}</em:id> <em:version>themes_version</em:version> the first section requires that you es
tablish a uuid for your theme and that you give your theme a version number.
...pdate the minimum and maximum compatible versions for the target application (firefox) in the following section: <em:targetapplication> <description> <!-- firefox's uuid --> <em:id>{ec8030f7-c20a-464f-9b0e-13a3a9e97384}</em:id> <em:minversion>min_ff_version</em:minversion> <em:maxversion>max_ff_version</em:maxversion> </description> </em:targetapplication> es
tablishing both minimum and maximum compatible versions lets you avoid conflicts with versions of firefox your theme wasn't designed for -- or wasn't tested on.
Downloading Nightly or Trunk Builds - Archive of obsolete content
a trunk build is a build made off the trunk, i.e., the latest, newest, but also least s
table and most buggy state of the source.
...these are the "tinderbox builds", also known as "hourly builds" though it usually takes more than one hour to make one; they are followed by automatic tests and their main purpose is to check that nothing is horridly wrong with the latest change to the source: what they are doing is to constantly check that the current source can be built into an execu
table and that that execu
table passes a certain more-or-less fixed set of tests.
...if one has questions about the way a particular nightly was built, the best way to get that information is to download the execu
table, launch it, and then go to the "about:buildconfig" page, by typing this into the location bar.
... this should provide all the build flags and configuration settings used for building this execu
table.
Code snippets - Archive of obsolete content
tabs from other computers this snippet shows how to load all
tabs from other computers.
...requestor) .getinterface(components.interfaces.nsiwebnavigation) .queryinterface(components.interfaces.nsidocshelltreeitem) .roottreeitem .queryinterface(components.interfaces.nsiinterfacerequestor) .getinterface(components.interfaces.nsidomwindow); // obtain a reference to sync's
tabs "engine." let
tabsengine = weave.service.enginemanager.get("
tabs"); // iterate over each client having data.
... for each (let client in
tabsengine.getallclients()) { for each (let
tab in client.
tabs) { let url =
tab.urlhistory[0]; // load the
tab via the
tabbed browser api.
... mainwindow.gbrowser.add
tab(url); } } partially corrupt a server components.utils.import("resource://services-sync/main.js"); components.utils.import("resource://services-sync/resource.js"); function deletepath(path) { let resource = new resource(weave.service.storageurl + path); resource.setheader("x-confirm-delete", "1"); return resource.delete(); } // delete meta/global: deletepath("meta/global"); // delete keys: deletepath("crypto/keys"); // delete server: deletepath(""); corrupt a single engine on the server let engine = "bookmarks"; components.utils.import("resource://services-sync/main.js"); components.utils.import("resource://services-sync/resource.js"); components.utils.import("resource://services-sync/util.js"); let r = new resource(weave.service.storageurl + "meta...
Modularization techniques - Archive of obsolete content
a pure virtual interface is simply a class where every method is defined as pure virtual, that is: virtual int foo(int bar) = 0; pure virtual interfaces provide an easy mechanism for passing function
tables between modules that may reside in separate, possibly dynamically loaded, libraries.
...this mechanism can be used on factories that are linked into the execu
table.
...this mechanism can be used both inside an execu
table at run-time and externally using the apersist flag to tell the repository to store the class id/library relationship in its permenant store.
...you can manually assemble interfaces using function
tables and macros, but you'd be simply doing by hand what a c++ compiler can do for you automatically.
New Skin Notes - Archive of obsolete content
if this is going to be the default skin used by editors, they are unaccep
tably small.
...in the case of a story book, small text columns do seem reasonable, but i don't think this is nice for technical documentation which requires usage of
tables, etc...
...
tab links are currently as intended.
...
tab text will currently remain untranslated ("documentation").
Proxy UI - Archive of obsolete content
products firefox menu: preferences > advanced
tab > networking
tab > connection button.
... thunderbird menu: preferences > advanced
tab > networking
tab > connection button.
... enabling and disabling related fields when a radio button is selected, the related ui elements are enabled (and edi
table).
... the previously selected radio button becomes unselected, and the related ui of the previous button is disabled (and is not edi
table).
The new nsString class implementation (1999) - Archive of obsolete content
the deficiencies of the current implementation are: class based -- making it unsui
table for cross-dll usage due to fragility little intrinsic i18n support few efficiencies, no
tably a lack of support for narrow (1-byte) character strings no support for external memory management policy lack of xpcom interface no
table features of the new nsstrimpl implementation are: intrinsic support for 1 and 2 byte character widths provides automatic conversion between strings with differ...
...usage patterns how to use these classes to increase the por
tability, thread and process safety of gecko, i suggest the following rules regarding the use of each of our string class derivatives: <center> string class</center> <center> where to use</center> nsstrimpl use to pass strings between modules who have linked the nsstrimpl function library.
... there are implications regarding this implementation, no
tably dealing with api changes throughout gecko.
... no
tably, nsstrings in api's will be discouraged in public api's.
Using addresses of stack variables with NSPR threads on win16 - Archive of obsolete content
however, since it affects the por
tability of code, it was deemed prudent to include a short memo describing the issue.
...0 : 1; } this is a completely correct (albeit trivial) program that will run predic
tably on all nspr platforms other than win-16.
...the only por
table manner to write this program requires that the shared structure be allocated from the heap.
... original document information author: larryh@netscape.com, wan teh chang last updated date: december 1, 2004 this note is about writing win16-por
table code that uses nspr threads, probably not interesting to today's developers ...
linkedpanel - Archive of obsolete content
« xul reference home linkedpanel type: id the id of the linked
tabpanel element that will be displayed when the
tab is selected.
... if this attribute is not used, the
tab will be connected to the panel at the corresponding index in the
tabpanels element that the
tab is in its
tabs container.
... however, if this attribute is used, this behavior is overridden, and the
tab will always be linked to a specific panel.
... this might be used to avoid duplication by linking several
tabs to one panel with slight differences to the content adjusted in the select event.
pending - Archive of obsolete content
« xul reference home pending type: boolean this attribute is set to true if the
tab is currently in the process of being restored by the session store service.
... once the
tab is restored, this attribute is removed.
... you can determine if a
tab is being restored by checking to see if hasattribute("pending") is true.
... if the user has turned on the "don't load
tabs until selected" preference, the pending attribute is set on
tabs until they get loaded.
Attribute (XUL) - Archive of obsolete content
tedefaultindex container containment contentcontextmenu contenttooltip context contextmenu control crop curpos current currentset customindex customizable cycler datasources decimalplaces default defaultbutton defaultset description dir disableautocomplete disableautoselect disableclose disabled disablehistory disablekeynavigation disablesecurity dlgtype dragging edi
table editortype element empty emptytext deprecated since gecko 2 enablecolumndrag enablehistory equalsize eventnode events expr firstdayofweek firstpage first-
tab fixed flags flex focused forcecomplete grippyhidden grippytooltiptext group handlectrl
tab height helpuri hidden hidechrome hidecolumnpicker hideheader hideseconds hidespinbuttons highlightnonmatches homepa...
...ge href icon id ignoreblurwhilesearching ignorecase ignoreincolumnpicker ignorekeys image inactivetitlebarcolor increment index inputtooltiptext insertafter insertbefore instantapply inverted iscontainer isempty key keycode keytext label lastpage lastselected last-
tab left linkedpanel max maxheight maxlength maxpos maxrows maxwidth member menu menuactive min minheight minresultsforpopup minwidth mode modifiers mousethrough movetoclick multiline multiple name negate newlines next noautofocus noautohide noinitialfocus nomatch norestorefocus object observes onbeforeaccept onbookmarkgroup onchange onclick onclose
tab oncommand oncommandupdate ondialogaccept ondialogcancel ondialogclosure ondialogextra1 ondialogextra2 ondialogh...
...elp onerror onerrorcommand onextra1 onextra2 oninput onload onnew
tab onpageadvanced onpagehide onpagerewound onpageshow onpaneload onpopuphidden onpopuphiding onpopupshowing onpopupshown onsearchcomplete onselect ontextcommand ontextentered ontextrevert ontextreverted onunload onwizardback onwizardcancel onwizardfinish onwizardnext open ordinal orient pack pageid pageincrement pagestep parent parsetype persist persistence phase pickertooltiptext placeholder popup position predicate preference preference-edi
table primary priority properties querytype readonly ref rel removeelement resizeafter resizebefore rows screenx screeny searchbutton searchsessions searchlabel selected selectedindex seltype setfocus showcaret showcomment...
...column showpopup size sizemode sizetopopup smoothscroll sort sortactive sortdirection sortresource sortresource2 spellcheck src state statedatasource statusbar statustext style subject substate suppressonselect
tabindex
tabscrolling targets template timeout title toolbarname tooltip tooltiptext tooltiptextnew top type uri useraction validate value var visuallyselected wait-cursor width windowtype wrap wraparound ...
Working With Directories - Archive of obsolete content
file and stream guide: [ nsiscrip
tableio | accessing files | getting file information | reading from files | writing to files | moving, copying and deleting files | uploading and downloading files | working with directories ] important note: the pages from the file and stream guide use the io object (nsiscrip
tableio), which was not available in any released version of the platform (pending some fixes).
...other documentation on files and i/o not using the unavailable nsiscrip
tableio apis: code snippets: file i/o, open and save dialogs, reading textual data, writing textual data, list of file-related error codes.
... a reference to a directory may be created in the same way as with a file by using nsiscrip
tableio.getfile().
...this method returns true if a file object returned by nsiscrip
tableio.getfile() refers to a directory, and false otherwise.
Menus - Archive of obsolete content
for more information about how to use an overlay to modify a menu, see using menus and popups in extensions the following
tables list the ids of menus in firefox that are commonly overlaid upon.
... spell-no-suggestions the no spelling suggestions item - no
table as it is the first item on the context menu.
... edi
table text context-openlink opens a link in a new window links context-openlinkin
tab opens a link in a new
tab links context-bookmarklink bookmarks a link links context-savelink saves a link links context-sendlink sends a link in an email links context-copyemail copies an email address mailto: links context-copylink copies a link links context-viewimage views an image at full size images context-copyimage-contents copies an image to the clipboard images context-copyimage copies the url of an image to the clipboard images context-saveimage saves an image images context-sendimage sends an image in an email imag...
...-reload reloads a page context-stop stops loading a page context-bookmarkpage bookmarks a page context-savepage saves a page context-sendpagetodevice send page to device context-sendpage send page in an email context-viewbgimage views a background image context-undo undo edi
table text context-cut cuts to clipboard edi
table text context-copy copies to clipboard context-paste pastes from clipboard edi
table text context-delete deletes selection edi
table text context-selectall selects all context-searchselect selected text is searched context-viewpartialsource-selection ...
replaceGroup - Archive of obsolete content
« xul reference home replacegroup( group ) not in firefox return type: array of session history objects replaces existing
tabs with a new set.
... if there were more
tabs before, the additional ones are not removed.
... you can use the remove
tab method to remove the existing
tabs first if that is desired.
...this method returns an array of the session history objects for the
tabs that were removed.
Adding HTML Elements - Archive of obsolete content
you can actually use any html element in a xul file, meaning that java applets and
tables can be placed in a window.
...<html:img src="banner.jpg"/> <html:input type="checkbox" value="true"/> <html:
table> <html:tr> <html:td> a simple
table </html:td> </html:tr> </html:
table> these examples will create an image from the file banner.jpg, a checkbox and a single-cell
table.
... you should always use xul features if they are available and you probably should not use
tables for layout in xul.
...if you left out the html: part, the browser would think that the elements were xul elements and they would not display because img, input,
table, and so on are not valid xul tags.
Commands - Archive of obsolete content
commands provide a sui
table way to abstract operations from the code.
...if you did not use commands, you would need to figure out which field has the focus, then check to ensure that the operation is sui
table for that element.
... in addition, the menu commands would need to be enabled and disabled depending on whether the focused element had selected text or not, and for paste operations, whether there is something sui
table on the clipboard to paste.
... if the currently focused element does not have a sui
table controller, the window is checked next.
Introduction - Archive of obsolete content
java, for example, has por
tability as a main selling point.
... xul is one such language designed specifically for building por
table user interfaces.
...some elements that can be created are: input controls such as textboxes and checkboxes toolbars with buttons or other content menus on a menu bar or pop up menus
tabbed dialogs trees for hierarchical or
tabular information keyboard shortcuts the displayed content can be created from the contents of a xul file or with data from a datasource.
...a browser isn't required to run these applications, as they have their own execu
table file.
Introduction to RDF - Archive of obsolete content
rdf da
tabase let's take the example of a bookmarks list generated from rdf.
...think of the bookmarks as a da
tabase, which is stored as a large
table with numerous fields.
...each of the fields in an rdf da
tabase is a resource, each with a name associated with it.
...rdf/xml file example below, a sample rdf/xml file is shown, listing a
table with three records and three fields.
XUL Changes for Firefox 1.5 - Archive of obsolete content
this lists the most no
table changes to xul in firefox 1.5 (gecko 1.8).
...
tabindex the
tabindex property is now applied to most elements.
... draggable
tabs the
tabbrowser now allows the user to rearrange
tabs by dragging them.
... <
tabbox> the <
tabbox> element now supports a selectedindex attribute to specify the
tab to be selected by default.
XUL Questions and Answers - Archive of obsolete content
an example of this is: var tree = document.getelementbyid('treeid'); selectedtreeitem = tree.view.getitematindex(tree.currentindex); selectedtreeitem.firstchild.setattribute('style', 'background: #ff0000'); what is an example of
tab browser in xul?
... an example of
tab browswer in xul how can i get uris on open
tabs?
... // this fires when all load finish } if ( aflag & listobj.wpl.state_is_network ) { // fires when all load are really over, // do something "final" here // (my two cents) } else { // this fires when a load finishes } } } return 0; } // this fires when the location bar changes i.e load event is confirmed // or when the user switches
tabs listobj.onlocationchange = function(aprogress, arequest, auri) { // do whatever you want to do return 0; } // for definitions of the remaining functions see xulplanet.com listobj.onprogresschange = function() { return 0 }; listobj.onstatuschange = function() { return 0 }; listobj.onsecuritychange = function() { return 0 }; listobj.onlinkiconavailable = function() { return 0 }; /* i use the...
...this should then create the da
tabase.
The Implementation of the Application Object Model - Archive of obsolete content
the second section describes the xul/rdf architecture itself and outlines enhancements to the xul language in order to allow the markup language to reference local data and to indicate how and when it would like to be annota
table with local data.
...the tree widget that is extending the
table code has no drawing code, and even by the time it has matched and far outstripped the capabilities of the old gfx-based tree widget, it will still contain no drawing code.
...these include: configurable ui, the ability to place html inside widgets like the trees and toolbars, scrip
tability of those widgets, scrip
tability of the ui, local/remote merging, aggregation of data...
...let's look at the set of interfaces that nsmailelement needs to implement in order to exist in a xul tree as fully scrip
table content.
browser - Archive of obsolete content
subdocuments of chrome documents are of chrome type, unless the container element (one of iframe, browser or editor) has one of the special type attribute values (the common ones are content, content-targe
table and content-primary) indicating that the subdocument is of content type.
... content-targe
table one browser among many for content.
... note: this is the xul method on <browser> / <
tabbrowser>, not the global function in chrome://browser/content/browser.js.
... note: both browsers must be either standalone browsers or embedded in a
tabbrowser.
iframe - Archive of obsolete content
attributes showcaret, src, type, transparent properties accessibletype, contentdocument, contentwindow, docshell, webnavigation examples <iframe src="
table.php" flex="2" id="browser
table" name="
table_frame"/> selecting an url from a menu <menulist oncommand="donav(this);"> <menupopup> <menuitem label="mozilla" value="http://mozilla.org" /> <menuitem label="slashdot" value="http://slashdot.org"/> <menuitem label="sourceforge" value="http://sf.net" /> <menuitem label="freshmeat" value="http://freshmeat.net"/> </menupopup> </me...
...subdocuments of chrome documents are of chrome type, unless the container element (one of iframe, browser or editor) has one of the special type attribute values (the common ones are content, content-targe
table and content-primary) indicating that the subdocument is of content type.
... content-targe
table one browser among many for content.
... inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-edi
table, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties accessibletype type: integer a value indicating the type of accessibility object for the element.
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-menubar"> <menu id="file-menu" label="file"> <menupopup id="fi...
...for an edi
table menuitem element the value of this attribute is copied to the menulist.value property upon user selection of the menuitem.
...for user edi
table menulist elements, the contents, as visible to the user, are read and set using the menulist.value syntax.
...for textbox and user edi
table menulist elements, the contents, as visible to the user, are read and set using the textbox.value and menulist.value syntax.
reftest opportunities files - Archive of obsolete content
parser/htmlparser/tests/html/target01.html parser/htmlparser/tests/html/tag008.html parser/htmlparser/tests/html/tag007.html parser/htmlparser/tests/html/tag006.html parser/htmlparser/tests/html/tag005.html parser/htmlparser/tests/html/tag004.html parser/htmlparser/tests/html/tag003.html parser/htmlparser/tests/html/tag002.html parser/htmlparser/tests/html/tag001.html parser/htmlparser/tests/html/
tableall.html parser/htmlparser/tests/html/
table205.html parser/htmlparser/tests/html/
table204.html parser/htmlparser/tests/html/
table203.html parser/htmlparser/tests/html/
table202.html parser/htmlparser/tests/html/
table201.html parser/htmlparser/tests/html/
table200.html parser/htmlparser/tests/html/
table07.html parser/htmlparser/tests/html/
table05o.html parser/htmlparser/tests/html/
table05n.html par...
...ser/htmlparser/tests/html/
table05m.html parser/htmlparser/tests/html/
table05l.html parser/htmlparser/tests/html/
table05k.html parser/htmlparser/tests/html/
table05d.html parser/htmlparser/tests/html/
table05c.html parser/htmlparser/tests/html/
table05b.html parser/htmlparser/tests/html/
table05a.html parser/htmlparser/tests/html/strike008.html parser/htmlparser/tests/html/strike007.html parser/htmlparser/tests/html/strike006.html parser/htmlparser/tests/html/strike005.html parser/htmlparser/tests/html/strike002.html parser/htmlparser/tests/html/span003.html parser/htmlparser/tests/html/span002.html parser/htmlparser/tests/html/span001.html parser/htmlparser/tests/html/residual.html parser/htmlparser/tests/html/quote003.html parser/htmlparser/tests/html/quote002.html parser/htmlparser/tests/html/q...
...sts/html/br001.html parser/htmlparser/tests/html/bigtxt.html parser/htmlparser/tests/html/bigscript.html parser/htmlparser/tests/html/bdo001.html parser/htmlparser/tests/html/badscript.html parser/htmlparser/tests/html/attribute_quote_bug1.html parser/htmlparser/tests/html/atoi01.html parser/htmlparser/tests/html/aname01.html parser/htmlparser/tests/html/acronym1.html parser/htmlparser/tests/html/
table_illegal_2.html parser/htmlparser/tests/html/
table_illegal_1.html parser/htmlparser/tests/html/
table06.html parser/htmlparser/tests/html/
table05j.html parser/htmlparser/tests/html/
table05i.html parser/htmlparser/tests/html/
table05h.html parser/htmlparser/tests/html/
table05g.html parser/htmlparser/tests/html/
table05f.html parser/htmlparser/tests/html/
table05e.html parser/htmlparser/tests/html/
tab...
...le05.html parser/htmlparser/tests/html/
table04.html parser/htmlparser/tests/html/
table03.html parser/htmlparser/tests/html/
table02.html parser/htmlparser/tests/html/
table01.html parser/htmlparser/tests/html/entity.html parser/htmlparser/tests/html/bug1239.html parser/htmlparser/tests/html/bug1220.html parser/htmlparser/tests/html/bug1203.html parser/htmlparser/tests/html/96130.html parser/htmlparser/tests/html/94208.html parser/htmlparser/tests/html/93365.html parser/htmlparser/tests/html/92530.html parser/htmlparser/tests/html/91051.html parser/htmlparser/tests/html/88992.html parser/htmlparser/tests/html/88746.html parser/htmlparser/tests/html/84491.html parser/htmlparser/tests/html/84000.html parser/htmlparser/tests/html/79492.html parser/htmlparser/tests/html/78848.html parser/htmlparser/...
SSL and TLS - Archive of obsolete content
both of these protocols support using a variety of different cryptographic algorithms, or ciphers, for operations such as authenticating the server and client, transmitting certificates, and es
tablishing session keys.
...among other functions, the ssl handshake determines how the server and client negotiate which cipher suite they will use to authenticate each other, to transmit certificates, and to es
tablish session keys.
... bits of security rsa key length ecc key length
table 1: comparison of rsa and ecc cipher strength 80 1024 160-223 112 2048 224-255 128 3072 256-383 192 7860 384-511 256 15360 512+ the information in this
table is from the national institute of standards and technology (nist).
... for more information on ecc, see rfc 4492, section 5.6.1,
table 2.
Vulnerabilities - Archive of obsolete content
however, an attacker could generate false arp messages to poison a system’s arp
table and thereby launch a denial-of-service or a man-in-the-middle attack.
...some will be very easy to exploit, while others will only be exploi
table under a combination of highly unlikely conditions.
... website vulnerabilities owasp or open web security project is a non-profit chari
table organization focused on improving the security of software and web applications.
... the web security vulnerabilities are prioritized depending on exploi
tability, detec
tability and impact on software which can be any cms such as wordpress, joomla, magento, wocommerce and more.
Common Firefox theme issues and solutions - Archive of obsolete content
operating system specific issues windows 7 windows 7 aero missing right-hand title bar buttons when
tabs are on top and the menu bar is disabled, firefox is missing the min/max/restore/close button on the right side of the title bar.
...in order to work around this issue, you need to either rename any of the following files that are in your chrome://browser/skin/ folder and fix any references to those files, or copy them to the folder chrome://browser/skin/lion/: keyhole-circle.png toolbar.png toolbarbutton-dropmarker.png
tabbrowser/all
tabs-box-bkgnd-icon.png
tabview/
tabview.png places/toolbar.png linux linux select box fields are showing both drop arrow and spinner arrows on linux: the styling of drop down select box fields may show both a drop arrow and up/down spinner arrows.
... app button not styled on linux, but is styled on windows on linux the firefox app button that is displayed when
tabs are on top and menu bar is disabled is not styled properly compared to windows and is not changing colors when in private browsing mode.
... toolbars and menus firefox application button application button doesn't change styling for private browsing mode when in private browsing mode there needs to be a visual difference to the firefox app button that is displayed when
tabs are on top and the menu bar is disabled.
Browser Feature Detection - Archive of obsolete content
browser sniffing via api name detection the following
tables list the api names defined for specific w3c dom apis and lists the percentage of names that your browser actually defines followed by a list of each of the api names tested along with an indication of whether the name was defined for your browser.
... richness true false false right true true true size true false true speak true false true speakheader true false false speaknumeral true false false speakpunctuation true false false speechrate true false true stress true false false
tablelayout true true true textshadow true false true top true true true unicodebidi true true true visibility true true true voicefamily true false true volume true false true widows true false true zindex true true true test code // documen...
...alse}, {name: 'richness', 'supported': false}, {name: 'right', 'supported': false}, {name: 'size', 'supported': false}, {name: 'speak', 'supported': false}, {name: 'speakheader', 'supported': false}, {name: 'speaknumeral', 'supported': false}, {name: 'speakpunctuation', 'supported': false}, {name: 'speechrate', 'supported': false}, {name: 'stress', 'supported': false}, {name: '
tablelayout', 'supported': false}, {name: 'textshadow', 'supported': false}, {name: 'top', 'supported': false}, {name: 'unicodebidi', 'supported': false}, {name: 'visibility', 'supported': false}, {name: 'voicefamily', 'supported': false}, {name: 'volume', 'supported': false}, {name: 'widows', 'supported': false}, {name: 'zindex', 'supported': false} ] }; function supports(object, f...
...].supported = true; ++level; } return math.floor( (100 * level) / features.length ); } function generatereport(object, featureset, description) { var i; var features = _features[featureset]; document.write('<p><b>' + featureset + ' support for properties/methods in ' + description + ', percentage of names defined = ' + supports(object, featureset) + '%<\/b><\/p>'); document.write('<
table cellspacing="0">'); for (i = 0; i < features.length; i++) { if (features[i].supported) document.write('<tr><td>' + features[i].name + '<\/td><td>' + features[i].supported + '<\/td><\/tr>'); else document.write('<tr><td>' + features[i].name + '<\/td><td style="background-color:red">' + features[i].supported + '<\/td><\/tr>'); } document.write('<\/
table>'); } var old...
Mozilla XForms Specials - Archive of obsolete content
(limitation tracked in bug 280368) mixing repeat and
table or ul it is not possible to mix repeats with either
table or ul.
... that means that it is not possible to do: <
table> <xf:repeat ...> <tr> ...
... </tr> </xf:repeat> </
table> or <ul> <xf:repeat ...> <li> ...
... </li> </xf:repeat> </ul> section 9.3.2 states that mixing with
table will probably never work.
XForms Repeat Element - Archive of obsolete content
ines/my:line[index('lineset')]/price">0.00</setvalue> </action> </trigger> <trigger> <label>remove current item</label> <delete ev:event="domactivate" nodeset="/my:lines/my:line" at="index('lineset')"/> </trigger> attribute based repeat when using xforms within host languages like xhtml, it is often necessary to create repeating structures within constructs such as html:
table.
... thus, one might wish to use element repeat within a
table to create the rows of a
table, where each row of the
table binds to a distinct member of a homogeneous collection.
... since html:
table doesn't (and probably never will) allow xforms:repeat elements as children, another syntax is needed.
...there are a number of errors that may occur, especially when these attributes are used with html:
table.
The Business Benefits of Web Standards - Archive of obsolete content
according to various reports, case studies, and andy king, author of speed up your web site: web site optimization, css has made it possible to transform
table-based layouts into css-based layouts.
... assumptions about the user and their platform based on erroneous thinking about the anticipated user community are inevi
tably always wrong.
...that has been the real impact of the zen garden, in helping to demonstrate the stunning results which are possible without altering the markup, and indeed keeping the amount of presentational markup to an accep
table minimum.
...in some cases, where a significant portion of the audience is running netscape 4.x, use of simple
tables for layout and css for font control may be a solution.
Anatomy of a video game - Game development
that callback function will be executed at a sui
table time before the next repaint.
... building a better main loop in javascript there are two obvious issues with our previous main loop: main() pollutes the window object (where all global variables are stored) and the example code did not leave us with a way to stop the loop unless the whole
tab is closed or refreshed.
...for the sake of demonstration, the example is based on the third bullet point, just without using web workers for readability (and, let's be honest, wri
tability).
...this could occur when the user unselects your
tab and the browser sleeps (or slows) its requestanimationframe callback interval.
Building up a basic demo with PlayCanvas editor - Game development
click on the plus button in the assets
tab, and click on the material option in the dropdown list that appears to create a new material.
... click on your new material in the assets
tab and its entity inspector will appear on the right hand side of the display.
... now click on the play arrow in the top right corner of the scene to launch and render the scene — it will be opened in a separate browser
tab.
... save the changes using the save button in the top right of the code editor, then return to the main editor
tab.
SQL Injection - MDN Web Docs Glossary: Definitions of Web-related terms
hackers can maliciously pass sql commands through the web app for execution by a backend da
tabase.
... sql injection can gain unauthorized access to a da
tabase or to retrieve information directly from the da
tabase.
...just due to a simple string (magical string) the entire da
tabase is compromised.
...the revised magical string fails to bypass the authentication, and your da
tabase stays secure.
Mobile accessibility - Learn web development
as an example, the click event is good in terms of accessibility — an associated event handler can be invoked by clicking the element the handler is set on,
tabbing to it and pressing enter/return, or tapping it on a touchscreen device.
... in particular, the most common problems that need to be addressed for mobile are: sui
tability of layouts for mobile devices.
...for example: types number, tel, and email display sui
table virtual keyboards for entering numbers/telephone numbers.
... types time and date display sui
table pickers for selecting times and dates.
What is accessibility? - Learn web development
can you use the
tab key to move between the different controls of a web form, for example?
...test early and often, ideally running automated tests to pick up on programmatically detec
table missing features (such as missing image alternative text or bad link text — see element relationships and context) and doing some testing with disabled user groups to see how well more complex site features work for them.
...if you are planning to include a whizzy 3d pie chart graphic made using webgl, you might want to include a data
table as an accessible alternative representation of the data.
... or, you might want to just include the
table and get rid of the 3d pie chart — the
table is accessible by everyone, quicker to code, less cpu-intensive, and easier to maintain.
Debugging CSS - Learn web development
load this up in a new
tab if you want to follow along, and open up your devtools as described in the article linked above.
... you can also take a look at the browser compatibility
tables at the bottom of each property page on mdn.
...the below
table shows the compat data for the shape-outside property.
... previous overview: building blocks next in this module cascade and inheritance css selectors type, class, and id selectors attribute selectors pseudo-classes and pseudo-elements combinators the box model backgrounds and borders handling different text directions overflowing content values and units sizing items in css images, media, and form elements styling
tables debugging css organizing your css ...
CSS building blocks - Learn web development
note: if you are working on a computer/
tablet/another device where you don't have the ability to create your own files, you could try out (most of) the code examples in an online coding program such as jsbin or glitch.
...overflow is what happens when there is too much content to be contained comfor
tably inside a box.
... styling
tables styling an html
table isn't the most glamorous job in the world, but sometimes we all have to do it.
... this article provides a guide to making html
tables look good, with some specific
table styling techniques highlighted.
Supporting older browsers - Learn web development
at the bottom of this page is a
table, which lists major browsers along with the version they began supporting this property.
... display:
table the method of creating css
tables described in the introduction to these lessons can be used as a fallback.
... items that have css
table layouts set on them will lose this behaviour if they become flex or grid items.
... importantly, the anonymous boxes created to fix up the
table structure are not created.
Fundamental text and font styling - Learn web development
serif, sans-serif and monospace are quite predic
table and should provide something reasonable.
... on the other hand, cursive and fantasy are less predic
table and we recommend using them very carefully, testing as you go.
... it is a good idea to provide a sui
table generic font name at the end of the stack so that if none of the listed fonts are available, the browser can at least provide something approximately sui
table.
...you can either do this using offline html/css files, or enter your code into the live edi
table example below.
Styling links - Learn web development
previous overview: styling text next when styling links, it is important to understand how to make use of pseudo-classes to style link states effectively, and how to style links for use in common varied interface features such as navigation menus and
tabs.
... focus: a link when it has been focused (for example moved to by a keyboard user using the
tab key or similar, or programmatically focused using htmlelement.focus()) — this is styled using the :focus pseudo class.
... focused links have an outline around them — you should be able to focus on the links on this page with the keyboard by pressing the
tab key (on mac, you'll need to use option +
tab, or enable the full keyboard access: all controls option by pressing ctrl + f7.) active links are red (try holding down the mouse button on the link as you click it.) interestingly enough, these default styles are nearly the same as they were back in the early days of browsers in the mid-1990s.
... in addition, links are quite commonly styled to look and behave like buttons in certain circumstances — a website navigation menu is usually marked up as a list containing links, and this can be easily styled to look like a set of control buttons or
tabs that provide the user with access to other parts of the site.
What is a web server? - Learn web development
a dynamic web server consists of a static web server plus extra software, most commonly an application server and a da
tabase.
... for example, to produce the final webpages you see in the browser, the application server might fill an html template with content from a da
tabase.
...typically, these kinds of sites are composed of only a few html templates and a giant da
tabase, rather than thousands of static html documents.
... the term dynamic means that the server processes the content or even generates it on the fly from a da
tabase.
HTML forms in legacy browsers - Learn web development
mdn has compatibility
tables available for most elements, properties and apis that can be used in a web page.
... html input types the input types added in html5 are all useable, even in ancient browsers, because the way they degrade is highly predic
table.
... to summarize, when it comes to styling form control widgets, the side effects of styling them with css can be unpredic
table.
...as you can see from the complexity of the property compatibility
table for form widgets article, it's very difficult.
Other form controls - Learn web development
(using contentedi
table on non-form controls provides an api for capturing html/"rich" content instead of plain text).
... the <option> elements can be nested inside <optgroup> elements to create visually associated groups of values: <select id="groups" name="groups"> <optgroup label="fruits"> <option>banana</option> <option selected>cherry</option> <option>lemon</option> </optgroup> <optgroup label="vege
tables"> <option>carrot</option> <option>eggplant</option> <option>potato</option> </optgroup> </select> on the <optgroup> element, the value of the label attribute is displayed before the values of the nested options.
... <select id="multi" name="multi" multiple size="2"> <optgroup label="fruits"> <option>banana</option> <option selected>cherry</option> <option>lemon</option> </optgroup> <optgroup label="vege
tables"> <option>carrot</option> <option>eggplant</option> <option>potato</option> </optgroup> </select> note: in the case of multiple choice select boxes, you'll notice that the select box no longer displays the values as drop-down content — instead, all values are displayed at once in a list, with the optional size attribute determining the height of the widget.
... previous overview: forms next in this module your first form how to structure a web form basic native form controls the html5 input types other form controls styling web forms advanced form styling ui pseudo-classes client-side form validation sending form data advanced topics how to build custom form controls sending forms through javascript property compatibility
table for form widgets ...
Sending form data - Learn web development
as an example, your form data will be shown as follows in the chrome network
tab.
... select "network" select "all" select "foo.com" in the "name"
tab select "headers" you can then get the form data, as shown in the image below.
...you might display it, store it into a da
tabase, send it by email, or process it in some other way.
...things to watch out for are character sequences that look like execu
table code (such as javascript or sql commands).
Adding vector graphics to the Web - Learn web development
svg is not supported in older browsers, so may not be sui
table if you need to support older versions of internet explorer with your web site (svg started being supported as of ie9.) raster graphics are arguably better for complex precision images such as photos, for the reasons described above.
... cons this method is only sui
table if you're using the svg in only one place.
... playable code <h2>live output</h2> <div class="output" style="min-height: 50px;"> </div> <h2>edi
table code</h2> <p class="a11y-label">press esc to move focus away from the code area (
tab inserts a
tab character).</p> <textarea id="code" class="input" style="width: 95%;min-height: 200px;"> <svg width="100%" height="100%"> <rect width="100%" height="100%" fill="red" /> <circle cx="100%" cy="100%" r="150" fill="blue" stroke="black" /> <polygon points="120,0 240,225 0,225" fill="gree...
..., function() { if(solution.value === 'show solution') { textarea.value = solutionentry; solution.value = 'hide solution'; } else { textarea.value = userentry; solution.value = 'show solution'; } updatecode(); }); const htmlsolution = ''; let solutionentry = htmlsolution; textarea.addeventlistener('input', updatecode); window.addeventlistener('load', updatecode); // stop
tab key
tabbing out of textarea and // make it write a
tab at the caret position instead textarea.onkeydown = function(e){ if (e.keycode === 9) { e.preventdefault(); insertatcaret('\t'); } if (e.keycode === 27) { textarea.blur(); } }; function insertatcaret(text) { const scrollpos = textarea.scrolltop; const caretpos = textarea.selectionstart; const front = (textarea.valu...
Graceful asynchronous programming with Promises - Learn web development
obviously, that's not an accep
table option; without promises, everything in the browser becomes unusable until the user decides what to do about the camera and microphone.
...the most no
table difference is that a .then() will only run once for each time it is used, whereas an event listener could be invoked multiple times.
...if it is an empty string or not a string at all, we reject the promise with a sui
table error message.
...if it is negative or not a number, we reject the promise with a sui
table error message.
Looping code - Learn web development
active learning <h2>live output</h2> <div class="output" style="height: 410px;overflow: auto;"> </div> <h2>edi
table code</h2> <p class="a11y-label">press esc to move focus away from the code area (
tab inserts a
tab character).</p> <textarea id="code" class="playable-code" style="height: 300px;width: 95%"> let output = document.queryselector('.output'); output.innerhtml = ''; // let i = 10; // const para = document.createelement('p'); // para.textcontent = ; // output.appendchild(para); </textarea> <div cl...
...n\nwhile(i >= 0) {\n let para = document.createelement(\'p\');\n if(i === 10) {\n para.textcontent = \'countdown \' + i;\n } else if(i === 0) {\n para.textcontent = \'blast off!\';\n } else {\n para.textcontent = i;\n }\n\n output.appendchild(para);\n\n i--;\n}'; let solutionentry = jssolution; textarea.addeventlistener('input', updatecode); window.addeventlistener('load', updatecode); // stop
tab key
tabbing out of textarea and // make it write a
tab at the caret position instead textarea.onkeydown = function(e){ if (e.keycode === 9) { e.preventdefault(); insertatcaret('\t'); } if (e.keycode === 27) { textarea.blur(); } }; function insertatcaret(text) { const scrollpos = textarea.scrolltop; const caretpos = textarea.selectionstart; const front = (textarea.valu...
... active learning 2 <h2>live output</h2> <div class="output" style="height: 100px;overflow: auto;"> <p class="admitted">admit: </p> <p class="refused">refuse: </p> </div> <h2>edi
table code</h2> <p class="a11y-label">press esc to move focus away from the code area (
tab inserts a
tab character).</p> <textarea id="code" class="playable-code" style="height: 400px;width: 95%"> const people = ['chris', 'anne', 'colin', 'terri', 'phil', 'lola', 'sam', 'kay', 'bruce']; const admitted = document.queryselector('.admitted'); const refused = document.queryselector('.refused'); admitted...
...ed.textcontent += people[i] + \', \';\n }\n i++;\n} while(i < people.length);\n\nrefused.textcontent = refused.textcontent.slice(0,refused.textcontent.length-2) + \'.\';\nadmitted.textcontent = admitted.textcontent.slice(0,admitted.textcontent.length-2) + \'.\';'; let solutionentry = jssolution; textarea.addeventlistener('input', updatecode); window.addeventlistener('load', updatecode); // stop
tab key
tabbing out of textarea and // make it write a
tab at the caret position instead textarea.onkeydown = function(e){ if (e.keycode === 9) { e.preventdefault(); insertatcaret('\t'); } if (e.keycode === 27) { textarea.blur(); } }; function insertatcaret(text) { const scrollpos = textarea.scrolltop; const caretpos = textarea.selectionstart; const front = (textarea.valu...
Making decisions in your code — conditionals - Learn web development
<option value="may">may</option> <option value="june">june</option> <option value="july">july</option> <option value="august">august</option> <option value="september">september</option> <option value="october">october</option> <option value="november">november</option> <option value="december">december</option> </select> <h1></h1> <ul></ul> </div> <h2>edi
table code</h2> <p class="a11y-label">press esc to move focus away from the code area (
tab inserts a
tab character).</p> <textarea id="code" class="playable-code" style="height: 400px;width: 95%"> const select = document.queryselector('select'); const list = document.queryselector('ul'); const h1 = document.queryselector('h1'); select.onchange = function() { const choice = select.value; // add...
...alendar(days, choice) {\n list.innerhtml = \'\';\n h1.textcontent = choice;\n for(let i = 1; i <= days; i++) {\n const listitem = document.createelement(\'li\');\n listitem.textcontent = i;\n list.appendchild(listitem);\n }\n }\n\ncreatecalendar(31,\'january\');'; let solutionentry = jssolution; textarea.addeventlistener('input', updatecode); window.addeventlistener('load', updatecode); // stop
tab key
tabbing out of textarea and // make it write a
tab at the caret position instead textarea.onkeydown = function(e){ if (e.keycode === 9) { e.preventdefault(); insertatcaret('\t'); } if (e.keycode === 27) { textarea.blur(); } }; function insertatcaret(text) { const scrollpos = textarea.scrolltop; const caretpos = textarea.selectionstart; const front = (textarea.valu...
...utput</h2> <div class="output" style="height: 300px;"> <label for="theme">select theme: </label> <select id="theme"> <option value="white">white</option> <option value="black">black</option> <option value="purple">purple</option> <option value="yellow">yellow</option> <option value="psychedelic">psychedelic</option> </select> <h1>this is my website</h1> </div> <h2>edi
table code</h2> <p class="a11y-label">press esc to move focus away from the code area (
tab inserts a
tab character).</p> <textarea id="code" class="playable-code" style="height: 450px;width: 95%"> const select = document.queryselector('select'); const html = document.queryselector('.output'); select.onchange = function() { const choice = select.value; // add switch statement } function update...
...');\n break;\n case \'yellow\':\n update(\'yellow\',\'darkgray\');\n break;\n case \'psychedelic\':\n update(\'lime\',\'purple\');\n break;\n }\n}\n\nfunction update(bgcolor, textcolor) {\n html.style.backgroundcolor = bgcolor;\n html.style.color = textcolor;\n}'; let solutionentry = jssolution; textarea.addeventlistener('input', updatecode); window.addeventlistener('load', updatecode); // stop
tab key
tabbing out of textarea and // make it write a
tab at the caret position instead textarea.onkeydown = function(e){ if (e.keycode === 9) { e.preventdefault(); insertatcaret('\t'); } if (e.keycode === 27) { textarea.blur(); } }; function insertatcaret(text) { const scrollpos = textarea.scrolltop; const caretpos = textarea.selectionstart; const front = (textarea.valu...
Getting started with React - Learn web development
once you're comfor
table with it, however, it will allow you to build user interfaces more quickly and intuitively, and allow others to better understand your codebase at a glance.
...gitbash (which comes as part of the git for windows toolset) or windows subsystem for linux (wsl) are both sui
table.
...the scripts installed by create-react-app will start being served at a local server at localhost:3000, and open the app in a new browser
tab.
... your final index.js file should look like this: import react from 'react'; import reactdom from 'react-dom'; import './index.css'; import app from './app'; reactdom.render(<app />, document.getelementbyid('root')); variables and props next, we'll use a few of our javascript skills to get a bit more comfor
table editing components and working with data in react.
Introduction to automated testing - Learn web development
to start off with manual testing you need to select the "real time testing"
tab from the left navigation menu.
...for now, make sure you are on the manual tests
tab.
... once you stop the session, you'll return to the manual tests
tab, where you'll see an entry for each of the previous manual sessions you started.
...for now, make sure you are on the live web testing
tab.
Learn web development
the aim of this area of mdn is not to take you from "beginner" to "expert" but to take you from "beginner" to "comfor
table." from there, you should be able to start making your way, learning from the rest of mdn, and other intermediate to advanced resources that assume a lot of previous knowledge.
... if you are a complete beginner, web development can be challenging — we will hold your hand and provide enough detail for you to feel comfor
table and learn the topics properly.
... moving onto scripting: if you are comfor
table with html and css already, or you are mainly interested in coding, you'll want to move on to javascript or server-side development.
...this topic teaches all the essentials needed to become comfor
table with writing and understanding javascript.
Accessibility Features in Firefox
in fact, the same keyboard commands are still available, so users can become comfor
table and productive right away.
... for more detailed information, please check the assistive technology compatibility guide is kept on an edi
table wiki.
...
tabbed browsing helps keyboard users by putting all of the browsed documents in one firefox application window rather than cluttering the alt+
tab order which makes keyboard navigation within the entire windows os much simpler.
...for example, it is possible to navigate to the desired link by pressing 2 letter keys rather than
tabbing through many links to get there.
Frequently Asked Questions for Lightweight themes
lightweight themes change the header area of your browser, including the
tab text color and the background
tab colors.
...simply go to the tools > add-ons menu and click on the appearance
tab.
...simply go to the tools > add-ons menu and click on the appearance
tab.
... to undo the design you most recently selected, go to tools > add-ons in the menu bar and select the themes
tab.
Simple Instantbird build
various temporary files, libraries, and the instantbird execu
table will be found in your object directory (under comm-central/), which is prefixed with obj-.
... the instantbird execu
table in particular, and its dependencies, are located under the dist/bin folder under the object directory.
... to run the execu
table from your comm-central working directory: windows: obj-.../dist/bin/instantbird.exe linux: obj-.../dist/bin/instantbird os x: obj-.../dist/instantbird.app/contents/macos/instantbird how to update and build again simply re-run the mach command above.
... have you searched the bug da
tabase for issues relating to your problem (e.g., platform-specific issues)?
Application Translation with Mercurial
use a text editor you are comfor
table with.
...c:\mozilla\coding\buildtools\mozillabuild\start-shell-msvc2010.bat you can autocomplete the file path after typing a few characters and then pressing the
tabulator key.
... enabling mercurial queues (rever
table patches) some time will pass between the moment in which you start the localization, finish it, test it, improve it, upload it for review and get review (maybe not approved on first try).
... drag the
tab with the localization error showing missing and obsolete strings to the sidebar.
Basics
you can also do other weird and risky things which are not por
table, bongo warns, such as mixing mathml with other markups lizard + bongo = ∫ a b d x + mathml and javascript html content <p> and you can turn to javascript and the dom for dynamic operations.
...</div> <math class="inputmath" display="block"> <mrow> <mi>a</mi> <mo>=</mo> <mo>[</mo> <m
table> <mtr> <mtd><mn>1</mn></mtd> <mtd> <mtext><input id="input12" value="?" size="1"/></mtext> </mtd> </mtr> <mtr> <mtd> <mtext><input id="input21" value="?" size="1"/></mtext> </mtd> <mtd><mn>4</mn></mtd> </mtr> </m
table> <mo>]</mo> </mrow> </math> <div style="text-align:center"> left size: <a class="control" href="javascript:incrementinput('input21', 1);" title="increase input">+</a> <a class="control" href="javascript:incrementinput('input21',-1);" title="decrease input">-</a> right size: <a class="control" href="javascript:incrementinput('input12', 1);" titl...
...</p> <div> <math display="block"> <m
table> <mtr> <mtd> <m
table align="axis" columnalign="left left left"> <mtr> <mtd> <maction id="a11" actiontype="toggle" selection="2"> <msup> <mrow> <mo>(</mo> <mrow> <mi>x</mi> <mo>+</mo> <mi>y</mi> </mrow> <mo>)</mo> </mrow> <mn>0</mn> </msup> <mn>1</mn> </maction> </mtd> <mtd> <maction id="a12" actiontype="toggle" selection="2"> <msup> <mrow> <mo>(</mo> <mrow> <mi>x</mi> <mo>+</mo> <mi>y</mi> </mr...
.../msup> </mrow> <mo>+</mo> <mrow> <mn>10</mn> <mo>&invisibletimes;</mo> <msup> <mi>x</mi> <mn>2</mn> </msup> <mo>&invisibletimes;</mo> <msup> <mi>y</mi> <mn>3</mn> </msup> </mrow> <mo>+</mo> <mrow> <mn>5</mn> <mo>&invisibletimes;</mo> <mi>x</mi> <mo>&invisibletimes;</mo> <msup> <mi>y</mi> <mn>4</mn> </msup> </mrow> <mo>+</mo> <msup> <mi>y</mi> <mn>5</mn> </msup> </mrow> </maction> </mtd> </mtr> </m
table> </mtd> </mtr> </m
table> </math> </div> css content .control { text-decoration: none; font-weight: bold; font-size: 200%; } input { color: red; } [class="inputmath"] { border: 1px dotted; } javascript content function setselection(id,value) { document.getelementbyid(id).setattribute("selection",value); } function expand() { setselection("a11","2"); setselection("a12","2"); setsel...
Activity Monitor, Battery Status Menu and top
power-related measurements activity monitor has several
tabs.
... they can all be customized to show any of the available measurements (by right-clicking on the column strip) but only the "energy"
tab groups child processes with parent processes, which is useful, so it's the best one to use.
... the following screenshot shows a customized "energy"
tab.
... when the energy
tab of activity monitor is first opened, the "average energy impact" column is empty and the title bar says "activity monitor (processing...)".
BloatView
== bloatview: all (cumulative) leak and bloat statistics,
tab process 1862 |<----------------class--------------->|<-----bytes------>|<----objects---->| | | per-inst leaked| total rem| 0 |total | 17 2484|253953338 38| 17 |asynctransactiontrackersholder | 40 40| 10594 1| 78 |compositorchild | 472 ...
... perl tools/bloatview/bloat
table.pl log1 log2 ...
... logn > htmlfile this will produce an html file that contains a
table similar to the following (but with added javascript so you can sort the data by column).
... to do so, the xpcom_mem_log_classes environment variable should be set to the name of the class from the bloatview
table: xpcom_mem_log_classes=myclass mach mochitest [options] multiple class names can be specified by setting xpcom_mem_log_classes to a comma-separated list of names: xpcom_mem_log_classes=myclass,myotherclass,deliberatelyleakedclass mach mochitest [options] test harness scripts typically accept a --setenv option for specifying environment variables, which may be more convenient in some cases: ...
Power profiling overview
the most no
table example of a hybrid proxy measurement is the "energy impact" used by os x's activity monitor.
...even just switching a
tab from the foreground to the background can make a difference.
... try putting the relevant
tab in the foreground vs.
... on mac workloads that use graphics, activity monitor's "energy"
tab can tell you if the high-performance gpu is being used, which uses more power than the integrated gpu.
Preference reference
accessibility.
tabfocusthe preference accessibility.
tabfocus controls what elements receive focus when the user presses the
tab key.browser.altclicksavethe preference browser.altclicksave controls whether clicking a link while holding the alt key starts the download of that link.browser.dom.window.dump.enabledthis setting enables the dump function, which sends messages to the system console.
...if set to true, the data is stored as content preference.browser.pagethumbnails.capturing_disabledthe preference browser.pagethumbnails.capturing_disabled controls whether the application creates screenshots of visited pages which will be shown if the web page is shown in the grid of the "new
tab page" (about:new
tab) which offers the most often visited pages for fast navigation.browser.search.context.loadinbackgroundbrowser.search.context.loadinbackground controls whether a search from the context menu with "search <search engine> for <selected text>" opening a new
tab will give focus to it and load it in the foreground or keep focus on the current
tab and open it in the background.browse...
... javascript.options.showinconsolethe preference javascript.options.showinconsole controls whether errors or warnings in chrome code are shown in the error console.javascript.options.stricttechnical review completed.mail.
tabs.drawintitlebarstarting in thunderbird 17.0, the
tabs are drawn in the title bar.
... the old behavior can be restored by setting the preference mail.
tabs.drawintitlebar to false.nglayout.debug.disable xul fastloadthe preference nglayout.debug.disable_xul_fastload controls whether or not xul fastload is used.nglayout.debug.disable_xul_cacheto improve performance, mozilla caches chrome xul documents the first time they load for faster loading later.
NSPR Poll Method
the poll method operates on a single netscape por
table runtime (nspr) file descriptor, whereas pr_poll operates on a collection of nspr file descriptors.
...each i/o layer is represented by a prfiledesc structure and the protocol of that layer is implemented by a priomethods
table.
...the poll method is one of the functions in the priomethods
table.
... if new_flags contains pr_poll_read, you should try pr_recv or pr_send when the underlying network transport is readable if new_flags contains pr_poll_write, you should try pr_recv or pr_send when the underlying network transport is wri
table important do not use out_flags in any way other than testing if (new_flags & out_flags) is 0.
Anonymous Shared Memory
the anonymous file-mapped shared memory provides an inheri
table shared memory, as in: the child process inherits the shared memory.
... in the first protocol, the job of passing the inheri
table shared memory is done via helper-functions with pr_createprocess.
... first protocol server: fm = pr_openanonfilemap(dirname, size, filemapprot); addr = pr_memmap(fm); attr = pr_newprocessattr(); pr_processattrsetinheri
tablefilemap( attr, fm, shmname ); pr_createprocess(client); pr_destroyprocessattr(attr); ...
...pr_memunmap(addr); pr_closefilemap(fm); anonymous shared memory functions pr_openanonfilemap pr_processattrsetinheri
tablefilemap pr_getinheritedfilemap pr_exportfilemapasstring pr_importfilemapfromstring ...
NSPR Error Handling
pr_would_block_error the operation would have blocked, which conflicts with the semantics that have been es
tablished.
... pr_connect_refused_error the peer has refused to allow the connection to be es
tablished.
... pr_proc_desc_
table_full_error the process'
table for holding open file descriptors is full.
... pr_sys_desc_
table_full_error the system's
table for holding open file descriptors has been exceeded.
PR_GetDefaultIOMethods
gets the default i/o methods
table.
... description after using pr_getdefaultiomethods to identify the default i/o methods
table, you can select elements from that
table with which to build your own layer's methods
table.
... you may not modify the default i/o methods
table directly.
... you can pass your own layer's methods
table to pr_createiolayerstub to create your new layer.
CERT_FindCertByDERCert
find a certificate in the da
tabase that matches a der-encoded certificate.
... syntax #include <cert.h> certcertificate *cert_findcertbydercert( certcertdbhandle *handle, secitem *dercert ); parameters handle in pointer to a certcertdbhandle representing the certificate da
tabase to look in dercert in pointer to an secitem whose type must be sidercertbuffer and whose data contains a der-encoded certificate description this function looks in the ?nsscryptocontext?
...a match is found when the issuer and serial number of the der-encoded certificate are found on a certificate in the certificate da
tabase.
... returns a pointer to a certcertificate representing the certificate in the da
tabase that matched the dercert, or null if none was found.
NSS 3.24 release notes
nss 3.24 requires netscape por
table runtime (nspr) 4.12 or newer.
...this mode is triggered by setting the da
tabase password to the empty string.
... no
table changes in nss 3.24 additions, deprecations, and other changes in nss 3.24 are listed below.
...note that tls 1.3 support is experimental and not sui
table for production use.
NSS 3.33 release notes
nss 3.33 requires netscape por
table runtime (nspr) 4.17, or newer.
... nss 3.33 source distributions are available on ftp.mozilla.org for secure https download: source tarballs: https://ftp.mozilla.org/pub/mozilla.org/security/nss/releases/nss_3_33_rtm/src/ no
table changes in nss 3.33 tls compression is no longer supported.
... new in nss 3.33 new functionality when listing an nss da
tabase, using certutil -l, and the da
tabase hasn't yet been initialized with any non-empty or empty password, the text "da
tabase needs user init" will be included in the listing.
... when using certutil to set an inaccep
table password in fips mode, a correct explanation of accep
table passwords will be printed.
NSS Key Functions
this chapter describes two functions used to manipulate private keys and key da
tabases such as the key3.db da
tabase provided with nss.
... seckey_getdefaultkeydb seckey_destroyprivatekey seckey_getdefaultkeydb returns a handle to the default key da
tabase opened by nss_init.
...description nss_init opens the certificate, key, and security module da
tabases that you specify for use with nss.
... seckeykeydbhandle returns a handle to the key da
tabase opened by nss_init.
OLD SSL Reference
initialization initializing caches configuration communication functions used by callbacks cleanup chapter 2 getting started with ssl this chapter describes how to set up your environment, including certificate and key da
tabases, to run the nss sample code.
... ssl, pkcs #11, and the default security da
tabases setting up the certificate and key da
tabases setting up the ca db and certificate setting up the server db and certificate setting up the client db and certificate verifying the server and client certificates building nss programs chapter 3 selected ssl types and structures this chapter describes some of the most important types and structures used with the functions described in the rest of this document, and how to manage the memory used for them.
... nss_shutdown deprecated functions ssl_enabledefault ssl_enable ssl_enablecipher ssl_setpolicy ssl_redohandshake chapter 5 certificate functions this chapter describes the functions and related types used to work with a certificate da
tabase such as the cert7.db da
tabase provided with communicator.
... cert_findcertbyname cert_getcertnicknames cert_freenicknames cert_getdefaultcertdb nss_findcertkeatype comparing secitem objects secitem_compareitem chapter 6 key functions this chapter describes two functions used to manipulate private keys and key da
tabases such as the key3.db da
tabase provided with communicator.
sslkey.html
upgraded documentation may be found in the current nss reference key functions chapter 6 key functions this chapter describes two functions used to manipulate private keys and key da
tabases such as the key3.db da
tabase provided with communicator.
... seckey_getdefaultkeydb seckey_destroyprivatekey seckey_getdefaultkeydb returns a handle to the default key da
tabase opened by nss_init.
... description nss_init opens the certificate, key, and security module da
tabases that you specify for use with nss.
... seckeykeydbhandle returns a handle to the key da
tabase opened by nss_init.
NSS Tools dbck-tasks
nss security tools: dbck tasks newsgroup: mozilla.dev.tech.crypto task list in analyze mode, there should be an option to create a file containing a graph of the certificate da
tabase without any information about the user's certificates (no common names, email addresses, etc.).
... this file could be mailed to a mail alias to assist in finding the source of da
tabase corruption.
... the dbck tool should be able to repair a currupted da
tabase.
... the dbck tool should be able to update a da
taba ...
Necko walkthrough
hostname and port) from the transaction, and then gets or creates a connection entry from the connection
table, an nsclasshash
table<nscstringhashkey, nsconnectionentry> called mct in nshttpconnectionmgr.
... nshttpconnection::activate this connection is passed the transaction nshttpconnection::onoutputstreamready nshttpconnection::onsocketwri
table tries to write the request data from the current transaction (mtransaction) tells the transaction to now wait (`resumerecv) nshttpconnection::resumerecv nshttptransaction::readsegments readrequestsegment is passed to mrequeststream->readsegments - this function pointer is called and used to read the request bytes, which in turn calls ...
... nshttpconnection::onreadsegment passes bytes read from request to msocketout->write back to the context of onsocketwri
table: nsiasyncinputstream::asyncwait (i.e.
...note: from what i can tell, there are some cases where the transaction is queued up to be written to the socket later if it's not wri
table now, or in the case of pipelining or spdy where it's done in batches.
Rhino Examples
examples have been provided that show how to control the javascript engine and how to implement scrip
table host objects.
...the foo class - extending scrip
tableobject foo.java is a simple javascript host object that includes a property with an associated action and a variable argument method.
... the matrix class - implementing scrip
table matrix.java provides a simple multidimensional array by implementing the scrip
table interface.
... the file class - an advanced example file.java extends scrip
tableobject to provide a means of reading and writing files from javascript.
Property cache
the jit ensures this by using the property cache to forward its work to the interpreter.) for speed, the cache is a fixed-size hash
table with no chaining.
... the hash
table entries are key-value pairs.
...(the existence of this property is guaranteed by the basic layout guarantee above.) (informally: two objects with the same shape have the same method properties.) branded object guarantee — if at time t0 the object x has shape s; and x is branded (x->branded()); and x has an own property p, which is a wri
table, function-valued data property with the stub getter and setter and a slot; and at time t1 an object y has shape s; and no shape-regenerating gc occurred; then y is x, and at time t1 x's own property p has the same function value it had at time t0.
... property cache entries each entry in the property cache hash
table is either populated or not; unpopulated entries have .kpc == null.
JS::Compile
syntax // added in spidermonkey 45 bool js::compile(jscontext *cx, const js::readonlycompileoptions &options, js::sourcebufferholder &srcbuf, js::mu
tablehandlescript script); bool js::compile(jscontext *cx, const js::readonlycompileoptions &options, const char *bytes, size_t length, js::mu
tablehandlescript script); bool js::compile(jscontext *cx, const js::readonlycompileoptions &options, const char16_t *chars, size_t length, js::mu
tablehandlescript script); bool js::compile(jscontext *cx, const js::readonlycompileoptions &options, file *file, js::mu
tablehandlescript script); bool js::compile...
...(jscontext *cx, const js::readonlycompileoptions &options, const char *filename, js::mu
tablehandlescript script); // obsolete since jsapi 39 bool js::compile(jscontext *cx, js::handleobject obj, const js::readonlycompileoptions &options, js::sourcebufferholder &srcbuf, js::mu
tablehandlescript script); bool js::compile(jscontext *cx, js::handleobject obj, const js::readonlycompileoptions &options, const char *bytes, size_t length, js::mu
tablehandlescript script); bool js::compile(jscontext *cx, js::handleobject obj, const js::readonlycompileoptions &options, const char16_t *chars, size_t length, js::mu
tablehandlescript script); bool js::compile(jscontext *cx, js::handleobject obj, c...
...onst js::readonlycompileoptions &options, file *file, js::mu
tablehandlescript script); bool js::compile(jscontext *cx, js::handleobject obj, const js::readonlycompileoptions &options, const char *filename, js::mu
tablehandlescript script); name type description cx jscontext * pointer to a js context from which to derive runtime information.
... script js::mu
tablehandlescript out parameter.
JS::Evaluate
syntax // added in spidermonkey 45 bool js::evaluate(jscontext *cx, const js::readonlycompileoptions &options, js::sourcebufferholder &srcbuf, js::mu
tablehandlevalue rval); bool js::evaluate(jscontext *cx, const js::readonlycompileoptions &options, const char16_t *chars, size_t length, js::mu
tablehandlevalue rval); bool js::evaluate(jscontext *cx, const js::readonlycompileoptions &options, const char *bytes, size_t length, js::mu
tablehandlevalue rval); bool js::evaluate(jscontext *cx, const js::readonlycompileoptions &options, const char *filename, js::mu
tablehandlevalue rval); ...
... bool js::evaluate(jscontext *cx, js::autoobjectvector &scopechain, const readonlycompileoptions &options, const char16_t *chars, size_t length, js::mu
tablehandlevalue rval); // added in spidermonkey 17 bool js::evaluate(jscontext *cx, js::autoobjectvector &scopechain, const js::readonlycompileoptions &options, js::sourcebufferholder &srcbuf, js::mu
tablehandlevalue rval); // obsolete since jsapi 39 bool js::evaluate(jscontext *cx, js::handleobject obj, const js::readonlycompileoptions &options, js::sourcebufferholder &srcbuf, js::mu
tablehandlevalue rval); bool js::evaluate(jscontext *cx, js::handleobject obj, const js::readonlycompileoptions &options, const char16_t *chars, size_t leng...
...th, js::mu
tablehandlevalue rval); bool js::evaluate(jscontext *cx, js::handleobject obj, const js::readonlycompileoptions &options, const char *bytes, size_t length, js::mu
tablehandlevalue rval); bool js::evaluate(jscontext *cx, js::handleobject obj, const js::readonlycompileoptions &options, const char *filename, js::mu
tablehandlevalue rval); name type description cx jscontext * the context in which to run the script.
... rval js::mu
tablehandlevalue out parameter.
JS_LookupProperty
syntax bool js_lookupproperty(jscontext *cx, js::handleobject obj, const char *name, js::mu
tablehandlevalue vp); bool js_lookupucproperty(jscontext *cx, js::handleobject obj, const char16_t *name, size_t namelen, js::mu
tablehandlevalue vp); bool js_lookuppropertybyid(jscontext *cx, js::handleobject obj, js::handleid id, js::mu
tablehandlevalue vp); // added in spidermonkey 1.8.1 bool js_lookupelement(jscontext *cx, js::handleobject obj, uint32_t index, js::mu
tablehandlevalu...
...e vp); // ---- obsolete since spidermonkey 31 ---- bool js_lookuppropertywithflags(jscontext *cx, js::handleobject obj, const char *name, unsigned flags, js::mu
tablehandlevalue vp); bool js_lookuppropertywithflagsbyid(jscontext *cx, js::handleobject obj, js::handleid id, unsigned flags, js::mu
tablehandleobject objp, js::mu
tablehandlevalue vp); // added in spidermonkey 1.8.1 name type description cx jscontext * pointer to a js context from which to derive runtime information.
... objp js::mu
tablehandleobject out parameter.
... vp js::mu
tablehandleobject out parameter.
SpiderMonkey 31
this entailed changing the vast majority of the jsapi from raw types, such as js::value or js::value*, to js::handle and js::mu
tablehandle template types that encapsulate access to the provided value/string/object or its location.
... the js::handle<js::value> and js::mu
tablehandle<js::value> classes have been specialized to implement the same interface as js::value, for simplicity and to ease migration pain.
...here is a list of the most significant changes: many of the garbage collector changes require type signature changes to jsapi methods: specifically introducing js::rooted, js::handle, and js::mu
tablehandle types.
... spidermonkey embedders should be aware that mozilla has no plans to keep the jsapi, nor the jsdbgapi s
table for embedders.
SpiderMonkey 38
this entailed changing the vast majority of the jsapi from raw types, such as js::value or js::value*, to js::handle and js::mu
tablehandle template types that encapsulate access to the provided value/string/object or its location.
... the js::handle<js::value> and js::mu
tablehandle<js::value> classes have been specialized to implement the same interface as js::value, for simplicity and to ease migration pain.
... js::clonefunctionobject (bug 1088228) interned_string_to_jsid (bug 1045900) js::construct (bug 1017109) js::createerror (bug 984048) js::falsehandlevalue (bug 959787) js::handlesymbol (bug 645416) js::identifystandardconstructor (bug 976148) js::iscallable (bug 1065811) js::isconstructor (bug 1065811) js::mu
tablehandlesymbol (bug 645416) js::ordinarytoprimitive (bug 1103152) js::propertyspecnameequalsid (bug 1082672) js::propertyspecnameissymbol (bug 1082672) js::propertyspecnametopermanentid (bug 1082672) js::protokeytoid (bug 987669) js::rootedsymbol (bug 645416) js::truehandlevalue (bug 959787) jsconstintegerspec (bug 1066020) jsid_is_symbol (bug 645416) jsid_to_symbol (bug 645416) jsprop_...
... spidermonkey embedders should be aware that mozilla has no plans to keep the jsapi, nor the jsdbgapi, s
table for embedders.
Split object
suppose a script in page a, in
tab ta, has a reference to the window object of page b in another
tab tb.
... the window object for
tab tb must persist as the user navigates from page to page in that
tab.
...if page a gets a reference to that function, then by calling it, it is indirectly accessing
tab tb's window.
...it represents the window or
tab itself and survives as the user navigates in that window or
tab.
Mozilla Projects
when midas is enabled, the document becomes edi
table by the user.
... internet explorer supports the ability to make an entire document edi
table by setting the designmode property of the document object; this is how midas is invoked in gecko.
... internet explorer also supports the ability to edit specific elements using the contentedi
table attribute; starting with firefox 3, gecko also supports contentedi
table.
... nspr netscape por
table runtime (nspr) provides a platform-neutral api for system level and libc-like functions.
Redis Tips
some uses for redis data types you may have heard of redis referred to as a nosql da
tabase.
... technically, this is true: it's a da
tabase that doesn't use sql.
... so rather than thinking about redis as a da
tabase with some kind of non-existent relationship to sql, think of it as a data structure server with a rich set of commands for querying and manipulating those data structures over a network connection.
... redis data types include: strings hashes lists sets ordered sets (called zsets in redis) transactions publishers and subscribers this
table lists some common programming tasks and data structures, and suggests some redis functions or data structures for them: dictionary lookup set, get, setnx, etc.
Animated PNG graphics
authors the apng specification was authored by: stuart parmenter <pavlov@pavlov.net> vladimir vukicevic <vladimir@pobox.com> andrew smith <asmith15@littlesvr.ca> overview apng is an extension of the por
table network graphics (png) format, adding support for animated images.
...apng is a simpler alternative to mng, providing a spec sui
table for the most common usage of animated images on the internet.
... the
tables below illustrates the use of sequence numbers for images with more than one frame and more than one 'fdat' chunk.
... an application (open source) using the mozilla encoder to assemble apngs available here: http://littlesvr.ca/apng/apngedit.html see also por
table network graphics (png) specification (second edition) extensions to the png specification, version 1.2.0 graphics interchange format 89a ...
Gecko states
applied to: role_menuitem, role_cell, role_outlineitem, xxx: continue events: event_state_change Сoncomitant state: state_selec
table state_focused the object is focused applied to: events: concomitant state: state_focusable state_pressed the object is pressed.
... applied to: events: concomitant state: state_focused state_selec
table the object can be selected.
... state_multiselec
table supports multiple selection state_extselec
table supports extended selection state_required indicates that user interaction is required.
... ext_state_supports_autocompletion for edi
table areas that have any kind of autocompletion ext_state_defunct object no longer exists ext_state_selec
table_text for text which is selec
table, object must implement nsiaccessibletext ext_state_edi
table implements nsiaccessibleedi
tabletext ext_state_active this window is currently the active window ext_state_modal must do something with control before leaving it ext_state_multi_line edit control that can take multiple lines ext_state_horizontal uses horizontal layout ext_state_opaque indicates this object paints every pixel within its rectangular region ext_state_single_line this text object can only contain 1 line of text ext_state_transient e...
XForms Accessibility
trunk builds are not considered s
table and should not be installed on top of the firefox used for daily browsing.
...if you use xhtml1.x use
tabindex.
... therefore since mozilla xforms works in xhtml (1.x) or xul documents only then we use
tabindex instead.
... alert this message will be shown when the form control cannot properly bind to instance data or when the instance data value is invalid or out of the specified range of selec
table values (see the spec, the docs).
Places Expiration
this means on mobile and old systems expiration will be more aggressive than on high-end hardware, to try keep the da
tabase size at a reasonable (and performant) value.
... on shutdown most of the times the adaptive algorithm will ensure the da
tabase is clean before shutdown, so the only task executed on shutdown will be removal of session data (like session annotations).
... on maintenance when places maintenance runs (about once a week, on daily idle), an orphans expiration step is executed, this ensures da
tabase cleanup.
... places.history.expiration.max_pages: the maximum number of pages that may be retained in the da
tabase before starting to expire.
Preface
also many of the examples are in javascript, which is used in mozilla to access xpcom components as scrip
table objects, and so familiarity with that language is useful as well.
... despite what old documentation says, xpcom should not be used to make npapi plugins scrip
table.
... starting with gecko 1.7.5 (firefox 1.0) a special npapi extension for scrip
tability is supported, see scripting plugins.
... link references to other sections and to figures and
tables are links to those sections.
Setting up the Gecko SDK
the
table below refers to the windows file names for the execu
tables.
... most of the changes you make in the following steps apply to all configurations of the project (both debug and optimized), so select "all configurations" from the settings for dropdown menu: on the c/c++
tab, select the preprocessor category.
...to add these libraries, select the link
tab, then choose the input category.
... ispecialthing.idl #include "nsisupports.idl" [scrip
table, uuid(263ed1ba-5cc1-11db-9673-00e08161165f)] interface ispecialthing : nsisupports { attribute astring name; long add(in long a, in long b); }; next is to build the .h file to compile against and the .xpt for gecko to understand your new interface.
nsDependentCString
class declaration nstdependentstring_chart stores a null-terminated, immu
table sequence of characters.
... subclass of nststring that restricts string value to an immu
table character sequence.
...eral(char lowercaseequalsascii lowercaseequalsliteral(const char lowercaseequalsliteral(char assign assignascii assignliteral(const char assignliteral(char adopt replace replaceascii append appendascii appendliteral(const char appendliteral(char operator+= insert cut setcapacity setlength truncate getdata getmu
tabledata setisvoid stripchar base classes nscstring data members no public members.
...parameters char** data getmu
tabledata pruint32 getmu
tabledata(char**, pruint32) - source get a pointer to the string's internal buffer, optionally resizing the buffer first.
nsDependentString
class declaration nstdependentstring_chart stores a null-terminated, immu
table sequence of characters.
... subclass of nststring that restricts string value to an immu
table character sequence.
...eral(char lowercaseequalsascii lowercaseequalsliteral(const char lowercaseequalsliteral(char assign assignascii assignliteral(const char assignliteral(char adopt replace replaceascii append appendascii appendliteral(const char appendliteral(char operator+= insert cut setcapacity setlength truncate getdata getmu
tabledata setisvoid stripchar base classes nsstring data members no public members.
...parameters prunichar** data getmu
tabledata pruint32 getmu
tabledata(prunichar**, pruint32) - source get a pointer to the string's internal buffer, optionally resizing the buffer first.
mozIStorageStatement
storage/public/mozistoragestatement.idlscrip
table this interface lets you create and execute sql statements on a mozistorageconnection.
... void initialize( in mozistorageconnection adbconnection, in autf8string asqlstatement ); parameters adbconnection a mozistorageconnection da
tabase connection.
... sample code var statement = dbconn.createstatement( "select * " + "from
table_name " + "where column_name like :userinput escape '/'" ); statement.params.userinput = statement.escapestringforlike(someuserinput, "/"); binding functions these functions are discussed in more detail with sample code in the overview document.
... void execute(); see also storage introduction and how-to article mozistorageconnection da
tabase connection to a specific file or in-memory data storage mozistoragevaluearray wraps an array of sql values, such as a result row.
nsIAccessibleProvider
accessible/public/nsiaccessibleprovider.idlscrip
table used to link element and accessible object.
...00b xullistcell 0x00001026 xullisthead 0x00001024 xullistheader 0x00001025 xullistitem 0x0000100c xulmenubar 0x0000100d xulmenuitem 0x0000100e xulmenupopup 0x0000100f xulmenuseparator 0x00001010 xulpane 0x00001011 xulprogressmeter 0x00001012 xulscale 0x00001013 xulstatusbar 0x00001014 xulradiobutton 0x00001015 xulradiogroup 0x00001016 xul
tab 0x00001017 the single
tab in a dialog or
tabbrowser/editor interface.
... xul
tabbox 0x00001018 a combination of a
tabs object and a
tabpanels object.
... xul
tabs 0x00001019 the collection of
tab objects, usable in the
tabbox and independent of as well.
nsICookieManager2
netwerk/cookie/nsicookiemanager2.idlscrip
table please add a summary to this article.
...an empty string is accep
table (e.g.
...the imported cookies will be added to the existing cookie da
tabase.
... if the da
tabase contains any cookies that are the same as those being imported (that is, they have the same domain, name, and path), they are replaced with the ones being imported.
nsICryptoHash
netwerk/base/public/nsicryptohash.idlscrip
table this interface can be used to compute a cryptographic hash function of some data.
...since hash functions are computed over bytes, you will first need to convert the string to a series of bytes using nsiscrip
tableunicodeconverter and a unicode encoding that you specify.
... var str = "hello world"; var converter = components.classes["@mozilla.org/intl/scrip
tableunicodeconverter"].
... createinstance(components.interfaces.nsiscrip
tableunicodeconverter); // we use utf-8 here, you can choose other encodings.
nsIDownloadManager
toolkit/components/downloads/public/nsidownloadmanager.idlscrip
table this interface lets applications and extensions communicate with the download manager, adding and removing files to be downloaded, fetching information about downloads, and being notified when downloads are completed.
...obsolete since gecko 1.8 dbconnection mozistorageconnection the da
tabase connection to the downloads da
tabase.
...this can be one that is in progress, or one that has completed in the past and is stored in the da
tabase.
... exceptions thrown ns_error_not_available the download is not in the da
tabase.
nsIDragService
widget/nsidragservice.idlscrip
table implements the drag service for handling drag and drop operations.
... nsidragsession getcurrentsession( ) ; void invokedragsession( in nsidomnode adomnode, in nsisupportsarray atransferables, in nsiscrip
tableregion aregion, in unsigned long aactiontype ); void invokedragsessionwithimage(in nsidomnode adomnode, in nsisupportsarray atransferablearray, in nsiscrip
tableregion aregion, in unsigned long aactiontype, in nsidomnode aimage, in long aimagex, in long aimagey, in nsidomdragevent adragevent, in nsidomdatatransfer adatatransfer); void invokedragsessionwithselection(in nsiselect...
... invokedragsession() starts a modal drag session with an array of transferables void invokedragsession( in nsidomnode adomnode, in nsisupportsarray atransferables, in nsiscrip
tableregion aregion, in unsigned long aactiontype ); parameters adomnode the source node on which the drag gesture was started.
... void invokedragsessionwithimage( in nsidomnode adomnode, in nsisupportsarray atransferablearray, in nsiscrip
tableregion aregion, in unsigned long aactiontype, in nsidomnode aimage, in long aimagex, in long aimagey, in nsidomdragevent adragevent, in nsidomdatatransfer adatatransfer ); parameters adomnode the source node on which the drag gesture was started.
nsIFaviconService
toolkit/components/places/public/nsifaviconservice.idlscrip
table stores favicons for pages in bookmarks and history.
... expireallfavicons() expires all known favicons, removing them from the da
tabase.
...an async request will be created for this uri and if the data is available, it will asynchronously get saved in the da
tabase without any further work from the caller.
...if that fails and the image is bigger than a maximum accep
table favicon size, the entire operation fails and the favicon isn't saved.
nsIFeed
toolkit/components/feeds/public/nsifeed.idlscrip
table this interface represents a single atom or rss (really simple syndication) news feed.
... 1.0 66 introduced gecko 1.8 inherits from: nsifeedcontainer last changed in gecko 1.8 (firefox 1.5 / thunderbird 1.5 / seamonkey 1.0) attributes attribute type description cloud nsiwri
tablepropertybag2 the cloud element on a feed is used to identify the api endpoint of an rsscloud ping server, which distributes notifications of changes to this feed.
... image nsiwri
tablepropertybag2 provides an image url and metadata, as defined by rss 2.
... textinput nsiwri
tablepropertybag2 information about a text box that can be displayed along with the feed by aggregators that support it, to allow the reader to send a response back to the source of the feed.
nsIFocusManager
dom/interfaces/base/nsifocusmanager.idlscrip
table please add a summary to this article.
... flag_bykey 0x2000 focus is changing due to a key operation, for instance pressing the
tab key.
... movefocus_forward 1 move focus forward one element, used when pressing
tab.
... movefocus_backward 2 move focus backward one element, used when pressing shift+
tab.
nsINavBookmarkObserver
toolkit/components/places/nsinavbookmarksservice.idlscrip
table this interface is an observer for bookmark changes.
...in this situation, you should not attempt to get any properties, since this will result in the automatic regeneration of properties that will then be leaked into the da
tabase, causing trouble later.
... notes this
table indicates what anewvalue should be depending on property specified by aproperty: property string value "cleartime" empty string; this property means the history was deleted, so there's no last visit date.
... "dateadded" the prtime at which the item was first added to the da
tabase.
nsIPluginHost
dom/plugins/base/nsipluginhost.idlscrip
table please add a summary to this article.
... void reloadplugins(in boolean reloadpages); void setisscrip
tableinstance(in nsiplugininstance ainstance, in boolean ascrip
table); native code only!
... native code only!setisscrip
tableinstance obsolete since gecko 2.0 (firefox 4 / thunderbird 3.3 / seamonkey 2.1)this feature is obsolete.
... void setisscrip
tableinstance( in nsiplugininstance ainstance, in boolean ascrip
table ); parameters ainstance ascrip
table native code only!setupplugininstance void setupplugininstance( in string amimetype, in nsiuri aurl, in nsiplugininstanceowner aowner ); parameters amimetype aurl aowner native code only!stopplugininstance void stopplugininstance( in nsiplugininstance ainstance ); parameters ainstance native code only!useragent void useragent( in nativechar resultingagentstring ); parameters examples list all plug-ins and associ...
nsIProtocolHandler
netwerk/base/nsiprotocolhandler.idlscrip
table this interface is used to implement protocol handlers.
... uri_non_persis
table 1<<10 loading channels from this protocol has side-effects that make it unsui
table for saving to a local file.
... newuri() makes a uri object that is sui
table for loading by this protocol, where the uri string is given as an utf-8 string.
... return value the new uri object sui
table for loading using the protocol.
nsISelection
nsiselection content/base/public/nsiselection.idlscrip
table ???
...when the selection is collapsed(), and the content is focused and edi
table, the caret will blink there.
...if content is focused and edi
table, the caret will blink there.
...if content is focused and edi
table, the caret will blink there.
nsISocketTransport
netwerk/base/public/nsisockettransport.idlscrip
table this interface specializes nsitransport for communication over network sockets.
... anonymous_connect 1 when this flag is set, the socket will not apply any credentials when es
tablishing a connection.
...this attribute is defined only once a connection has been es
tablished.
...this attribute is defined only once a connection has been es
tablished.
nsIWebBrowserChrome3
embedding/browser/webbrowser/nsiwebbrowserchrome3.idlscrip
table an extension to nsiwebbrowserchrome2.
... 1.0 66 introduced gecko 2.0 inherits from: nsiwebbrowserchrome2 last changed in gecko 2.0 (firefox 4 / thunderbird 3.3 / seamonkey 2.1) method overview astring onbeforelinktraversal(in astring originaltarget, in nsiuri linkuri, in nsidomnode linknode, in prbool isapp
tab); methods onbeforelinktraversal() determines the appropriate target for a link.
... astring onbeforelinktraversal( in astring originaltarget, in nsiuri linkuri, in nsidomnode linknode, in prbool isapp
tab ); parameters originaltarget the original link target.
... isapp
tab whether or not the link is in an application
tab.
nsIWebContentHandlerRegistrar
xpfe/appshell/public/nsiwebcontenthandlerregistrar.idlscrip
table applications wishing to use web content handlers need to implement this interface.
...ar nsiwchr = cc["@mozilla.org/embeddor.implemented/web-content-handler-registrar;1"] .getservice(ci.nsiwebcontenthandlerregistrar); var htmlcontentwindow = undefined; var registeruri = 'http://mail.live.com/secure/start?action=compose&to=%s'; var myurihostname = services.io.newuri(registeruri, null, null).host; // this section here is long and daunting, but its just finding a sui
table contentwindow var domwindows = services.wm.getenumerator(null); while (domwindows.hasmoreelements()) { var adomwindow = domwindows.getnext(); if (adomwindow.gbrowser) { if (adomwindow.gbrowser.
tabcontainer) { //adomwindow has
tabs var
tabs = adomwindow.gbrowser.
tabcontainer.childnodes; for (var i = 0; i <
tabs.length; i++) { co...
...nsole.log(
tabs[i].linkedbrowser.contentwindow.location); if (
tabs[i].linkedbrowser.contentwindow.location.hostname == myurihostname) { htmlcontentwindow =
tabs[i].linkedbrowser.contentwindow; break; //break for loop } } if (htmlcontentwindow) { break; //break while loop } } else { //adomwindow doest have any
tabs if (adomwindow.gbrowser.contentwindow.location.hostname == myurihostname) { htmlcontentwindow = adomwindow.contentwindow; break; } } } else { //adomwindow is a popup window if (adomwindow.location.hostname == myurihostname) { htmlcontentwindow = ad...
...omwindow; break; } } } // this section here is long and daunting, but its just finding a sui
table contentwindow if (!htmlcontentwindow) { throw new error('no sui
table content window found, will not reigsterprotocolhandler.
nsIXULTemplateBuilder
/xul/templates/public/nsixultemplatebuilder.idlscrip
table please add a summary to this article.
...for an rdf datasource, this will be the same as the da
tabase.
... da
tabase nsirdfcompositedatasource readonly: the composite datasource that the template builder observes and uses to create content.
...when rdf becomes remote-scrip
table, this will no longer be necessary.
nsIZipReader
modules/libjar/nsizipreader.idlscrip
table this interface provides methods for reading compressed (zip) files.
...it also uses nsiscrip
tableinputstream to read the stream returned by getinputstream.
...change "por
tabletester@jetpack.xpi" to the name of a xpi file in your extensions folder.
... var zr = cc["@mozilla.org/libjar/zip-reader;1"].createinstance(ci.nsizipreader); cu.import('resource://gre/modules/osfile.jsm'); cu.import('resource://gre/modules/fileutils.jsm'); var reusablestreaminstance = cc['@mozilla.org/scrip
tableinputstream;1'].createinstance(ci.nsiscrip
tableinputstream); var pathtoxpitoread = os.path.join(os.constants.path.profiledir, 'extensions', 'por
tabletester@jetpack.xpi'); var nsifilexpi = new fileutils.file(pathtoxpitoread); //services.ww.activewindow.alert(pathtoxpitoread); try { zr.open(nsifilexpi); //if file dne it throws here var entries = zr.findentries('*'); //we use asterik because we want everything listed out while (ent...
nsIAbCard/Thunderbird3
in a big change from the original nsiabcard, properties are now stored in a hash
table instead of as attributes on the interface, allowing it to be more flexible.
... a value must be convertible to a string; if this convention is not followed, consumers of cards may fail unpredic
tably or return incorrect results.
...if such a property is deleted, an error may be thrown when the card is modified at the da
tabase level.
...most no
tably, the code a.equals(b) == b.equals(a) might not return true.
Getting Started Guide
given what you now know, the rule is predic
table.
... nscomptrs in function signatures in general, you won't want to use nscomptr in the signature of xpcom (i.e., `scrip
table') functions.
...however, you may sometime be tempted to use an nscomptr in a non-scrip
table function.
...this is an accep
table way to declare `in/out' parameters, but prefer passing nscomptrs by reference, as below.
Demo Addon
to list some messages of the folder we use: for each (let msghdr in fixiterator(inbox.msgda
tabase.enumeratemessages(), ci.nsimsgdbhdr)) { if (++i >= 10 && lastmsghdr != null) break; messages.push({ author: msghdr.mime2decodedauthor, subject: msghdr.mime2decodedsubject, date: new date(msghdr.date/1000), }); //...
... } to get a collection of messages in the inbox, we use inbox.msgda
tabase.enumeratemessages().
... let query = gloda.newquery(gloda.noun_message); query.subjectmatches(searchterm); let mylistener = { /* called when new items are returned by the da
tabase query or freshly indexed */ onitemsadded: function mylistener_onitemsadded(aitems, acollection) { }, /* called when items that are already in our collection get re-indexed */ onitemsmodified: function mylistener_onitemsmodified(aitems, acollection) { }, /* called when items that are in our collection are purged from the system */ onitemsremoved: function mylistener_onitem...
...sremoved(aitems, acollection) { }, /* called when our da
tabase query completes */ onquerycompleted: function mylistener_onquerycompleted(acollection) { let items = acollection.items; let data = { messages: [], }; for (let i in items) { data.messages.push({ subject: items[i].subject, date: items[i].date, author: items[i].from.value, }); // ...
Plug-in Basics - Plugins
note: np_initialize and np_shutdown are not technically a part of the function
table that the plug-in hands to the browser.
...these functions are exported from the plug-in dll and accessed with a system
table lookup, which means that they are not related to any particular plug-in instance.
...the next section, how gecko finds plug-ins, describes these rules, and the following section, checking plug-ins by mime type, describes how you can use javascript to locate plug-ins yourself and es
tablish which ones are to be registered for which mime types.
...note, however, that plug-ins are windowed by default, because windowed plug-ins are in general easier to develop and more s
table to use.
Page inspector keyboard shortcuts - Firefox Developer Tools
enter return enter step forward through the attributes of a node
tab tab tab step backward through the attributes of a node shift +
tab shift +
tab shift +
tab (when an attribute is selected) start editing the attribute enter return enter hide/show the selected node h h h focus on the search box in the html pane ctrl + f cmd + f ctrl + f edit as html f2 f2 f2 s...
... command windows macos linux move to the previous element in the breadcrumbs bar left arrow left arrow left arrow move to the next element in the breadcrumbs bar right arrow right arrow right arrow focus the html pane shift +
tab shift +
tab shift +
tab focus the css pane
tab tab tab css pane these shortcuts work when you're in the inspector's css pane.
... command windows macos linux focus on the search box in the css pane ctrl + f cmd + f ctrl + f clear search box content (only when the search box is focused, and content has been entered) esc esc esc step forward through properties and values
tab tab tab step backward through properties and values shift +
tab shift +
tab shift +
tab start editing property or value (rules view only, when a property or value is selected, but not already being edited) enter or space return or space enter or space cycle up and down through auto-complete suggestions (rules view only, when a property or value is being edited) up arrow , down arrow up arrow , down arrow up arrow , down arrow...
... choose current auto-complete suggestion (rules view only, when a property or value is being edited) enter or
tab return or
tab enter or
tab increment selected value by 1 up arrow up arrow up arrow decrement selected value by 1 down arrow down arrow down arrow increment selected value by 100 shift + page up shift + page up shift + page up decrement selected value by 100 shift + page down shift + page down shift + page down increment selected value by 10 shift + up arrow shift + up arrow shift + up arrow decrement selected value by 10 shift + down arrow shift + down arrow shift + down arrow increment selected value by 0.1 alt + up arrow (ctrl + up arrow from...
Cookies - Firefox Developer Tools
when you select an origin inside the cookies storage type from the storage tree, all the cookies present for that origin will be listed in a
table.
... the cookies
table has the following columns: name — the name of the cookie.
... note: some of the columns are not shown by default — to change the column display, right-click on the existing
table headings and use the resulting context menu to show/hide the columns.
... you can edit cookies by double-clicking inside cells in the
table widget and editing the values they contain, and add new cookies by clicking the "plus" (+) button and then editing the resulting new row to the value you want.
about:debugging (before Firefox 68) - Firefox Developer Tools
at the moment it supports three main sorts of targets: restartless add-ons,
tabs, and workers.
...
tabs in firefox 49 onwards, a
tabs page is available in about:debugging — this provides a complete list of all the debuggable
tabs open in the current firefox instance.
... each
tab entry has a debug button next to it — when clicked, this will open up a toolbox specific to that
tab, allowing you to debug that
tab's contents.
... note that this feature isn't that immediately useful to debugging desktop
tabs — you can open up a toolbox to debug a
tab easily enough already — but this will become far more useful when about:debugging starts to support remote debugging, and this page can begin to list
tabs available for debugging on mobile device browsers, simulators, etc.
Document.visibilityState - Web APIs
it is useful to know if the document is in the background or an invisible
tab, or only loaded for pre-rendering.
...in practice this means that the page is the foreground
tab of a non-minimized window.
...in practice this means that the document is either a background
tab or part of a minimized window, or the os screen lock is active.
...check compatibility
table for details.
Using Fetch - Web APIs
fetch() won't can receive cross-site cookies; you can’t can es
tablish a cross site session using fetch.
...the mutation operations will throw a typeerror if there is an immu
table guard (see below).
...type || !contenttype.includes('application/json')) { throw new typeerror("oops, we haven't got json!"); } return response.json(); }) .then(data => { /* process your data further */ }) .catch(error => console.error(error)); guard since headers can be sent in requests and received in responses, and have various limitations about what information can and should be mu
table, headers objects have a guard property.
... immu
table: mostly used for serviceworkers; renders a headers object read-only.
FileSystemEntrySync - Web APIs
for example, if your app is in http://ww.html5rocks.com, open filesystem:http://www.html5rocks.com/temporary/ in a
tab.
...[todo: verify ] no_modification_allowed_err one of the following is not wri
table: the source entry, its parent directory, and the target directory.
... no_modification_allowed_err one of the following is not wri
table: the source entry, its parent directory, and the target directory.
... no_modification_allowed_err one of the following is not wri
table: the source entry, its parent directory, and the target directory.
Guide to the Fullscreen API - Web APIs
in addition, navigating to another page, changing
tabs, or switching to another application (using, for example, alt-
tab) while in fullscreen mode exits fullscreen mode as well.
...here is the
table summarizing the prefixes and name differences between them: standard webkit (safari) / blink (chrome & opera) / edge gecko (firefox) internet explorer document.fullscreen webkitisfullscreen mozfullscreen - document.fullscreenenabled webkitfullscreenenabled mozfullscreenenabled msfullscreenenabled documentorshadowroot.fullscre...
... browser compatibility document.fullscreen the compatibility
table on this page is generated from structured data.
... document.fullscreenenabled the compatibility
table on this page is generated from structured data.
The HTML DOM API - Web APIs
support for interacting with the user by examining focus and by executing commands on edi
table content.
...lement htmlmenuelement htmlmetaelement htmlmeterelement htmlmodelement htmlolistelement htmlobjectelement htmloptgroupelement htmloptionelement htmloutputelement htmlparagraphelement htmlparamelement htmlpictureelement htmlpreelement htmlprogresselement htmlquoteelement htmlscriptelement htmlselectelement htmlslotelement htmlsourceelement htmlspanelement htmlstyleelement html
tablecaptionelement html
tablecellelement html
tablecolelement html
tableelement html
tablerowelement html
tablesectionelement htmltemplateelement htmltextareaelement htmltimeelement htmltitleelement htmltrackelement htmlulistelement htmlunknownelement htmlvideoelement deprecated html element interfaces htmlmarqueeelement obsolete html element interfaces htmlbasefontelement ...
... datatransfer datatransferitem datatransferitemlist dragevent page history interfaces the history api interfaces let you access information about the browser's history, as well as to shift the browser's current
tab forward and backward through that history.
... storage storageevent web workers interfaces these interfaces are used by the web_workers_api both to es
tablish the ability for workers to interact with an app and its content, but also to support messaging between windows or apps.
IDBCursorSync - Web APIs
the idbcursorsync interface of the indexeddb api represents a cursor for iterating over multiple records in a da
tabase.
... method overview bool continue (in optional any key); void remove () raises (idbda
tabaseexception); attributes attribute type description count readonly unsigned long long the total number of objects that share the current key.
...setting this attribute can raise an idbda
tabaseexception with the following codes: data_err if the underlying object store uses in-line keys and the property at the key path does not match the key in this cursor's position.
... remove() deletes the record at the cursor's position, without changing the cursor's position void delete ( ) raises (da
tabaseexception); exceptions this method can raise an idbda
tabaseexception with the following code: not_allowed_err if the underlying index or object store does not support updating the record because it is open in the read_only or snapshot_read mode.
IDBCursorWithValue - Web APIs
the idbcursorwithvalue interface of the indexeddb api represents a cursor for traversing or iterating over multiple records in a da
tabase.
... { var cursor = event.target.result; if(cursor) { var listitem = document.createelement('li'); listitem.innerhtml = cursor.value.albumtitle + ', ' + cursor.value.year; list.appendchild(listitem); cursor.continue(); } else { console.log('entries all displayed.'); } }; }; specifications specification status comment indexed da
tabase api 2.0the definition of 'idbcursorwithvalue' in that specification.
... recommendation indexed da
tabase api draftthe definition of 'idbcursorwithvalue' in that specification.
... recommendation browser compatibility the compatibility
table on this page is generated from structured data.
IDBFactory.cmp() - Web APIs
return value an integer that indicates the result of the comparison; the
table below lists the possible values and their meanings: returned value description -1 1st key is less than the 2nd key 0 1st key is equal to the 2nd key 1 1st key is greater than the 2nd key exceptions this method may raise a domexception of the following types: attribute description dataerror one of the supplied keys...
... example var a = 1; var b = 2; var result = window.indexeddb.cmp(a, b); console.log( "comparison results: " + result ); specifications specification status comment indexed da
tabase api 2.0the definition of 'cmp()' in that specification.
... recommendation indexed da
tabase api draftthe definition of 'cmp()' in that specification.
... recommendation browser compatibility the compatibility
table on this page is generated from structured data.
IDBOpenDBRequest: blocked event - Web APIs
the blocked handler is executed when an open connection to a da
tabase is blocking a versionchange transaction on the same da
tabase.
... bubbles no cancelable no interface idbversionchangeevent event handler property onblocked examples using addeventlistener(): // open the da
tabase const dbopenrequest = window.indexeddb.open('todolist', 4); dbopenrequest.onupgradeneeded = (event) => { const db = event.target.result; db.onerror = () => { console.log('error creating da
tabase'); }; // create an objectstore for this da
tabase var objectstore = db.createobjectstore('todolist', { keypath: 'tasktitle' }); // define what data items the objectstore will contain objectstore.createindex('hours', 'hours', { unique: false }); objectstore.createindex('minutes', 'minutes', { unique: false }); objectstore.createindex('day', 'day', { unique: false }); objects...
...tore.createindex('month', 'month', { unique: false }); objectstore.createindex('year', 'year', { unique: false }); }; dbopenrequest.onsuccess = (event) => { // let's try to open the same da
tabase with a higher revision version const req2 = indexeddb.open('todolist', 5); // in this case the onblocked handler will be executed req2.addeventlistener('blocked', () => { console.log('request was blocked'); }); }; using the onblocked property: // open the da
tabase const dbopenrequest = window.indexeddb.open('todolist', 4); dbopenrequest.onupgradeneeded = (event) => { const db = event.target.result; db.onerror = () => { console.log('error creating da
tabase'); }; // create an objectstore for this da
tabase var objectstore = db.createobjectstore('todolist', { keypath...
...tain objectstore.createindex('hours', 'hours', { unique: false }); objectstore.createindex('minutes', 'minutes', { unique: false }); objectstore.createindex('day', 'day', { unique: false }); objectstore.createindex('month', 'month', { unique: false }); objectstore.createindex('year', 'year', { unique: false }); }; dbopenrequest.onsuccess = (event) => { // let's try to open the same da
tabase with a higher revision version const req2 = indexeddb.open('todolist', 5); // in this case the onblocked handler will be executed req2.onblocked = () => { console.log('request was blocked'); }; }; ...
IDBOpenDBRequest: upgradeneeded event - Web APIs
the upgradeneeded event is fired when an attempt was made to open a da
tabase with a version number higher than its current version.
... bubbles no cancelable no interface event event handler onupgradeneeded examples this example opens a da
tabase and handles the upgradeneeded event by making any necessary updates to the object store.
... // open the da
tabase const dbopenrequest = window.indexeddb.open('todolist', 4); dbopenrequest.addeventlistener('upgradeneeded', event => { const db = event.target.result; console.log(`upgrading to version ${db.version}`); // create an objectstore for this da
tabase var objectstore = db.createobjectstore('todolist', { keypath: 'tasktitle' }); // define what data items the objectstore will contain objectstore.createindex('hours', 'hours', { unique: false }); objectstore.createindex('minutes', 'minutes', { unique: false }); objectstore.createindex('day', 'day', { unique: false }); objectstore.createindex('month', 'month', { unique: false }); objectstore.createindex('year', 'year', { unique: false }); }); this is the same example, but uses the onupgradeneeded event handl...
... // open the da
tabase const dbopenrequest = window.indexeddb.open('todolist', 4); dbopenrequest.onupgradeneeded = event => { const db = event.target.result; console.log(`upgrading to version ${db.version}`); // create an objectstore for this da
tabase var objectstore = db.createobjectstore('todolist', { keypath: 'tasktitle' }); // define what data items the objectstore will contain objectstore.createindex('hours', 'hours', { unique: false }); objectstore.createindex('minutes', 'minutes', { unique: false }); objectstore.createindex('day', 'day', { unique: false }); objectstore.createindex('month', 'month', { unique: false }); objectstore.createindex('year', 'year', { unique: false }); }; ...
IDBRequest.onerror - Web APIs
-do list object that has this title as it's title var objectstoretitlerequest = objectstore.get(title); objectstoretitlerequest.onsuccess = function() { // grab the data object returned as the result var data = objectstoretitlerequest.result; // update the notified value in the object to "yes" data.notified = "yes"; // create another request that inserts the item back // into the da
tabase var updatetitlerequest = objectstore.put(data); // when this new request succeeds, run the displaydata() // function again to update the display updatetitlerequest.onsuccess = function() { displaydata(); }; }; objectstoretitlerequest.onerror = function() { // if an error occurs with the request, log what it is console.log("there has been an error with retrieving your data: ...
...}; specifications specification status comment indexed da
tabase api 2.0the definition of 'onerror' in that specification.
... recommendation indexed da
tabase api draftthe definition of 'onerror' in that specification.
... recommendation browser compatibility the compatibility
table on this page is generated from structured data.
IDBRequest.readyState - Web APIs
-do list object that has this title as it's title var objectstoretitlerequest = objectstore.get(title); objectstoretitlerequest.onsuccess = function() { // grab the data object returned as the result var data = objectstoretitlerequest.result; // update the notified value in the object to "yes" data.notified = "yes"; // create another request that inserts the item // back into the da
tabase var updatetitlerequest = objectstore.put(data); // log the source of this request console.log("the readystate of this request is " + updatetitlerequest.readystate); // when this new request succeeds, run the displaydata() // function again to update the display updatetitlerequest.onsuccess = function() { displaydata(); }; }; specifications specification status...
... comment indexed da
tabase api 2.0the definition of 'readystate' in that specification.
... recommendation indexed da
tabase api draftthe definition of 'readystate' in that specification.
... recommendation browser compatibility the compatibility
table on this page is generated from structured data.
IDBRequest.source - Web APIs
o-do list object that has this title as its title var objectstoretitlerequest = objectstore.get(title); objectstoretitlerequest.onsuccess = function() { // grab the data object returned as the result var data = objectstoretitlerequest.result; // update the notified value in the object to "yes" data.notified = "yes"; // create another request that inserts the item // back into the da
tabase var updatetitlerequest = objectstore.put(data); // log the source of this request console.log("the source of this request is " + updatetitlerequest.source); // when this new request succeeds, run the displaydata() // function again to update the display updatetitlerequest.onsuccess = function() { displaydata(); }; }; specifications specification status comment ...
... indexed da
tabase api 2.0the definition of 'source' in that specification.
... recommendation indexed da
tabase api draftthe definition of 'source' in that specification.
... recommendation browser compatibility the compatibility
table on this page is generated from structured data.
IDBTransaction.objectStoreNames - Web APIs
syntax var myda
tabase = transactionobj.objectstorenames; returns a domstringlist of names of idbobjectstore objects.
... specification specification status comment indexed da
tabase api 2.0the definition of 'objectstorenames' in that specification.
... recommendation indexed da
tabase api draftthe definition of 'objectstorenames' in that specification.
... recommendation browser compatibility the compatibility
table on this page is generated from structured data.
KeyboardEvent - Web APIs
keyboard events may not be fired if the user is using an alternate means of entering text, such as a handwriting system on a
tablet or graphics
tablet.
...if the key corresponds to a prin
table character, this value is a non-empty unicode string containing that character.
... if the key doesn't have a prin
table representation, this is an empty string.
...in firefox 26 this returns codes for prin
table characters.
LockManager.request() - Web APIs
this applies to code in both
tabs and workers.
... this shared/exclusive lock pattern is common in da
tabase transaction architecture, for example to allow multiple simultaneous readers (each requests a "shared" lock) but only one writer (a single "exclusive" lock).
...the do_read() requests a lock in 'shared' mode meaning that multiple calls may occur simultaneously across different event handlers,
tabs, or workers.
...this applies across event handlers,
tabs, or workers.
Pointer events - Web APIs
pointerout onpointerout fired for several reasons including: pointer is moved out of the hit test boundaries of an element; firing the pointerup event for a device that does not support hover (see pointerup); after firing the pointercancel event (see pointercancel); when a pen stylus leaves the hover range detec
table by the digitizer.
...for pen devices, this event is fired when the stylus leaves the hover range detec
table by the digitizer.
... the following
table provides the values of button and buttons for the various device button states.
...this property may be applied to all elements except: non-replaced inline elements,
table rows, row groups,
table columns, and column groups.
SVGSVGElement - Web APIs
on systems where it is impossible to know the size of a pixel, a sui
table default pixel size is provided.
...when the browser actually knows the physical size of a "screen unit", this float attribute will express that information; otherwise, user agents will provide a sui
table default value (such as .28mm).
... svgsvgelement.setcurrenttime() adjusts the clock for this svg document fragment, es
tablishing a new current time.
... candidate recommendation replaced the inheritance from svgelement by svggraphicselement, removed the implemented interfaces svgtests, svglangspace, svgexternalresourcesrequired, svgstylable, svgloca
table, documentevent, viewcss, and documentcss and added implemented interface windoweventhandlers.
Selection.rangeCount - Web APIs
gecko browsers allow multiple selections across
table cells.
... firefox allows to select multiple ranges in the document by using ctrl+click (unless the click within an element with display:
table-cell).
... html <
table> <tr><td>a.1<td>a.2 <tr><td>b.1<td>b.2 <tr><td>c.1<td>c.2 javascript window.setinterval(function () { console.log(window.getselection().rangecount); }, 1000); result open your console to see how many ranges are in the selection.
... in gecko browsers, you can select multiple ranges across
table cells by holding down ctrl while dragging with the mouse.
Writing WebSocket client applications - Web APIs
if you want to open a connection and are flexible about the protocols you support, you can specify an array of protocols: var examplesocket = new websocket("wss://www.example.com/socketserver", ["protocolone", "protocoltwo"]); once the connection is es
tablished (that is, readystate is open), examplesocket.protocol will tell you which protocol the server selected.
... es
tablishing a websocket relies on the http upgrade mechanism, so the request for the protocol upgrade is implicit when we address the web server as ws://www.example.com or wss://www.example.com.
... as es
tablishing a connection is asynchronous and prone to failure there is no guarantee that calling the send() method immediately after creating a websocket object will be successful.
... we can at least be sure that attempting to send data only takes place once a connection is es
tablished by defining an onopen event handler to do the work: examplesocket.onopen = function (event) { examplesocket.send("here's some text that the server is urgently awaiting!"); }; using json to transmit objects one handy thing you can do is use json to send reasonably complex data to the server.
Movement, orientation, and motion: A WebXR example - Web APIs
next, we compile the shader programs; get references to its variables; initialize the buffers that store the array of each position; the indexes into the position
table for each vertex; the vertex normals; and the texture coordinates for each vertex.
...it's called once for each eye, with slightly different positions for each eye, in order to es
tablish the 3d effect needed for xr gear.
...with the cube's global orientation es
tablished, we then multiply that by the inverse of the view's transform matrix to get the final model view matrix—the matrix to apply to the object to both rotate it for its animation purposes, but to also move and reorient it to simulate the viewer's motion through the space.
... function displaymatrix(mat, rowlength, target) { let outhtml = ""; if (mat && rowlength && rowlength <= mat.length) { let numrows = mat.length / rowlength; outhtml = "<math xmlns='http://www.w3.org/1998/math/mathml' display='block'>\n<mrow>\n<mo>[</mo>\n<m
table>\n"; for (let y=0; y<numrows; y++) { outhtml += "<mtr>\n"; for (let x=0; x<rowlength; x++) { outhtml += `<mtd><mn>${mat[(x*rowlength) + y].tofixed(2)}</mn></mtd>\n`; } outhtml += "</mtr>\n"; } outhtml += "</m
table>\n<mo>]</mo>\n</mrow>\n</math>"; } target.innerhtml = outhtml; } this replaces the contents of the element specified by target with...
XRPermissionDescriptor.optionalFeatures - Web APIs
the "interface" column in the
table below indicates which of the two types is returned for each reference space type constant..
... reference space descriptors the types of reference space are listed in the
table below, with brief information about their use cases and which interface is used to implement them.
... for devices with six degrees of freedom (6dof) tracking, the local reference space tries to keep the origin s
table relative to the environment.
...the viewer isn't tracked at all; tracking is optimized for s
tability around the user's current position, so the native origin may drift as needed to accommodate that need.
XRReferenceSpaceType - Web APIs
the "interface" column in the
table below indicates which of the two types is returned for each reference space type constant..
... reference space descriptors the types of reference space are listed in the
table below, with brief information about their use cases and which interface is used to implement them.
... for devices with six degrees of freedom (6dof) tracking, the local reference space tries to keep the origin s
table relative to the environment.
...the viewer isn't tracked at all; tracking is optimized for s
tability around the user's current position, so the native origin may drift as needed to accommodate that need.
XRSession.requestReferenceSpace() - Web APIs
the "interface" column in the
table below indicates which of the two types is returned for each reference space type constant..
... reference space descriptors the types of reference space are listed in the
table below, with brief information about their use cases and which interface is used to implement them.
... for devices with six degrees of freedom (6dof) tracking, the local reference space tries to keep the origin s
table relative to the environment.
...the viewer isn't tracked at all; tracking is optimized for s
tability around the user's current position, so the native origin may drift as needed to accommodate that need.
Web APIs
meterelement htmlmodelement htmlolistelement htmlobjectelement htmloptgroupelement htmloptionelement htmloptionscollection htmlorforeignelement htmloutputelement htmlparagraphelement htmlparamelement htmlpictureelement htmlpreelement htmlprogresselement htmlquoteelement htmlscriptelement htmlselectelement htmlshadowelement htmlslotelement htmlsourceelement htmlspanelement htmlstyleelement html
tablecaptionelement html
tablecellelement html
tablecolelement html
tableelement html
tablerowelement html
tablesectionelement htmltemplateelement htmltextareaelement htmltimeelement htmltitleelement htmltrackelement htmlulistelement htmlunknownelement htmlvideoelement hashchangeevent headers history hkdfparams hmacimportparams hmackeygenparams i idbcursor idbcursorsync idbcursorwithvalue idbda
taba...
...se idbda
tabaseexception idbda
tabasesync idbenvironment idbenvironmentsync idbfactory idbfactorysync idbindex idbindexsync idbkeyrange idblocaleawarekeyrange idbmu
tablefile idbobjectstore idbobjectstoresync idbopendbrequest idbrequest idbtransaction idbtransactionsync idbversionchangeevent idbversionchangerequest iirfilternode idledeadline imagebitmap imagebitmaprenderingcontext imagecapture imagedata index inputdevicecapabilities inputevent installevent installtrigger intersectionobserver intersectionobserverentry interventionreportbody k keyboard keyboardevent keyboardlayoutmap keyframeeffect keyframeeffectoptions l largestcontentfulpaint layoutshift layoutshiftattribution linearaccelerationsensor linkstyle localfilesystem localfilesystemsy...
...erence svgunittypes svguseelement svgvkernelement svgviewelement svgzoomandpan screen screenorientation scriptprocessornode scrolltooptions securitypolicyviolationevent selection sensor sensorerrorevent serviceworker serviceworkercontainer serviceworkerglobalscope serviceworkermessageevent serviceworkerregistration serviceworkerstate shadowroot sharedworker sharedworkerglobalscope slot
table sourcebuffer sourcebufferlist speechgrammar speechgrammarlist speechrecognition speechrecognitionalternative speechrecognitionerror speechrecognitionerrorevent speechrecognitionevent speechrecognitionresult speechrecognitionresultlist speechsynthesis speechsynthesiserrorevent speechsynthesisevent speechsynthesisutterance speechsynthesisvoice staticrange stereopanne...
...glframebuffer webglprogram webglquery webglrenderbuffer webglrenderingcontext webglsampler webglshader webglshaderprecisionformat webglsync webgltexture webgltransformfeedback webgluniformlocation webglvertexarrayobject webkitcssmatrix websocket wheelevent window windowclient windoweventhandlers windoworworkerglobalscope worker workerglobalscope workerlocation workernavigator worklet wri
tablestream wri
tablestreamdefaultcontroller wri
tablestreamdefaultwriter x xdomainrequest xmldocument xmlhttprequest xmlhttprequesteventtarget xmlhttprequestresponsetype xmlserializer xpathevaluator xpathexception xpathexpression xpathnsresolver xpathresult xrboundedreferencespace xrenvironmentblendmode xreye xrframe xrframerequestcallback xrhandedness xrinputsource xrinputsourcearray xrinp...
Using the group role - Accessibility
the group role is used to identify a set of user interface objects which, in contrast with a region, are not intended to be included in a
table of contents or a page summary (such as the structures that are dynamically created by a script or assistive technologies); a group should not be considered a major perceivable section on a page.
... if an author believes a section is significant enough to warrant inclusion in the page's
table of contents, they should assign the section a role of region or a standard landmark role.
... <div id="tree1" role="tree"
tabindex="-1"> <div id="animals" class="groupheader" role="presentation" aria-owns="animalgroup" aria-expanded="true"> <img role="presentation"
tabindex="-1" src="images/treeexpanded.gif" /> <span role="treeitem"
tabindex="0">animals</span> </div> <div id="animalgroup" role="group"> <div id="birds" role="treeitem"> <span
tabindex="-1">birds</span> </div> <div id="cats"...
... class="groupheader" role="presentation" aria-owns="catgroup" aria-expanded="false"> <img role="presentation"
tabindex="-1" src="images/treecontracted.gif" /> <span role="treeitem"
tabindex="0">cats</span> </div> <div id="catgroup" role="group"> <div id="siamese" role="treeitem"> <span
tabindex="-1">siamese</span> </div> <div id="
tabby" role="treeitem"> <span
tabindex="-1">
tabby</span> </div> </div> </div> </div> example 2: using the group role with a html drop-down menu the snippet below shows how the group role is added directly into the html source code.
Using the link role - Accessibility
when this role is added to an element,
tab can be used to change focus to the link, and enter used to execute the link.
... the
tabindex attribute may optionally be used with this role to directly specify the position of the element in the
tab order.
...this includes javascript to grab the location and handle navigating to the new location using window.open() via clicking, and using keyboard, css to give the desired visuals of a link, the
tabindex="0" attribute to make it keyboard-focussable, and role="link" to make it recognised as a link by assistive technology.
... html <h1>role="link" example</h1> <span data-href="https://mozilla.org"
tabindex="0" id="link1" role="link" class="link"> fake accessible link created using a span </span> <p><a href="https://mozilla.org" target="_blank">actual real link</a></p> css span[role="link"] { color: blue; text-decoration: underline; cursor: pointer; } span[role="link"]:focus { outline: 1px dotted black; } javascript const spanelem = document.queryselector('span'); //handles cl...
ARIA: application role - Accessibility
the at will read any semantics like links, headings, form controls,
tables, lists, or images.
... in addition, a set of so-called quick navigation keys has been es
tablished over the years that allows blind users to skim through a page via a certain element type.
... such elements usually include headings, form fields, lists,
tables, links, graphics, or landmark regions.
... the
tab , space and enter keys, as well as escape , must be handled by the application.
ARIA: feed role - Accessibility
the list es
tablishes an interoperability contract between the web page and assistive technologies that governs scroll interactions so that assistive technology users can read articles, jump forward and backward by article, and reliably trigger new articles to load while in reading mode.
...each article within a feed should be focusable, with
tabindex of 0 or -1.
... the feed pattern enables reliable assistive technology reading mode interaction by es
tablishing the following interoperability agreement between the web page and assistive technologies: in the context of a feed, the web page code is responsible for: appropriate visual scrolling of the content based on which article contains dom focus.
... if a feed is nested within a feed, such as a comments feed within a feed of blog posts, the convention is to
tab into the nested feed with the
tab key and to provide another key, such as alt + page down, to navigate from an 'outer' article to the first item in that article's nested feed.
Understandable - Accessibility
success criteria how to conform to the criteria practical resource 3.1.1 language of page (a) the default human language of each web page should be detec
table via code.
... this is essential for purposes like making sure the reader has arrived at a page written in a language sui
table for them.
... guideline 3.2 — predic
table: make web pages appear and operate in predic
table ways this guideline focuses on making user interfaces intuitive and understandable.
... note: also see the wcag description for guideline 3.2 predic
table: make web pages appear and operate in predic
table ways.
Using CSS animations - CSS: Cascading Style Sheets
letting the browser control the animation sequence lets the browser optimize performance and efficiency by, for example, reducing the update frequency of animations running in
tabs that aren't currently visible.
... animation-timing-function configures the timing of the animation; that is, how the animation transitions through keyframes, by es
tablishing acceleration curves.
...this is done by es
tablishing two or more keyframes using the @keyframes at-rule.
... the output, when all is said and done, looks something like this: started: elapsed time is 0 new loop started at time 3.01200008392334 new loop started at time 6.00600004196167 ended: elapsed time is 9.234000205993652 note that the times are very close to, but not exactly, those expected given the timing es
tablished when the animation was configured.
Color picker tool - CSS: Cascading Style Sheets
</div> </div> <div id="canvas" data-tutorial="drop"> <div id="zindex" class="ui-input-slider" data-topic="z-index" data-info="z-index" data-max="20" data-sensivity="10"></div> </div> </div> css /* * color picker tool */ .ui-color-picker { width: 420px; margin: 0; border: 1px solid #ddd; background-color: #fff; display:
table; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .ui-color-picker .picking-area { width: 198px; height: 198px; margin: 5px; border: 1px solid #ddd; position: relative; float: left; display:
table; } .ui-color-picker .picking-area:hover { cursor: default; } /* hsv format - hue-saturation-value(brightness) */ .ui-color-picker .picking...
.../files/6083/resize.png') center center no-repeat; position: absolute; bottom: 0; right: 0; } [data-resize='both']:hover { cursor: nw-resize !important; } [data-resize='width']:hover { cursor: w-resize !important; } [data-resize='height']:hover { cursor: n-resize !important; } [data-hidden='true'] { display: none; } [data-collapsed='true'] { height: 0 !important; } .block { display:
table; } /** * container */ #container { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display:
table; } /** * picker zone */ #picker { padding: 10px; width: 980px; } .ui-color-picker { padding: 3px 5px; float: left; border-color: #fff; } .ui-color-picker .switch_mode { display: none; } .ui-color-picker .preview-color:hover...
...er-samples #add-icon:hover:after { background-color: #ddd; box-shadow: 0 0 1px 0 #ddd; } /** * controls */ #controls { width: 110px; padding: 10px; float: right; } #controls #picker-switch { text-align: center; float: left; } #controls .icon { width: 48px; height: 48px; margin: 10px 0; background-repeat: no-repeat; background-position: center; border: 1px solid #ddd; display:
table; float: left; } #controls .icon:hover { cursor: pointer; } #controls .picker-icon { background-image: url('https://mdn.mozillademos.org/files/6081/picker.png'); } #controls #void-sample { margin-right: 10px; background-image: url('https://mdn.mozillademos.org/files/6087/void.png'); background-position: center left; } #controls #void-sample[data-active='true'] { border-color: #ccc; b...
... float: left; } #color-palette .container { width: 100%; height: 50px; line-height: 50px; overflow: hidden; float: left; transition: all 0.5s; } #color-palette .container > * { float: left; } #color-palette .title { width: 100px; padding: 0 10px; text-align: right; line-height: inherit; } #color-palette .palette { width: 456px; height: 38px; margin: 3px; padding: 3px; display:
table; background-color: #fff; } #color-palette .palette .sample { width: 30px; height: 30px; margin: 3px; position: relative; border: 1px solid #ddd; float: left; transition: all 0.2s; } #color-palette .palette .sample:hover { cursor: pointer; border-color: #bbb; transform: scale(1.15); border-radius: 3px; } #color-palette .controls { } #color-palette .controls > * { float: left; } ...
calc() - CSS: Cascading Style Sheets
you may also use parentheses to es
tablish computation order when needed.
... math expressions involving percentages for widths and heights on
table columns,
table column groups,
table rows,
table row groups, and
table cells in both auto and fixed layout
tables may be treated as if auto had been specified.
... let's look at some css: input { padding: 2px; display: block; width: calc(100% - 1em); } #formbox { width: calc(100% / 6); border: 1px solid black; padding: 4px; } here, the form itself is es
tablished to use 1/6 of the available window width.
... then, to ensure that input fields retain an appropriate size, we use calc() again to es
tablish that they should be the width of their container minus 1em.
caret-color - CSS: Cascading Style Sheets
the caret appears in elements such as <input> or those with the contentedi
table attribute.
...for example, many browsers have a “navigation caret,” which acts similarly to an insertion caret but can be moved around in non-edi
table text.
... note: while user agents may use currentcolor (which is usually anima
table) for the auto value, auto is not interpolated in transitions and animations.
...)where <alpha-value> = <number> | <percentage><hue> = <number> | <angle> examples setting a custom caret color html <input value="this field uses a default caret." size="64"/> <input class="custom" value="i have a custom caret color!" size="64"/> <p contentedi
table class="custom">this paragraph can be edited, and its caret has a custom color as well!</p> css input { caret-color: auto; display: block; margin-bottom: .5em; } input.custom { caret-color: red; } p.custom { caret-color: green; } result specifications specification status comment css basic user interface module level 3the definition of 'caret-co...
column-count - CSS: Cascading Style Sheets
formal definition initial valueautoapplies toblock containers except
table wrapper boxesinheritednocomputed valueas specifiedanimation typean integer formal syntax <integer> | auto examples splitting a paragraph across three columns html <p class="content-box"> this is a bunch of text split into three columns using the css `column-count` property.
... browser compatibility the compatibility
table in this page is generated from structured data.
... 12prefixed prefixed implemented with the vendor prefix: -webkit-firefox full support 52 full support 52 no support 1.5 — 74prefixed notes prefixed implemented with the vendor prefix: -moz-notes prior to version 37, multiple columns didn't work with display:
table-caption elements.ie full support 10opera full support 11.1 full support 11.1 full support 15prefixed prefixed implemented with the vendor prefix: -webkit-safari full support ...
... 18prefixed prefixed implemented with the vendor prefix: -webkit-firefox android full support 52 full support 52 full support 4prefixed notes prefixed implemented with the vendor prefix: -moz-notes prior to version 37, multiple columns didn't work with display:
table-caption elements.opera android full support 11.1 full support 11.1 full support 14prefixed prefixed implemented with the vendor prefix: -webkit-safari ios full support 9 full support ...
direction - CSS: Cascading Style Sheets
the direction css property sets the direction of text,
table columns, and horizontal overflow.
...it also sets the default alignment of text, block-level elements, and the direction that cells flow within a
table row.
... unlike the dir attribute in html, the direction property is not inherited from
table columns into
table cells, since css inheritance follows the document tree, and
table cells are inside of rows but not inside of columns.
... browser compatibility the compatibility
table on this page is generated from structured data.
<display-inside> - CSS: Cascading Style Sheets
depending on the value of other properties (such as position, float, or overflow) and whether it is itself participating in a block or inline formatting context, it either es
tablishes a new block formatting context (bfc) for its contents or integrates its contents into its parent formatting context.
... flow-root the element generates a block element box that es
tablishes a new block formatting context, defining where the formatting root lies.
...
table these elements behave like html <
table> elements.
... examples in this example the parent box has been given display: flow-root and so es
tablishes a new bfc and contains the floated item.
<display-legacy> - CSS: Cascading Style Sheets
inline-
table the inline-
table value does not have a direct mapping in html.
... it behaves like an html <
table> element, but as an inline box, rather than a block-level box.
... inside the
table box is a block-level context.
... it is equivalent to inline
table.
empty-cells - CSS: Cascading Style Sheets
the empty-cells css property sets whether borders and backgrounds appear around <
table> cells that have no visible content.
... formal definition initial valueshowapplies to
table-cell elementsinheritedyescomputed valueas specifiedanimation typediscrete formal syntax show | hide example showing and hiding empty
table cells html <
table class="
table_1"> <tr> <td>moe</td> <td>larry</td> </tr> <tr> <td>curly</td> <td></td> </tr> </
table> <br> <
table class="
table_2"> <tr> <td>moe</td> <td>larry</td> </tr> <tr> <td>curly</td> ...
... <td></td> </tr> </
table> css .
table_1 { empty-cells: show; } .
table_2 { empty-cells: hide; } td, th { border: 1px solid gray; padding: 0.5rem; } result specifications specification status comment css level 2 (revision 1)the definition of 'empty-cells' in that specification.
... browser compatibility the compatibility
table on this page is generated from structured data.
justify-items - CSS: Cascading Style Sheets
in
table cell layouts, this property is ignored (more about alignment in block, absolute positioned and
table layout) in flexbox layouts, this property is ignored (more about alignment in flexbox) in grid layouts, it aligns the items inside their grid areas on the inline axis (more about alignment in grid layouts) syntax /* basic keywords */ justify-items: auto; justify-items: normal; justify-items...
... in
table cell layouts, this keyword has no meaning as this property is ignored.
... if you hover or
tab onto the grid container however, it is given a justify-items value of center, which causes the grid items to span only as wide as their content width, and align in the center of their cells.
... html <article class="container"
tabindex="0"> <span>first child</span> <span>second child</span> <span>third child</span> <span>fourth child</span> </article> css html { font-family: helvetica, arial, sans-serif; letter-spacing: 1px; } article { background-color: red; display: grid; grid-template-columns: 1fr 1fr; grid-auto-rows: 40px; grid-gap: 10px; width: 300px; justify-items: stretch; } article:hover, article:focus { justify-items: center; } article span { background-color: black; color: white; margin: 1px; text-align: center; } article, span { padding: 10px; border-radius: 7px; } article { margin: 20px; } result specifications specification status comment css box alignment module level 3the definition of...
shape-image-threshold - CSS: Cascading Style Sheets
the gradient is es
tablished as a css shape using shape-outside, so that pixels within the gradient which are at least 20% opaque (that is, those pixels with an alpha component greater than 0.2) are considered part of the shape.
...</p> css #gradient-shape { width: 150px; height: 150px; float: left; background-image: linear-gradient(30deg, black, transparent 80%, transparent); shape-outside: linear-gradient(30deg, black, transparent 80%, transparent); shape-image-threshold: 0.2; } the shape is es
tablished here using background-image with a linear gradient rather than an image file.
... the same gradient is also used as the image from which the shape is derived for es
tablishing the float area, using the shape-outside property.
... the 20% opacity threshold for treating gradient pixels as part of the shape is then es
tablished using shape-image-threshold with a value of 0.2.
writing-mode - CSS: Cascading Style Sheets
formal definition initial valuehorizontal-tbapplies toall elements except
table row groups,
table column groups,
table rows, and
table columnsinheritedyescomputed valueas specifiedanimation typediscrete formal syntax horizontal-tb | vertical-rl | vertical-lr | sideways-rl | sideways-lr examples using multiple writing modes this example demonstrates all of the writing modes, showing each with text in various languages.
... html the html is a <
table> with each writing mode in a row with a column showing text in various scripts using that writing mode.
... <
table> <tr> <th>value</th> <th>vertical script</th> <th>horizontal (ltr) script</th> <th>horizontal (rtl) script</th> <th>mixed script</th> </tr> <tr> <td>horizontal-tb</td> <td class="example text1"><span>我家没有电脑。</span></td> <td class="example text1"><span>example text</span></td> <td class="example text1"><span>מלל ארוך לדוגמא</span></td> <td class="example text1"><span>1994年に至っては</span></td> </tr> <tr> <td>vertical-lr</td> <td class="example text2"><span>我家没有电脑。</span></td> <td class="example text2"><span>example text</span></td> <td class="example text2"><span>מלל ארוך לדוגמא</span></td> <td class="example text2"><span>1994年に至っては</span></td...
... <td class="example text4"><span>1994年に至っては</span></td> </tr> <tr> <td>sideways-rl</td> <td class="example text5"><span>我家没有电脑。</span></td> <td class="example text5"><span>example text</span></td> <td class="example text5"><span>מלל ארוך לדוגמא</span></td> <td class="example text5"><span>1994年に至っては</span></td> </tr> </
table> css some preparatory css just to make things look a little better:
table { border-collapse:collapse; } td, th { border: 1px black solid; padding: 3px; } th { background-color: lightgray; } .example { height:75px; width:75px; } the css that adjusts the directionality of the content looks like this: .example.text1 span, .example.text1 { writing-mode: horizontal-tb; -webkit-...
Overview of events and handlers - Developer guides
douglas crockford explains this change effectively in several lectures, no
tably his talk, an inconvenient api: the theory of the dom, which shows the change in flow from the original browser flow to the event driven browser.
...note that the handler has access to the ev object since it is passed as an argument; the object has information about the event, no
tably the time at which the event occurred.
... no
table events web browsers define a large number of events so it is not practical to list them all.
... some no
table events are: note: this list of events will need work to make relevant; that work is awaiting some global reorganization work on the documents.
Mobile Web Development - Developer guides
cross-browser development write cross-browser code to create web sites that will work accep
tably across different mobile browsers: try to avoid using browser-specific features, such as vendor-prefixed css properties.
... for browsers that don't support these features, provide an accep
table fallback.
... see this list of gecko-specific properties, and this list of webkit-specific properties, and peter beverloo's
table of vendor-specific properties.
...but sometimes this is impractical, and web sites resort to parsing the browser's user agent string to try to distinguish between desktops,
tablets, and phones, to serve different content to each type of device.
disabled - HTML: Hypertext Markup Language
the boolean disabled attribute, when present, makes the element not mu
table, focusable, or even submitted with the form.
...if declared on an <optgroup>, the select is still interactive (unless otherwise disabled), but none of the items in the option group are selec
table.
...additionally, since the elements become immu
table, most other attributes, such as pattern, have no effect, until the control is enabled.
... usability browsers display disabled form controls greyed as disabled form controls are immu
table, won't receive focus or any browsing events, like mouse clicks or focus-related ones, and aren't submitted with the form.
<img>: The Image Embed element - HTML: Hypertext Markup Language
abbreviation file format mime type file extension(s) browser compatibility apng animated por
table network graphics image/apng .apng chrome, edge, firefox, opera, safari bmp bitmap file image/bmp .bmp chrome, edge, firefox, internet explorer, opera, safari gif graphics interchange format image/gif .gif chrome, edge, firefox, internet explorer, opera, safari ico microsoft icon image/x-icon .ico, .cur chrome, edge, firefox...
..., internet explorer, opera, safari jpeg joint photographic expert group image image/jpeg .jpg, .jpeg, .jfif, .pjpeg, .pjp chrome, edge, firefox, internet explorer, opera, safari png por
table network graphics image/png .png chrome, edge, firefox, internet explorer, opera, safari svg scalable vector graphics image/svg+xml .svg chrome, edge, firefox, internet explorer, opera, safari tiff tagged image file format image/tiff .tif, .tiff none built-in; add-ons required webp web picture format image/webp .webp chrome, edge, firefox, opera the abbreviation for each format links to a longer description of the format, its capabilities, and detailed browser compatibility information; including...
... an alt decision tree • images • wai web accessibility tutorials alt-texts: the ultimate guide — axess lab how to design great alt text: an introduction | deque mdn understanding wcag, guideline 1.1 explanations understanding success criterion 1.1.1 | w3c understanding wcag 2.0 the title attribute the title attribute is not an accep
table substitute for the alt attribute.
...mplicit aria role with non-empty alt attribute or no alt attribute: img with empty alt attribute: no corresponding role permitted aria roles with non-empty alt attribute: button checkbox link menuitem menuitemcheckbox menuitemradio option progressbar scrollbar separator slider switch
tab treeitem with empty alt attribute, none or presentation with no alt attribute, no role permitted dom interface htmlimageelement specifications specification status comment referrer policythe definition of 'referrer attribute' in that specification.
<input type="image"> - HTML: Hypertext Markup Language
the string must be the name of a browsing context (that is, a
tab, window, or <iframe>.
... in addition to the actual names of
tabs, windows, or inline frames, there are a few special keywords that can be used: _self loads the response into the same browsing context as the one that contains the form.
...this is typically a new
tab in the same window as the current document, but may differ depending on the configuration of the user agent.
...this is a name of, or keyword for, a browsing context (for example,
tab, window, or inline frame).
<link>: The External Resource Link element - HTML: Hypertext Markup Language
this element is most commonly used to link to stylesheets, but is also used to es
tablish site icons (both "favicon" style icons and icons for the home screen and apps on mobile devices) among other things.
... when using <link> to es
tablish a favicon for a site, and your site uses a content security policy (csp) to enhance its security, the policy applies to the favicon.
...the
table below lists the valid values for this attribute and the elements or resources they apply to.
...for example, to es
tablish the reverse link for made, specify author.
<nextid>: The NeXT ID element (Obsolete) - HTML: Hypertext Markup Language
example the user enters four section headings into the
table of contents (and presumably also writing paragraph material within these sections).
...the first of these would produce an entry in the
table of contents like this: <a name="z0" href="#z4">first section name</a> and the section header would be marked like this: <h2><a name="z4">first section name</a></h2>.
... this continues for the next three sections, z5, z6, and z7 (and
table of contents entries named z1, z2, and z3), each automatically given anchors with these names.
...when opening the document, the next editor finds and reads this <nextid n="z8"> tag, and now knows to give the first of these new sections the name of z8 in the
table of contents, and z14 to the content body.
<select>: The HTML Select element - HTML: Hypertext Markup Language
using
tab).
...using
tab).
...on value="dog">dog</option> <option value="cat">cat</option> <option value="hamster" disabled>hamster</option> </optgroup> <optgroup label="flying pets"> <option value="parrot">parrot</option> <option value="macaw">macaw</option> <option value="albatross">albatross</option> </optgroup> </select> </label> you'll see that: multiple options are selec
table because we've included the multiple attribute.
... technical summary content categories flow content, phrasing content, interactive content, listed, labelable, reset
table, and submit
table form-associated element permitted content zero or more <option> or <optgroup> elements.
Using the application cache - HTML: Hypertext Markup Language
fallback.html this example uses network and fallback sections to specify that the network.html page must always be retrieved from the network, and that the fallback.html page should be served as a fallback resource (e.g., in case a connection to the server cannot be es
tablished).
... the first line of the cache manifest must consist of the string cache manifest (with a single u+0020 space between the two words), followed by zero or more space or
tab characters.
... the remainder of the cache manifest must be comprised of zero or more of the following lines: blank line you may use blank lines comprised of zero or more space and
tab characters.
... comment comments consist of zero or more
tabs or spaces followed by a single # character, followed by zero or more characters of comment text.
Evolution of HTTP - HTTP
this is the definition of http/1.0 and it is no
table that, in the narrow sense of the term, it isn't an official standard.
... more than 15 years of extensions thanks to its extensibility – creating new headers or methods is easy – and even if the http/1.1 protocol was refined over two revisions, rfc 2616 published in june 1999 and the series of rfc 7230-rfc 7235 published in june 2014 in prevision of the release of http/2, this protocol has been extremely s
table over more than 15 years.
...no
table headers are do not track (dnt) header to control privacy, x-frame-options, or upgrade-insecure-requests but many more exist.
...no
tably, we can cite new extensions of the http protocol appearing in 2016: support of alt-svc allows the dissociation of the identification and the location of a given resource, allowing for a smarter cdn caching mechanism.
A re-introduction to JavaScript (JS tutorial) - JavaScript
the standard received a significant update as ecmascript edition 3 in 1999, and it has stayed pretty much s
table ever since.
...the most common host environment is the browser, but javascript interpreters can also be found in a huge list of other places, including adobe acrobat, adobe photoshop, svg images, yahoo's widget engine, server-side environments such as node.js, nosql da
tabases like the open source apache couchdb, embedded computers, complete desktop environments like gnome (one of the most popular guis for gnu/linux operating systems), and others.
... hash
tables in c and c++.
...since everything (bar core types) in javascript is an object, any javascript program naturally involves a great deal of hash
table lookups.
Meta programming - JavaScript
handlers and traps the following
table summarizes the available traps available to proxy objects.
... handler.get() property access proxy[foo] proxy.bar inherited property access object.create(proxy)[foo] reflect.get() the value reported for a property must be the same as the value of the corresponding target property if target's property is a non-wri
table, non-configurable data property.
... handler.set() property assignment proxy[foo] = bar proxy.foo = bar inherited property assignment object.create(proxy)[foo] = bar {jsxref("reflect.set()")}} cannot change the value of a property to be different from the value of the corresponding target property if the corresponding target property is a non-wri
table, non-configurable data property.
... return '[[' + name + ']]' } }) let proxy = revocable.proxy console.log(proxy.foo) // "[[foo]]" revocable.revoke() console.log(proxy.foo) // typeerror is thrown proxy.foo = 1 // typeerror again delete proxy.foo // still typeerror typeof proxy // "object", typeof doesn't trigger any trap reflection reflect is a built-in object that provides methods for intercep
table javascript operations.
Numbers and dates - JavaScript
the following
table summarizes the number object's properties.
... properties of number property description number.max_value the largest represen
table number (±1.7976931348623157e+308) number.min_value the smallest represen
table number (±5e-324) number.nan special "not a number" value number.negative_infinity special negative infinite value; returned on overflow number.positive_infinity special positive infinite value; returned on overflow number.epsilon difference between 1 and the smallest value greater than 1 that can be represented as a number (2.220446049250313e-16) number.min_safe_integer minimum safe integer in javascript (−253 + 1, or −9007199254740991) number.max_safe_integer maximum safe integer in javascript (+253 − 1, or +90...
...the following
table summarizes the methods of number.prototype.
... the following
table summarizes the math object's methods.
Quantifiers - JavaScript
types the following
table is also duplicated on this cheatsheet.
...for example, given a string like "some <foo> <bar> new </bar> </foo> thing": /<.*>/ will match "<foo> <bar> new </bar> </foo>" /<.*?>/ will match "<foo>" examples repeated pattern var wordendingwithas = /\w+a+\b/; var delicatemessage = "this is spartaaaaaaa"; console.
table(delicatemessage.match(wordendingwithas)); // [ "spartaaaaaaa" ] counting characters var singleletterword = /\b\w\b/g; var notsolongword = /\b\w{1,6}\b/g; var loooongword = /\b\w{13,}\b/g; var sentence = "why do i have to learn multiplication
table?"; console.
table(sentence.match(singleletterword)); // ["i"] console.
table(sentence.match(notsolongword)); // [ "why", "do", "i", "have", "to...
...", "learn", "
table" ] console.
table(sentence.match(loooongword)); // ["multiplication"] optional character var britishtext = "he asked his neighbour a favour."; var americantext = "he asked his neighbor a favor."; var regexpending = /\w+ou?r/g; // \w+ one or several letters // o followed by an "o", // u?
... optionally followed by a "u" // r followed by an "r" console.
table(britishtext.match(regexpending)); // ["neighbour", "favour"] console.
table(americantext.match(regexpending)); // ["neighbor", "favor"] greedy versus non-greedy var text = "i must be getting somewhere near the centre of the earth."; var greedyregexp = /[\w ]+/; // [\w ] a letter of the latin alphabet or a whitespace // + one or several times console.log(text.match(greedyregexp)[0]); // "i must be getting somewhere near the centre of the earth" // almost all of the text matches (leaves out the dot character) var nongreedyregexp = /[\w ]+?/; // notice the question mark console.log(text.match(nongreedyregexp)); // "i" // the match is the smallest one possible specifications specification ...
Array - JavaScript
ruits.unshift('strawberry') // add to the front // ["strawberry", "banana"] find the index of an item in the array fruits.push('mango') // ["strawberry", "banana", "mango"] let pos = fruits.indexof('banana') // 1 remove an item by index position let removeditem = fruits.splice(pos, 1) // this is how to remove an item // ["strawberry", "mango"] remove items from an index position let vege
tables = ['cabbage', 'turnip', 'radish', 'carrot'] console.log(vege
tables) // ["cabbage", "turnip", "radish", "carrot"] let pos = 1 let n = 2 let removeditems = vege
tables.splice(pos, n) // this is how to remove items, n defines the number of items to be removed, // starting at the index position specified by pos and progressing toward the end of array.
... console.log(vege
tables) // ["cabbage", "carrot"] (the original array is changed) console.log(removeditems) // ["turnip", "radish"] copy an array let shallowcopy = fruits.slice() // this is how to make a copy // ["strawberry", "mango"] accessing array elements javascript arrays are zero-indexed.
... to help explain these properties and elements, see this example and then refer to the
table below: // match one d followed by one or more b's followed by one d // remember matched b's and the following d // ignore case const myre = /d(b+)(d)/i const myarray = myre.exec('cdbbdbsbz') the properties and elements returned from this match are as follows: property/element description example input read only the original string against which the regul...
...') // move king's pawn forward 2 board[4][4] = board[6][4] board[6][4] = ' ' console.log(board.join('\n')) here is the output: r,n,b,q,k,b,n,r p,p,p,p,p,p,p,p , , , , , , , , , , , , , , , , , , , , , , , , , , , , p,p,p,p,p,p,p,p r,n,b,q,k,b,n,r r,n,b,q,k,b,n,r p,p,p,p,p,p,p,p , , , , , , , , , , , , , , , , , ,p, , , , , , , , , , p,p,p,p, ,p,p,p r,n,b,q,k,b,n,r using an array to
tabulate a set of values values = [] for (let x = 0; x < 10; x++){ values.push([ 2 ** x, 2 * x ** 2 ]) } console.
table(values) results in // the first column is the index 0 1 0 1 2 2 2 4 8 3 8 18 4 16 32 5 32 50 6 64 72 7 128 98 8 256 128 9 512 162 specifications specification initial publication ecmascript (ecma-262)the definition of 'array' in that specification...
Object.getOwnPropertyDescriptor() - JavaScript
the object returned is mu
table but mutating it has no effect on the original property's configuration.
... wri
table true if and only if the value associated with the property may be changed (data descriptors only).
...es using object.getownpropertydescriptor var o, d; o = { get foo() { return 17; } }; d = object.getownpropertydescriptor(o, 'foo'); // d is { // configurable: true, // enumerable: true, // get: /*the getter function*/, // set: undefined // } o = { bar: 42 }; d = object.getownpropertydescriptor(o, 'bar'); // d is { // configurable: true, // enumerable: true, // value: 42, // wri
table: true // } o = { [symbol.for('baz')]: 73 } d = object.getownpropertydescriptor(o, symbol.for('baz')); // d is { // configurable: true, // enumerable: true, // value: 73, // wri
table: true // } o = {}; object.defineproperty(o, 'qux', { value: 8675309, wri
table: false, enumerable: false }); d = object.getownpropertydescriptor(o, 'qux'); // d is { // value: 8675309, // wri
table...
... object.getownpropertydescriptor('foo', 0); // typeerror: "foo" is not an object // es5 code object.getownpropertydescriptor('foo', 0); // object returned by es2015 code: { // configurable: false, // enumerable: true, // value: "f", // wri
table: false // } specifications specification ecmascript (ecma-262)the definition of 'object.getownpropertydescriptor' in that specification.
WebAssembly.Global - JavaScript
a webassembly.global object represents a global variable instance, accessible from both javascript and impor
table/expor
table across one or more webassembly.module instances.
...it is being defined as a mu
table i32 type, with a value of 0.
...got: ${got}<br>`; } asserteq("webassembly.global exists", typeof webassembly.global, "function"); const global = new webassembly.global({value:'i32', mu
table:true}, 0); webassembly.instantiatestreaming(fetch('global.wasm'), { js: { global } }) .then(({instance}) => { asserteq("getting initial value from wasm", instance.exports.getglobal(), 0); global.value = 42; asserteq("getting js-updated value from wasm", instance.exports.getglobal(), 42); instance.exports.incglobal(); asserteq("getting wasm-updated value from js", global.val...
... browser compatibility the compatibility
table on this page is generated from structured data.
Operator precedence - JavaScript
a op1 b op2 c if op1 and op2 have different precedence levels (see the
table below), the operator with the highest precedence goes first and associativity does not matter.
...thus, doing (2 ** 3) ** 2 changes the order and results in the 64 seen in the
table above.
... note on grouping and short-circuiting in the
table below, grouping is listed as having the highest precedence.
...
table the following
table is ordered from highest (21) to lowest (1) precedence.
<mlabeledtr> - MathML
the mathml <mlabeledtr> element is used to represent a label in a row either on the left or on the right side (determined using the side attribute on the <m
table> element).
... columnalign overrides the horizontal alignment of cells specified by <m
table> for this row.
... rowalign overrides the vertical alignment of cells specified by <m
table> for this row.
... examples rendering: <math> <m
table> <mlabeledtr> <mtd><mn>1</mn></mtd> <!-- label --> <mtd><mi>a</mi></mtd> <mtd><mi>b</mi></mtd> </mlabeledtr> <mtr> <mtd><mi>c</mi></mtd> <mtd><mi>d</mi></mtd> <mtd><mi>e</mi></mtd> </mtr> </m
table> </math> specifications specification status comment mathml 3.0the definition of 'mlabeledtr' in that specification.
<mtr> - MathML
the mathml <mtr> element represents a row in a
table or a matrix.
... it may only appear in a <m
table> element.
... columnalign overrides the horizontal alignment of cells specified by <m
table> for this row.
... rowalign overrides the vertical alignment of cells specified by <m
table> for this row.
Introduction to progressive web apps - Progressive web apps (PWAs)
it's just a shorthand used initially by google for the concept of creating a flexible, adap
table app using only web technologies.
... responsive, so it's usable on any device with a screen and a browser—mobile phones,
tablets, laptops, tvs, refrigerators, etc.
... progressive enhancement suppport modern web apps can be developed to provide an excellent experience to fully capable browsers, and an accep
table (although not quite as shiny) experience to less capable browsers.
... responsiveness responsive web apps use technologies like media queries and viewport to make sure that their uis will fit any form factor: desktop, mobile,
tablet, or whatever comes next.
The building blocks of responsive design - Progressive web apps (PWAs)
also, taking an existing site and adding responsiveness to it, to make it mobile/
tablet friendly, can be a lot more effort than just creating a separate mobile site or app, especially if it is a sprawling enterprise site.
... mid-width layout we also have a mid-width layout, which is aimed at working well on
tablets and narrow laptop screens.
...there are currently some standards proposals in the works that would provide this — the w3c responsive images community group discussed this problem for ages and arrived at the <picture> element, which provides a similar markup structure to <video>, with <source> alternatives selec
table via media query results.
... another proposal, srcset, was put forward by apple and takes a slightly different approach, instead providing a new srcset attribute for <img> inside which image references are placed along with "hints" that the browser can use to work out which image is most sui
table to display given its viewport size, resolution, etc.
SVG Conditional Processing Attributes - SVG: Scalable Vector Graphics
value: false|true; anima
table: no requiredextensions list all the browser specific capabilities that must be supported by the borwser to be allowed to render the associated element.
... value: a list of space-separated uri; anima
table: no requiredfeatures deprecated since svg 2 list all the features, as defined is the svg 1.1 specification, that must be supported by the borwser to be allowed to render the associated element..
... value: a list of space-separated uri; anima
table: no systemlanguage indicates which language the user must have chosen to render the associated element.
... value: a list of comma-separated language id; anima
table: no ...
color-profile - SVG: Scalable Vector Graphics
as a presentation attribute, it can be applied to any element but it only has an effect on the following element: <image> usage notes value auto | srgb | <name> | <iri> default value auto anima
table yes auto all colors are presumed to be defined in the srgb color space unless a more precise embedded profile is specified within content data.
... <name> a name corresponding to a defined color profile that is in the browser's color profile description da
tabase.
... the browser searches the color profile description da
tabase for a color profile description entry whose name descriptor matches <name> and uses the last matching entry that is found.
... recommendation initial definition browser compatibility the compatibility
table on this page is generated from structured data.
gradientUnits - SVG: Scalable Vector Graphics
value userspaceonuse | objectboundingbox default value objectboundingbox anima
table yes userspaceonuse this value indicates that the attributes represent values in the coordinate system that results from taking the current user coordinate system in place at the time when the gradient element is referenced (i.e., the user coordinate system for the element referencing the gradient element via a fill or stroke property) and then applying the transform specified by at...
... objectboundingbox this value indicates that the user coordinate system for the attributes is es
tablished using the bounding box of the element to which the gradient is applied and then applying the transform specified by attribute gradienttransform.
... value userspaceonuse | objectboundingbox default value objectboundingbox anima
table yes userspaceonuse cx, cy, r, fx, fy, and fr represent values in the coordinate system that results from taking the current user coordinate system in place at the time when the gradient element is referenced (i.e., the user coordinate system for the element referencing the gradient element via a fill or stroke property) and then applying the transform specified by attribute gradien...
... objectboundingbox for <radialgradient>: the user coordinate system for attributes cx, cy, r, fx, fy, and fr is es
tablished using the bounding box of the element to which the gradient is applied (see object bounding box units) and then applying the transform specified by attribute gradienttransform.
z - SVG: Scalable Vector Graphics
the z attribute defines the location along the z-axis for a light source in the coordinate system es
tablished by the primitiveunits attribute on the <filter> element, assuming that, in the initial coordinate system, the positive z-axis comes out towards the person viewing the content and assuming that one unit along the z-axis equals one unit in x and y.
...="60" y="60" z="50" /> </fediffuselighting> </filter> <rect x="0" y="0" width="200" height="200" style="filter: url(#diffuselighting1);" /> <rect x="0" y="0" width="200" height="200" style="filter: url(#diffuselighting2); transform: translatex(220px);" /> </svg> fepointlight for <fepointlight>, z defines the location along the z-axis for the light source in the coordinate system es
tablished by the primitiveunits attribute on the <filter> element.
... value <number> default value 1 anima
table yes fespotlight for <fespotlight>, z defines the location along the z-axis for the light source in the coordinate system es
tablished by the primitiveunits attribute on the <filter> element.
... value <number> default value 1 anima
table yes specifications specification status comment filter effects module level 1the definition of 'z for <fepointlight>' in that specification.
<script> - SVG: Scalable Vector Graphics
value type: <string>; default value: ?; anima
table: yes href the url to the script to load.
... value type: <url> ; default value: none; anima
table: no type this attribute defines type of the script language to use.
... value type: <string>; default value: application/ecmascript; anima
table: no xlink:href deprecated since svg 2 the url to the script to load.
... value type: <url> ; default value: none; anima
table: no global attributes core attributes most no
tably: id styling attributes class, style event attributes global event attributes, document element event attributes usage notes categoriesnonepermitted contentany elements or character data specifications specification status comment scalable vector graphics (svg) 2the definition of '<script>' in that specification.
Index - XSLT: Extensible Stylesheet Language Transformations
javascript can enable a web application to load xml data, process it via xslt into a presen
table form and then add it into an existing document.
...the element must be defined before any other output document element inside the output document element for which it es
tablishes attribute values.
... 42 <xsl:param> element, reference, xslt, param the <xsl:param> element es
tablishes a parameter by name and, optionally, a default value for that parameter.
...because xslt permits no side-effects, once the value of the variable has been es
tablished, it remains the same until the variable goes out of scope 53 <xsl:when> element, reference, xslt, when the <xsl:when> element always appears within an <xsl:choose> element, acting like a case statement.
Content Processes - Archive of obsolete content
a content process was supposed to run all the code associated with a single
tab.
...in this model, the ui would be rendered in one process (called the chrome process), whereas each
tab and each add-on would run in their own dedicated process (called content and add-on processes, respectively).
... as explained earlier, firefox doesn't yet use separate processes for
tabs or add-ons, so instead, each content script is loaded in a sandbox.
Module structure of the SDK - Archive of obsolete content
sdk modules the modules supplied by the sdk are divided into two sorts: high-level modules like panel and page-mod provide relatively simple, s
table apis for the most common add-on development tasks.
... low-level modules like heritage and namespace provide more powerful functionality, and are typically less s
table and more complex.
...for high-level modules this is just sdk/<module_name>, and for low-level modules it is sdk/<path_to_module>/<module_name>: // load the high-level "
tabs" module var
tabs = require("sdk/
tabs"); // load the low-level "uuid" module var uuid = require('sdk/util/uuid'); the path to specify for a low-level module is given along with the module name itself in the title of the module's documentation page (for example, system/environment).
context-menu - Archive of obsolete content
a bad use would be to show a submenu that listed all the user's
tabs, since
tabs aren't related to the page or the node the user clicked to open the menu.
... isedi
table true if the menu was invoked in an edi
table element, and that element isn't disabled or read-only.
... this includes non-input elements with the contentedi
table attribute set to true.
remote/child - Archive of obsolete content
events attach triggered when a new content frame is opened (for example, the user opened a new
tab).
... at this point you can't access frame's content yet, but you can add event listeners: const { frames } = require("sdk/remote/child"); frames.on("attach", function(frame) { console.log("new frame"); frame.addeventlistener("domcontentloaded", function(e) { console.log(e.target.location.href); }); }); detach triggered when a frame is removed (for example, the user closed a
tab).
... is
tab a boolean property indicating whether this frame displays in one of the application's main browser
tabs.
Adding a Button to the Toolbar - Archive of obsolete content
create a directory called "data", mkdir data and save these three icon files to the "data" directory: icon-16.png icon-32.png icon-64.png then open the file called "index.js" in the root of your addon directory and add the following code to it: var buttons = require('sdk/ui/button/action'); var
tabs = require("sdk/
tabs"); var button = buttons.actionbutton({ id: "mozilla-link", label: "visit mozilla", icon: { "16": "./icon-16.png", "32": "./icon-32.png", "64": "./icon-64.png" }, onclick: handleclick }); function handleclick(state) {
tabs.open("https://www.mozilla.org/"); } now run the add-on with jpm run.
... clicking the button loads https://www.mozilla.org/ into a new
tab.
...you can change the icon, and the other state attributes, either globally, for a specific window, or for a specific
tab.
Tutorials - Archive of obsolete content
interact with the browser open a web page open a web page in a new browser
tab or window using the
tabs module, and access its content.
... listen for page load use the
tabs module to get notified when new web pages are loaded, and access their content.
... get the list of open
tabs use the
tabs module to iterate through the currently open
tabs, and access their content.
On page load - Archive of obsolete content
if you need finer control over custom code execution—for example, as documents are loading or when
tabs are switched—see progress listeners.
... progress listeners allow extensions to be notified of events associated with documents loading in the browser and with
tab switching events.
... -1) alert("a forum page is loaded"); // add event listener for page unload aevent.originaltarget.defaultview.addeventlistener("unload", function(event){ myextension.onpageunload(event); }, true); }, onpageunload: function(aevent) { // do something } }; current firefox trunk nightlies will fire the onpageload function for not only documents, but xul:images (favicons in
tabbrowser).
Post data to window - Archive of obsolete content
need more elaborate examples, examples of displaying the response in a new
tab, in background
tabs, and a link to using xmlhttprequest for post requests.
... preprocessing post data the apostdata argument of the (global) loaduri(), opendialog(), and (
tab)browser.loaduriwithflags() methods expects the post data in the form of an nsiinputstream (because they eventually call nsiwebnavigation.loaduri()) while post data can be created using nsimimeinputstream.
... posting data to the current
tab there is a convenience method in global scope (in firefox, chrome://browser/content/browser.js): loaduri(auri, areferrer, apostdata, aallowthirdpartyfixup); posting data to a new window window.opendialog('chrome://browser/content', '_blank', 'all,dialog=no', auri, aflags, areferrer, apostdata); ...
Running applications - Archive of obsolete content
this method has the same effect as if you double-clicked the file, so for execu
table files—it will just run the file without any parameters.
... var file = components.classes["@mozilla.org/file/local;1"] .createinstance(components.interfaces.nsilocalfile); file.initwithpath("c:\\myapp.exe"); file.launch(); references nsiprocess nsilocalfile if you need to launch an execu
table bundled in your xpi, see code snippets:file i/o#getting your extension's folder.
... launching an execu
table process from a web page ...
Creating custom Firefox extensions with the Mozilla build system - Archive of obsolete content
you don't have to provide an xpi_pkgname, but if you do an xpi file, sui
table for distribution, is automatically created in the root of the xpi staging area (/mozilla/$(moz_objdir)/dist/xpi-stage/).
...examples might be da
tabase files or xml schemas.
... using third-party libraries for more sophisticated extensions, you may want to integrate third-party libraries that provide specialized functionality for da
tabase connectivity, image processing, networking and the like.
Extension Versioning, Update and Compatibility - Archive of obsolete content
result but do have their contents displayed, so the following snippet: <span><q>text</q></span> would be rendered exactly the same as: <q>text</q> sample file <!doctype html public "-//w3c//dtd xhtml 1.0 strict//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd"> <html lang="en-us" dir="ltr" xmlns="http://www.w3.org/1999/xhtml"> <h2>my extension</h2> <ul> <li>this update fixes some s
tability related issues.</li> </ul> </html> what end-user sees the content of updateinfourl will be displayed to user in the add-ons page, in a list of all available updates.
...windows users should consider hash
tab for interactive (non-build-script) use.
... there are also gnu ports for win (besides usual suspects like cygwin), which are good for non-interactive use: sha256sum file there is also md5deep, which is cross platform: sha256deep file openssl also generates hashes for you: openssl sha256 file if you're on windows, hash
tab is a shell extension...
XPCOM Objects - Archive of obsolete content
} }; finally, here's a
table summarizing the types you will most likely encounter in xpcom interfaces, and how to handle them: js type idl types notes strings autf8string, string, wstring, char*, others historically there have been several string types in xpcom.
... */ [scrip
table, uuid(bd46f689-6c1d-47d0-bc07-bb52b546b8b5)] interface xsihellocounter : nsisupports { /* the maximum allowed count.
... [scrip
table, uuid(bd46f689-6c1d-47d0-bc07-bb52b546b8b5)] the scrip
table qualifier says that this component can be accessed from js code.
XML data - Archive of obsolete content
more details other values of display display the element like a list item, or like a component of a
table.
... challenge change the stylesheet so that it displays the document as a
table.
... (see the
tables chapter in the css specification for examples that you can adapt.) what next?
Visualizing an audio spectrum - Archive of obsolete content
dmetadata', loadedmetadata, false); // fft from dsp.js, see below var fft = function(buffersize, samplerate) { this.buffersize = buffersize; this.samplerate = samplerate; this.spectrum = new float32array(buffersize/2); this.real = new float32array(buffersize); this.imag = new float32array(buffersize); this.reverse
table = new uint32array(buffersize); this.sin
table = new float32array(buffersize); this.cos
table = new float32array(buffersize); var limit = 1, bit = buffersize >> 1; while ( limit < buffersize ) { for ( var i = 0; i < limit; i++ ) { this.reverse
table[i + limit] = this.reverse
table[i] + bit; } limit = lim...
...it << 1; bit = bit >> 1; } for ( var i = 0; i < buffersize; i++ ) { this.sin
table[i] = math.sin(-math.pi/i); this.cos
table[i] = math.cos(-math.pi/i); } }; fft.prototype.forward = function(buffer) { var buffersize = this.buffersize, cos
table = this.cos
table, sin
table = this.sin
table, reverse
table = this.reverse
table, real = this.real, imag = this.imag, spectrum = this.spectrum; if ( buffersize !== buffer.length ) { throw "supplied buffer is not the same size as defined fft.
... fft size: " + buffersize + " buffer size: " + buffer.length; } for ( var i = 0; i < buffersize; i++ ) { real[i] = buffer[reverse
table[i]]; imag[i] = 0; } var halfsize = 1, phaseshiftstepreal, phaseshiftstepimag, currentphaseshiftreal, currentphaseshiftimag, off, tr, ti, tmpreal, i; while ( halfsize < buffersize ) { phaseshiftstepreal = cos
table[halfsize]; phaseshiftstepimag = sin
table[halfsize]; currentphaseshiftreal = 1.0; currentphaseshiftimag = 0.0; for ( var fftstep = 0; fftstep < halfsize; fftstep++ ) { i = fftstep; while ( i < buffersize ) {...
Getting Started - Archive of obsolete content
this file is a small xml da
tabase that describes the skin.
... <description about="urn:mozilla:install-manifest"> <em:id>{themes_uuid}</em:id> <em:version>themes_version</em:version> the first section requires that you es
tablish a uuid for your theme and that you give your theme a version number.
...ate the minimum and maximum compatible versions for the target application (seamonkey) in the following section: <em:targetapplication> <description> <!-- seamonkey's uuid --> <em:id>{92650c4d-4b8e-4d2a-b7eb-24ecf4f6b63a}</em:id> <em:minversion>min_sm_version</em:minversion> <em:maxversion>max_sm_version</em:maxversion> </description> </em:targetapplication> es
tablishing both minimum and maximum compatible versions lets you avoid conflicts with versions of seamonkey your theme wasn't designed for -- or wasn't tested on.
In-Depth - Archive of obsolete content
ontainer, checkbox, dialog, dualbutton, dualbutton-dropdown, listbox, menu, menulist-textfield, menulist-button, menulist, menulist-text, progressbar, progresschunk, radio-container, radio, resizer, resizerpanel, separator, scrollbar, statusbar, statusbarpanel, toolbarbutton, toolbox, toolbar, treeheadercell, treeheadersortarrow, treeview, treeitem, treetwisty, treetwistyopen, tooltip, textfield,
tabpanels,
tab,
tab-left-edge,
tab-right-edge, scrollbartrack-horizontal, scrollbartrack-vertical, scrollbarthumb-vertical, scrollbarthumb-horizontal, scrollbarbutton-right, scrollbarbutton-down, scrollbarbutton-left, scrollbarbutton-up, scrollbargripper-vertical, scrollbargripper-horizontal -moz-border-bottom-colors defines a series of colours.
...an example of where this would be used is on
tabs.
...an example of where this would be used is on
tabs.
Block and Line Layout Cheat Sheet - Archive of obsolete content
this is set by default for document,
table cell inner, and absolutely positioned wrapper frames.
...this is set by default for document frames, area frames,
table cell inner frames, absolutely positioned wrapper frames, and floated frames when the frame is created.
... brs_computemaxwidth this flag is set if reflow should recompute a frame's maximum width; for example, during first-pass
table reflow.
JavaScript Client API - Archive of obsolete content
there is an engine for bookmarks,
tabs, history, preferences, etc.
...the name store is somewhat of a misnomer, as stores don't actually persistently store anything, but rather serve as short-lived data stores during the course of a single sync and act as proxies to other data stores within the application (like the places da
tabase) outside of sync.
...the
tabs and preferences engines work that way.
Menu - Archive of obsolete content
note that some environments, no
tably gnome 2.28, do not support menuitem icons either by default or at all.
... for example, jetpack.menu.context.browser.on("*").add("foo") does not add "foo" to the
tab strip's and location bar's context menus, but it does on the bookmark toolbar's context menu.
... for example, to add an item to the
tabs' context menu, try: jetpack.menu.context.browser.beforeshow = function (menu, context) { menu.reset(); if (context.node.localname === "
tab") menu.add("hey, a
tab!"); }; (the reason this problem exists is because document.queryselectorall() does not match anonymous content in xul.
jspage - Archive of obsolete content
nt;}if(!(function(){while(l&&l.nodetype==3){l=l.parentnode;}return true;}).create({attempt:browser.engine.gecko})()){l=false; }}}}return $extend(this,{event:a,type:j,page:i,client:c,rightclick:e,wheel:h,relatedtarget:l,target:g,code:b,key:m,shift:a.shiftkey,control:a.ctrlkey,alt:a.altkey,meta:a.metakey}); }});event.keys=new hash({enter:13,up:38,down:40,left:37,right:39,esc:27,space:32,backspace:8,
tab:9,"delete":46});event.implement({stop:function(){return this.stoppropagation().preventdefault(); },stoppropagation:function(){if(this.event.stoppropagation){this.event.stoppropagation();}else{this.event.cancelbubble=true;}return this;},preventdefault:function(){if(this.event.preventdefault){this.event.preventdefault(); }else{this.event.returnvalue=false;}return this;}});function class(b){if(b ins...
...faultvalue:"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.appendchild(m);},bottom:function(m,l){l.appendchild(m); },top:function(m,l){var n=l.firstchild;(n)?l...
...;delete m[l];return this;}});window.addlistener("unload",d);})();element.properties=new hash;element.properties.style={set:function(a){this.style.csstext=a; },get:function(){return this.style.csstext;},erase:function(){this.style.csstext="";}};element.properties.tag={get:function(){return this.tagname.tolowercase(); }};element.properties.html=(function(){var c=document.createelement("div");var a={
table:[1,"<
table>","</
table>"],select:[1,"<select>","</select>"],tbody:[2,"<
table><tbody>","</tbody></
table>"],tr:[3,"<
table><tbody><tr>","</tr></tbody></
table>"]}; a.thead=a.tfoot=a.tbody;var b={set:function(){var e=array.flatten(arguments).join("");var f=browser.engine.trident&&a[this.get("tag")];if(f){var g=c;g.innerhtml=f[1]+e+f[2]; for(var d=f[0];d--;){g=g.firstchild;}this.empty().adopt(g.childn...
Tamarin Build System Documentation - Archive of obsolete content
the compile phase compiles all of the tamarin source code and builds all of the shell execu
tables, any errors will stop the phase and a red box will appear on the slave where the error occurred.
... the page is divided into the phase
table at the top and the waterfall
table below the phase
table shows all phases at the top of the page, each slave is shown as a box with a red,green, or yellow color: red means failed, green passed, and yellow has warnings.
...compile, smoke, or test to show the build slaves from the most recent phase run or click on an individual box to display the test result below the phase
table the waterfall displays each buildstep and result the left side contains the time column and the user/revision link to represent the revision triggering a build, mouse over the user to see the revision and submission notes each buildstep run on a slave is a box with color indicating status, red is failed, green passed, yellow has warnings click the stdio link to see the output click on the build yellow box at the bottom of a set of buildsteps to see the result of all of the buildsteps for a build and the time each buildstep took scroll down to see previous builds triggered a...
Tamarin mercurial commit hook - Archive of obsolete content
the hook is located in the tamarin-redux repository in the file utils/hooks/tamarin-commit-hook.py this is a simple mercurial hook that checks the following filetypes ('.cpp', '.h', '.as', '.abs', '.py') for the following:
tabs anywhere in the line trailing whitespace windows line endings (\r\n) "mark_security_change" - looks for this text and warns user as security changes should not be checked into the public tamarin-redux repository.
... when a violation is found the following will be displayed: > hg commit -m "change with a
tab"
tab(s) found in test/test.txt for rev 1458 (change 53543674b8e6): @@ -65,4 +65,6 @@ +#
tab here ^ (n)o, (y)es, (a)llow
tabs for current file are you sure you want to commit this change?
... [n]: note that the prompt gives you the options to abort the commit (no), allow the
tab (or other violation) on that particular line, or allow the violation for all lines in that file.
Writing textual data - Archive of obsolete content
they work by manually converting the string you want to write to a byte sequence using nsiscrip
tableunicodeconverter, and writing that to the stream.
... here's an example: // first, get and initialize the converter var converter = components.classes["@mozilla.org/intl/scrip
tableunicodeconverter"] .createinstance(components.interfaces.nsiscrip
tableunicodeconverter); converter.charset = /* the character encoding you want, using utf-8 for this example */ "utf-8"; now you can convert and write to the stream: // this code assumes that os is your nsioutputstream // your_string here is the string you want to write.
... nsiscrip
tableunicodeconverter has a simple method to do that: // first, get and initialize the converter var converter = components.classes["@mozilla.org/intl/scrip
tableunicodeconverter"] .createinstance(components.interfaces.nsiscrip
tableunicodeconverter); converter.charset = /* the charset you want to use.
dialog - Archive of obsolete content
the buttons will be placed in sui
table locations for the user's platform and basic event handling will be performed automatically.
...the buttons will be placed in sui
table locations for the user's platform and basic event handling will be performed automatically.
... movetoalertposition() return type: no return value moves and resizes the dialog to a position and size sui
table for an alert box.
listheader - Archive of obsolete content
for an edi
table menuitem element the value of this attribute is copied to the menulist.value property upon user selection of the menuitem.
... inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-edi
table, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties accessibletype type: integer a value indicating the type of accessibility object for the element.
... inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, da
tabase, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfea...
notification - Archive of obsolete content
for an edi
table menuitem element the value of this attribute is copied to the menulist.value property upon user selection of the menuitem.
...for user edi
table menulist elements, the contents, as visible to the user, are read and set using the menulist.value syntax.
...for textbox and user edi
table menulist elements, the contents, as visible to the user, are read and set using the textbox.value and menulist.value syntax.
progressmeter - Archive of obsolete content
inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-edi
table, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties accessibletype type: integer a value indicating the type of accessibility object for the element.
...for textbox and user edi
table menulist elements, the contents, as visible to the user, are read and set using the textbox.value and menulist.value syntax.
... inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, da
tabase, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfe...
Building XULRunner with Python - Archive of obsolete content
it effectively specifies a release build that is not particularly sui
table for debugging xulrunner itself.
... it uses the trunk (or latest) code in cvs so may be uns
table.
...for example def onload(): btntest = document.getelementbyid("btntest") btntest.addeventlistener('command', ontest, false) def ontest(): window.alert('button activated') window.addeventlistener('load', onload, false) one possible gotcha is that the default python path used to find modules that areimported explicitly includes the xulrunner execu
table directory and the directory that is current when xulrunner launches.
Debugging a XULRunner Application - Archive of obsolete content
note: if you are not using the stub execu
table to launch the application, the -jsconsole argument is after the application.ini argument: e.g.
...add the following code to your xul app: components.utils.import('resource://gre/modules/devtools/dbg-server.jsm'); if (!debuggerserver.initialized) { debuggerserver.init(); // don't specify a window type parameter below if "navigator:browser" // is sui
table for your app.
... if your pages are not in the loaded script window, uncheck the menu item "debug\exclude browser files" and find them in open windows
tab when opening a js file in venkman, the code is unformatted and i get the following error in the jsconsole...
XULRunner/Old Releases - Archive of obsolete content
1.9.2.x xulrunner releases these builds are built from the s
table 1.9.2 branch.
... nightly builds of xulrunner 1.9.0.x these builds are built from the s
table 1.9 branch.
... xulrunner 1.8.0.4 this is the last official s
table developer preview release from the 1.8.0 branch.
2006-11-03 - Archive of obsolete content
firefox
table captions discussion on how ie displays captions depending on the size of the content while ff uses a default setting.
... captions in ff also exceed the
table length and become hidden if it's surrounded by a bounding div element.
... perf question (reflow branch) a look into bug #352367 and the mention of possibly reducing the number of times nsframe::intrinsicwidthoffsets is called for each cell within a
table.
Getting Started - Archive of obsolete content
this tutorial assumes that you have some experience with html (or xml) and that you are comfor
table with the basics ofmarkup .
... if you are comfor
table with that, you should have no problem learning rss.
...you need to be comfor
table with creatingmarkup to be able to effectively use this tutorial.
Using IO Timeout And Interrupt On NT - Archive of obsolete content
this technical memo is a cautionary note on using netscape por
table runtime's (nspr) io timeout and interrupt on windows nt 3.51 and 4.0.
...suppose the file descriptor is intended to be used for the life time of the process, for example, the logging file, this is really not accep
table.
...if these limitations with io timeout and interrupt are not accep
table to the needs of your programs, you can consider using the win95 version of nspr.
Old Proxy API - Archive of obsolete content
warning: the spidermonkey proxy implementation is a prototype and the proxy api and semantics specifications are uns
table.
... proxy.name = val (in the context of "setting the value") receiver.name = val (if receiver inherits from a proxy and does not override name) set: function(receiver, name, val) -> boolean function(receiver, name, val) { var desc = this.getownpropertydescriptor(name); if (desc) { if ('wri
table' in desc) { if (desc.wri
table) { desc.value = val; this.defineproperty(name, desc); return true; } else { return false; } } else { // accessor if (desc.set) { desc.set.call(receiver, val); return true; } else { return false; } } } desc = this.getpropertydescriptor(name); if (desc) { if ...
...('wri
table' in desc) { if (desc.wri
table) { // fall through } else { return false; } } else { // accessor if (desc.set) { desc.set.call(receiver, val); return true; } else { return false; } } } this.defineproperty(name, { value: val, wri
table: true, enumerable: true, configurable: true}); return true; } receiver is either the proxy or an object that inherits from the proxy.
Mozilla XForms User Interface - Archive of obsolete content
the second is that the control is introduced in xforms 1.1 and we don't feel adding the enhancement would be prudent until the 1.1 spec is more s
table.
...
tabindex - defines the keyboard navigation sequence between controls.
...alert this message will be shown when the form control cannot properly bind to instance data or when the instance data value is invalid or out of the specified range of selec
table values (see the spec).
Introduction to game development for the Web - Game development
games built with html5 work on smartphones,
tablets, pcs and smart tvs.
...because the web is ubiquitous, your customers can check their game's status on their phones,
tablets, their home laptops, their work desktops, or anything else.
... web technologies for game developers for the tech folks, let's dig into the apis the web brings to the
table that cater to game developers.
Game distribution - Game development
this can range from low-end smartphones or
tablets, through laptops and desktop computers, to smart tvs, watches or even a fridge if it can handle a modern enough browser.
...you can put your html5 games into the same arena (see native desktop, later on) and you should because it's good to diversify the platforms you support, but you have to remember that developers creating desktop games have years of experience, great tools and s
table distribution channels.
...native stores are already filled with es
tablished devs selling great games, so you have to be talented and lucky to get noticed.
Building up a basic demo with A-Frame - Game development
save a copy of the latest a-frame javascript library file inside your directory (check the github repository for latest s
table a dev builds).
... open the a-frame documentation in a separate
tab — it is useful to refer to.
...for the cube y position) are unitless, and can basically be anything you deem sui
table for your scene — milimeters, meters, feet, or miles — it's up to you.
Gecko FAQ - Gecko Redirect 1
following recommended open internet standards fully except for the areas noted below and open bugs documented in bugzilla: html 4.0 - full support except for: elements: bdo, basefont attributes: shape attribute on the a element, abbr, axis, headers, scope-row, scope-col, scope-rowgroup, scope-colgroup, charoff, datasrc, datafld, dataformat, datapagesize, summary, event, dir, align on
table columns, label attribute of option, alternate text of area elements, longdesc various metadata attributes: cite, datetime, lang, hreflang bidirectional text layout, which is only used in hebrew and arabic (ibm has begun work to add bidi support in a future release) style sheets css 1 - full support, except for: the application of styles to html column elements t...
...here are some links to lists of reported bugs related to the standards mentioned above; be aware that these raw lists of open in-process bugs will inevi
tably include some duplicate, out of date, unreproducible, invalid, and incorrectly tagged reports: the links themselves are probably outdated too.
... layout component tracks content layout bugs that may be related to a variety of specifications html 4.0 elements, form controls, frames,
tables, and form submission bug reports marked with the html4 keyword "meta bug" for tracking outstanding issues with html 4.01 compliance css: style system component (see also bug reports marked with the css1, css2, and css3 keywords) dom: see dom0, dom1, dom2 and event handling components xml rdf core javascript language interpreter (javascript engine) http 1.1 compliance bugs should generally be found on the networking, networking - general, and networking: cache components oji imagelib image library (see also jpeg image handling and png image handling) ssl-related bugs are filed on the crypto component for information abo...
Primitive - MDN Web Docs Glossary: Definitions of Web-related terms
all primitives are immu
table, i.e., they cannot be altered.
... example this example will help you understand that primitive values are immu
table.
...(note that window.foo could still be used to access the external foo variable.) in conclusion, any changes inside our functions won't affect the original foo at all, as we are modifying copies of it that's why primitives are immu
table - instead of changing them directly, we're modifying a copy, without affecting the original.
Random Number Generator - MDN Web Docs Glossary: Definitions of Web-related terms
a prng (pseudorandom number generator) is an algorithm that outputs numbers in a complex, seemingly unpredic
table pattern.
... truly random numbers (say, from a radioactive source) are utterly unpredic
table, whereas all algorithms are predic
table, and a prng returns the same numbers when passed the same starting parameters or seed.
... a cryptographically secure prng is a prng with certain extra properties making it sui
table for use in cryptography.
caret - MDN Web Docs Glossary: Definitions of Web-related terms
on the web, a caret is used to represent the insertion point in <input> and <textarea> elements, as well as any elements whose contentedi
table attribute is set, thereby allowing the contents of the element to be edited by the user.
... learn more general knowledge caret navigation on wikipedia css related to the caret you can set the color of the caret for a given element's edi
table content by setting the element's css caret-color property to the appropriate <color> value.
... <input type="text"> <input type="password"> <input type="search"> <input type="date">, <input type="time">, <input type="datetime">, and <input type="datetime-local"> <input type="number">, <input type="range"> <input type="email">, <input type="tel">, and <input type="url"> <textarea> any element with its contentedi
table attribute set ...
Organizing your CSS - Learn web development
consistency can be applied in all sorts of ways, such as using the same naming conventions for classes, choosing one method of describing color, or maintaining consistent formatting (for example will you use
tabs or spaces to indent your code?
...you will typically have rules set up for: body p h1, h2, h3, h4, h5 ul and ol the
table properties links in this section of the stylesheet we are providing default styling for the type on the site, setting up a default style for data
tables and lists and so on.
... previous overview: building blocks in this module cascade and inheritance css selectors type, class, and id selectors attribute selectors pseudo-classes and pseudo-elements combinators the box model backgrounds and borders handling different text directions overflowing content values and units sizing items in css images, media, and form elements styling
tables debugging css organizing your css ...
CSS selectors - Learn web development
the following for example selects paragraphs that are direct children of <article> elements using the child combinator (>): article > p { } next steps you can take a look at the reference
table of selectors below for direct links to the various types of selectors in this learn section or on mdn in general, or continue on to start your journey by finding out about type, class, and id selectors.
... previous overview: building blocks next reference
table of selectors the below
table gives you an overview of the selectors you have available to use, along with links to the pages in this guide which will show you how to use each type of selector.
...combinator h1 ~ p general sibling in this module cascade and inheritance css selectors type, class, and id selectors attribute selectors pseudo-classes and pseudo-elements combinators the box model backgrounds and borders handling different text directions overflowing content values and units sizing items in css images, media, and form elements styling
tables debugging css organizing your css ...
CSS values and units - Learn web development
some of the most useful units for web development are listed in the
table below.
...to see this in action you'll have to try the example after opening it in its own browser
tab.
... previous overview: building blocks next in this module cascade and inheritance css selectors type, class, and id selectors attribute selectors pseudo-classes and pseudo-elements combinators the box model backgrounds and borders handling different text directions overflowing content values and units sizing items in css images, media, and form elements styling
tables debugging css organizing your css ...
Beginner's guide to media queries - Learn web development
a standard desktop view has a landscape orientation, and a design that works well in this orientation may not work as well when viewed on a phone or
tablet in portrait mode.
...lists of the sizes of the screens of popular phones and
tablets were published in order that designs could be created to neatly match those viewports.
... </p> </aside> </article> <aside class="sidebar"> <h2>external vege
table-based links</h2> <ul> <li> ...
Styling text - Learn web development
get started prerequisites before starting this module, you should already have basic familiarity with html, as discussed in the introduction to html module, and be comfor
table with css fundamentals, as discussed in introduction to css.
... note: if you are working on a computer/
tablet/other device where you don't have the ability to create your own files, you could try out (most of) the code examples in an online coding program such as jsbin, codepen or glitch.
... styling links when styling links, it is important to understand how to make use of pseudo-classes to style link states effectively, and how to style links for use in common varied interface features such as navigation menus and
tabs.
What is a Domain Name? - Learn web development
on the other hand, let's see if i could register afunkydomainname.org: $ whois afunkydomainname.org not found as you can see, the domain does not exist in the whois da
tabase (at the time of writing), so we could ask to register it.
... dns refreshing dns da
tabases are stored on every dns server worldwide, and all these servers refer to a few special servers called “authoritative name servers” or “top-level dns servers.” — these are like the boss servers that manage the system.
... whenever your registrar creates or updates any information for a given domain, the information must be refreshed in every dns da
tabase.
What is accessibility? - Learn web development
keyboard capacity let the user
tab into/out of a video, play it, and pause it without being trapped in it.
... make sure all users can operate graphical interfaces (like unfolding menus) solely with a keyboard (e.g., with
tab and the return key).
...(at least let them
tab in and out.) and that's just the beginning.
Client-side form validation - Learn web development
if the information is correctly formatted, the application allows the data to be submitted to the server and (usually) saved in a da
tabase; if the information isn't correctly formatted, it gives the user an error message explaining what needs to be corrected, and lets them try again.
...this lets you use javascript code to es
tablish a validation failure other than those offered by the standard html5 validation constraints.
... previous overview: forms next in this module your first form how to structure a web form basic native form controls the html5 input types other form controls styling web forms advanced form styling ui pseudo-classes client-side form validation sending form data advanced topics how to build custom form controls sending forms through javascript property compatibility
table for form widgets ...
How to structure a web form - Learn web development
nesting can cause forms to behave in an unpredic
table manner, so it is a bad idea.
... above all, it is up to you to find a comfor
table coding style that results in accessible, usable forms.
...t previous overview: forms next in this module your first form how to structure a web form basic native form controls the html5 input types other form controls styling web forms advanced form styling ui pseudo-classes client-side form validation sending form data advanced topics how to build custom form controls sending forms through javascript property compatibility
table for form widgets ...
HTML basics - Learn web development
for example, content could be structured within a set of paragraphs, a list of bulleted points, or using images and data
tables.
...this sets the title of your page, which is the title that appears in the browser
tab the page is loaded in.
...html contains 6 heading levels, <h1>–<h6>, although you'll commonly only use 3 to 4 at most: <h1>my main title</h1> <h2>my top level heading</h2> <h3>my subheading</h3> <h4>my sub-subheading</h4> now try adding a sui
table title to your html page just above your <img> element.
JavaScript basics - Learn web development
with more experience, you'll be able to create games, animated 2d and 3d graphics, comprehensive da
tabase-driven apps, and much more!
... however, getting comfor
table with javascript is more challenging than getting comfor
table with html and css.
...in the following
table you can see some of the simplest operators, along with some examples to try in the javascript console.
Define terms with HTML - Learn web development
however, this is not an accep
table alternative for providing an inline expansion.
... description lists are not sui
table for marking up dialogue, because conversation does not directly describe the speakers.
... a simple example here's a simple example describing kinds of food and drink: <dl> <dt>jambalaya</dt> <dd> rice-based entree typically containing chicken, sausage, seafood, and spices </dd> <dt>sukiyaki</dt> <dd> japanese specialty consisting of thinly sliced meat, vege
tables, and noodles, cooked in sake and soy sauce </dd> <dt>chianti</dt> <dd> dry italian red wine originating in tuscany </dd> </dl> the basic pattern, as you can see, is to alternate <dt> terms with <dd> descriptions.
Use HTML to solve common problems - Learn web development
rtant how to display computer code with html how to annotate images and graphics how to mark abbreviations and make them understandable how to add quotations and citations to web pages how to define terms with html hyperlinks one of the main reasons for html is making navigation easy with hyperlinks, which can be used in many different ways: how to create a hyperlink how to create a
table of contents with html images & multimedia how to add images to a webpage how to add video content to a webpage scripting & styling html only sets up document structure.
...here is where you should start: how to create a simple web form how to structure a web form
tabular information some information, called
tabular data, needs to be organized into
tables with columns and rows.
... it's one of the most complex html structures, and mastering it is not easy: how to create a data
table how to make html
tables accessible data representation how to represent numeric and code values with html — see superscript and subscript, and representing computer code.
Creating hyperlinks - Learn web development
if the web browser doesn't know how to display or handle the file, it will ask you if you want to open the file (in which case the duty of opening or handling the file is passed to a sui
table native app on the device) or download the file (in which case you can try to deal with it later on).
... let's look at some examples, to see what kind of text can be used here: <p><a href="http://www.example.com/large-report.pdf"> download the sales report (pdf, 10mb) </a></p> <p><a href="http://www.example.com/video-stream/" target="_blank"> watch the video (stream opens in separate
tab, hd quality) </a></p> <p><a href="http://www.example.com/car-game"> play the car game (requires flash) </a></p> use the download attribute when linking to a download when you are linking to a resource that's to be downloaded rather than opened in the browser, you can use the download attribute to provide a default save filename.
... here's an example that includes a cc, bcc, subject and body: <a href="mailto:nowhere@mozilla.org?cc=name2@rapid
tables.com&bcc=name3@rapid
tables.com&subject=the%20subject%20of%20the%20email&body=the%20body%20of%20the%20email"> send mail with cc, bcc, subject and body </a> note: the values of each field must be url-encoded, that is with non-printing characters (invisible characters like
tabs, carriage returns, and page breaks) and spaces percent-escaped.
Debugging HTML - Learn web development
debugging doesn't have to be scary though — the key to being comfor
table with writing and debugging any programming language or code is familiarity with both the language and the tools.
... first, load the markup validation service in one browser
tab, if it isn't already open.
... switch to the validate by direct input
tab.
Test your skills: Links - Learn web development
note: the first link in the example has the target="_blank" attribute set on it, so that when you click on it, it opens the page in a new
tab.
... note: the first three links in the example have the target="_blank" attribute set on them, so that when you click on them, they open the linked page in a new
tab.
... note: the first and third links in the example have the target="_blank" attribute set on them, so that when you click on them, they open the linked page in a new
tab.
Cooperative asynchronous JavaScript: Timeouts and intervals - Learn web development
executes a specified block of code before the browser next repaints the display, allowing an animation to be run at a sui
table framerate regardless of the environment it is being run in.
...it is basically the modern version of setinterval() — it executes a specified block of code before the browser next repaints the display, allowing an animation to be run at a sui
table frame rate regardless of the environment it is being run in.
... it was created in response to perceived problems with setinterval(), which for example doesn't run at a frame rate optimized for the device, sometimes drops frames, continues to run even if the
tab is not the active
tab or the animation is scrolled off the page, etc.
Introduction to events - Learn web development
in the case of the web, events are fired inside the browser window, and tend to be attached to a specific item that resides in it — this might be a single element, set of elements, the html document loaded in the current
tab, or the entire browser window.
...now try changing btn.onclick to the following different values in turn, and observing the results in the example: btn.onfocus and btn.onblur — the color changes when the button is focused and unfocused; try pressing the
tab to focus on the button and press the
tab again to focus away from the button.
...let's look at an example to make this easier — open up the show-video-box.html example in a new
tab (and the source code in another
tab.) it is also available live below: this is a pretty simple example that shows and hides a <div> with a <video> element inside it: <button>display video</button> <div class="hidden"> <video> <source src="rabbit320.mp4" type="video/mp4"> <source src="rabbit320.webm" type="video/webm"> <p>your browser doesn't support html5 video.
Manipulating documents - Learn web development
there are a few really obvious bits you'll reference regularly in your code — consider the following diagram, which represents the main parts of a browser directly involved in viewing web pages: the window is the browser
tab that a web page is loaded into; this is represented in javascript by the window object.
... using methods available on this object you can do things like return the window's size (see window.innerwidth and window.innerheight), manipulate the document loaded into that window, store data specific to that document on the client-side (for example using a local da
tabase or other storage mechanism), attach an event handler to the current window, and more.
... the document object model the document currently loaded in each one of your browser
tabs is represented by a document object model.
Third-party APIs - Learn web development
requiring a key enables the api provider to hold users of the api accoun
table for their actions.
...for the google maps api in particular, you need to provide a credit card for billing purposes (although basic usage is free), which we didn't think was accep
table for a basic tutorial.
... get a developer key most apis require you to use some kind of developer key, for reasons of security and accoun
tability.
Inheritance in JavaScript - Learn web development
an updated greeting() method, which sounds a bit more formal than the standard greeting() method — more sui
table for a teacher addressing some students at school.
...you can do so by going back to your source code and adding the following line at the bottom: object.defineproperty(teacher.prototype, 'constructor', { value: teacher, enumerable: false, // so that it does not appear in 'for in' loop wri
table: true }); now if you save and refresh, entering teacher.prototype.constructor should return teacher(), as desired, plus we are now inheriting from person()!
... note: this modern way of writing classes is supported in all modern browsers, but it is still worth knowing about the underlying prototypal inheritance in case you work on a project that requires supporting a browser that doesn't support this syntax (most no
tably internet explorer).
Properly configuring server MIME types - Learn web development
security some content types, such as execu
table programs, are inherently unsafe.
...an execu
table program should not be executed on the user's computer and at most should cause a dialog to appear asking the user if they wish to download the file.
...this bypassed the normal download dialog resulting in internet explorer guessing that the content was an execu
table program and then running it on the user's computer.
Website security - Learn web development
sql injection sql injection vulnerabilities enable malicious users to execute arbitrary sql code on a da
tabase, allowing data to be accessed, modified, or deleted irrespective of the user's permissions.
... select * from users where name = 'a';drop
table users; select * from userinfo where 't' = 't'; the modified statement creates a valid sql statement that deletes the users
table and selects all data from the userinfo
table (which reveals the information of every user).
... select * from users where name = 'a\';drop
table users; select * from userinfo where \'t\' = \'t'; web frameworks will often take care of the character escaping for you.
Package management basics - Learn web development
although there tend to be more pros for installing globally, the pros for installing locally are more important — such as code por
tability and version locking.
... to see local dependencies really shine, all you need to do is try to download and run an existing project — if it works and all the dependencies work right out of the box, then you have local dependencies to thank for the fact that the code is por
table.
... audit for vulnerabilities npm audit yarn audit this will check all of the dependency tree for your project and run the specific versions you're using against a vulnerability da
tabase and notify you if there are potential vulnerable packages in your project.
Adding a new event
create dom event factory method if your dom event implementation is genera
table, you can skip this section.
... modify eventdispatcher::createevent() if your dom event implementation is genera
table or you're in case 3, you can skip this section.
... if the new dom event is crea
table with constructor, you need to modify test_eventctors.html or test_eventctors.xul which tests the behavior of event constructor.
JS_CompileScript
syntax // added in spidermonkey 45 bool js_compilescript(jscontext *cx, const char *ascii, size_t length, const js::compileoptions &options, js::mu
tablehandlescript script); bool js_compileucscript(jscontext *cx, const char16_t *chars, size_t length, const js::compileoptions &options, js::mu
tablehandlescript script); // obsolete since jsapi 39 bool js_compilescript(jscontext *cx, js::handleobject obj, const char *ascii, size_t length, const js::compileoptions &options, js::mu
tablehandlescript script); bool js_compileucscript(jscontext *cx, js::handleobject obj, const char16_t...
... *chars, size_t length, const js::compileoptions &options, js::mu
tablehandlescript script); name type description cx jscontext * pointer to a js context from which to derive runtime information.
... script js::mu
tablehandlescript out parameter.
JSAPI reference
added in spidermonkey 17 class js::handlefunction added in spidermonkey 17 class js::handleid added in spidermonkey 17 class js::handleobject added in spidermonkey 17 class js::handlescript added in spidermonkey 17 class js::handlestring added in spidermonkey 17 class js::handlesymbol added in spidermonkey 38 class js::handlevalue added in spidermonkey 17 class js::mu
tablehandle<t> added in spidermonkey 17 class js::mu
tablehandlefunction added in spidermonkey 17 class js::mu
tablehandleid added in spidermonkey 17 class js::mu
tablehandleobject added in spidermonkey 17 class js::mu
tablehandlescript added in spidermonkey 17 class js::mu
tablehandlestring added in spidermonkey 17 class js::mu
tablehandlesymbol added in spidermonkey 38 class js::m...
...u
tablehandlevalue added in spidermonkey 17 class js::persistentrooted<t> added in spidermonkey 31 class js::persistentrootedobject added in spidermonkey 31 class js::persistentrootedfunction added in spidermonkey 31 class js::persistentrootedscript added in spidermonkey 31 class js::persistentrootedstring added in spidermonkey 31 class js::persistentrootedsymbol added in spidermonkey 38 class js::persistentrootedid added in spidermonkey 31 class js::persistentrootedvalue added in spidermonkey 31 class js::autovaluearray<n> added in spidermonkey 31 class js::autovectorrooter<t> added in spidermonkey 17 class js::autovaluevector added in spidermonkey 17 class js::autoidvector added in spidermonkey 17 class js::autoobjectvector added in spidermonk...
... since jsapi 1.8.5 js_getstringchars obsolete since jsapi 1.8.5 js_getstringcharsz obsolete since jsapi 33 js_getstringcharsandlength added in jsapi 1.8.5 obsolete since jsapi 33 js_getstringcharsz added in spidermonkey 1.8.5 obsolete since jsapi 33 js_getstringcharszandlength added in spidermonkey 1.8.5 obsolete since jsapi 33 js_getflatstringchars obsolete since jsapi 33 js_makestringimmu
table obsolete since javascript 1.8.5 js_encodecharacters obsolete since jsapi 19 js_cstringsareutf8 obsolete since jsapi 19 js_setcstringsareutf8 obsolete since jsapi 19 interning strings tells the spidermonkey engine to reuse existing string objects when possible.
TPS Tests
"fx_account": { "username": "foobar@restmail.net", "password": "hunter2" }, "preferences": { // use "https://s
table.dev.lcip.org" for dev instead of stage "identity.fxaccounts.autoconfig.uri": "https://accounts.stage.mozaws.net" // possibly more preferences...
... phase implementation (mandatory) it's worth noting that some parts of tps assume that it can read the number off the end of the phase or profile to get to the next one, so try to stick to the convention es
tablished in the other tests.
... bookmarks passwords history
tabs form data prefs test phases the phase blocks are where the action happens!
Secure Development Guidelines
is exploi
table (in some browsers) with a simple request such as: http://www.victim.com?something=<script>alert('oops')</script> xss: prevention escape all dynamic input that will be sent back to the user html encoding & → & < → < > → > " → " ' → ' url encoding % encoding java/vbscript escaping depends on the context; in a single...
...-quoted string, escaping ' would suffice sql injection occurs when un-trusted input is mixed with a sql string sql is a language used to interact with da
tabases code injection attack that is similar to xss but targeted at sql rather than html and javascript if input is mixed with sql, it could itself become an sql instruction and be used to: query data from the da
tabase (passwords) insert value into the da
tabase (a user account) change application logic based on results returned by the da
tabase sql injection: example snprintf(str, sizeof(str), "select * from account where name ='%s'", name); sqlite3_exec(db, str, null, null, null); sql injection: prevention use parameterized queries insert a marker for every piece of dynamic content so data doe...
...; in windows ‘\’ would work too int openfile(char *file) { handle fh; if (strstr(file, “\”)) return -1; fh = createfilea(file, ...); writefile(fh, data, sizeofdata, null, null); } could be a normal file, directory, device, or link directory traversal (../../../../) file i/o: file permissions should be set correctly be sure not to make world-wri
table files sensitive files shouldn’t be world readable file i/o: file descriptors and handles could be a race if instances of fh are shared between threads fh inheritence: default in unix, needs to be set in windows int main(int argc, char **argv, char **envp) { int fd = open("/etc/shadow", o_rdwr); setreuid(getuid(), getuid()); excve("/bin/sh", argv, envp); } suid root...
Handling Mozilla Security Bugs
to es
tablish, for each bug, the amount of information a distributor can reveal immediately (before a fix is available) without putting other distributors and their customers at risk.
...he group decides to publish a warning, the module owner, a peer, or some other person they may designate will post this message to the known vulnerabilities page (which will be the authoritative source for this information) and will also send a copy of this message to an appropriate moderated mailing list and/or newsgroup (e.g., netscape.public.mozilla.announce and/or some other newsgroup/list es
tablished specifically for this purpose).
...ntative on the security bug group, then even if a bug remains in the security-sensitive category, all affected distributors can still be informed and take appropriate action.) the security module owner will be the primary person responsible for ensuring that security bug reports are investigated and publicly disclosed in a timely manner, and that such bug reports do not remain in the bugzilla da
tabase uninvestigated and/or undisclosed.
ROLE_CELL
« gecko roles page represents a cell within a
table.
... also, see role_
table.
... interfaces nsiaccessible nsisupports nsiaccessibletext nsiaccessiblehypertext nsiaccessibleedi
tabletext nsiaccessiblehyperlink nsiaccessibleselec
table nsiaccessiblevalue nsiaccessnode mapped to at-spi: atk_role_
table_cell atk: atk_role_list_item ua: nsaccessibilitygrouprole msaa/ia2: role_system_cell used by aria: gridcell xul: <listcell/> html: <td> ...
ROLE_COLUMNHEADER
« gecko roles page represents a column header, providing a visual label for a column in a
table.
... also refer to role_
table.
... interfaces nsiaccessnode nsiaccessible mapped to at-spi: role_
table atk: atk_role_column_header ua: nsaccessibilitygrouprole msaa/ia2: role_system_columnheader used by aria: colheader xul: <listheader/> html: <th> ...
ROLE_ROW
« gecko roles page represents a row of cells within a
table.
... also, see role_
table.
... interfaces nsiaccessible nsisupports nsiaccessiblehyperlink nsiaccessibleselec
table mapped to at-spi: role_list_item atk: atk_role_list_item ua: nsaccessibilityrowrole msaa/ia2: role_system_row used by aria: row html: <tr> xul:<listitem/> ...
Places Developer Guide
so the only solution for now seems to do one own sql queries to the places da
tabase.
... here is how one can get a connection to the places da
tabase: function getplacesdbconn() { return components.classes['@mozilla.org/browser/nav-history-service;1'].
... getservice(components.interfaces.nspiplacesda
tabase).dbconnection; } and then to get the a redirected visit_id from another visit_id: function getfromvisit(visit_id) { var sql = <cdata><![cdata[ select from_visit from moz_places, moz_historyvisits where moz_historyvisits.id = :visit_id and moz_places.id = moz_historyvisits.place_id; ]]></cdata>.tostring(); var sql_stmt = getplacesdbconn.createstatement(sql); sql_stmt.params.visit_id = visit_id; var from_visit; try { // here we can't use the "executeasync" method since have to return a // result right-away.
Places utilities for JavaScript
markid); array string geturlandpostdataforkeyword(string akeyword); string getitemdescription(int aitemid); nsinavhistoryresultnode getmostrecentbookmarkforuri(nsiuri auri); nsinavhistoryresultnode getmostrecentfolderforfeeduri(nsiuri auri); nsinavhistoryresultnode geturlsforcontainernode(nsinavhistoryresultnode anode); void opencontainernodein
tabs(nsinavhistoryresultnode anode, nsidomevent aevent); void openurinodesin
tabs(array nsinavhistoryresultnode anodes, nsidomevent aevent); void createmenuitemfornode(nsinavhistoryresultnode anode, acontainersmap); constants mimetypes type_x_moz_place_container type_x_moz_place_separator: "text/x-moz-place-separator", type_x_moz_place: "text/x-moz-place", type_x_moz_ur...
...this will be called most often as the result of a "bookmark all
tabs..." command.
... getmostrecentbookmarkforuri(auri) getmostrecentfolderforfeeduri() getmostrecentfolderforfeeduri(auri) geturlsforcontainernode() geturlsforcontainernode(anode) opencontainernodein
tabs() opencontainerin
tabs(anode, aevent) openurinodesin
tabs() openurinodesin
tabs(anodes, aevent) createmenuitemfornode() helper for the toolbar and menu views.
Using the Places favicon service
for an overview of the da
tabase design, see the places da
tabase.
...this makes sure that we aren't obsessively reloading favicons into the da
tabase for every page viewed, but also that changes in the favicon will be picked up quickly.
...the expiration time is only used to determine whether data should be reloaded from the network (or cache) or whether the version in the da
tabase is fresh enough.
Places
places stores its data in an sqlite da
tabase using the mozstorage interfaces.
... places da
tabase troubleshooting how to deal with a corrupt places.sqlite da
tabase.
... design documents the places da
tabase high-level overview of the places da
tabase design.
Component Internals
xpcom reads this file into an in-memory da
tabase.
...these type library files are at the core of xpcom scrip
tablity and the binary component architecture of xpcom.
...it is the component loader's responsibility to provide scrip
table component support.
Finishing the Component
when your component runs in a version of gecko in which this interface is updated, your method calls will be routed through a different v-
table than the one the component expected, most likely resulting in a crash.
...however, when this same component is used in a gecko installation where this interface has changed, the method testa does not exist in the nsifoo interface; the first entry in the v-
table is in fact isprime().
...the only trouble occurs when the compiler itself changes its v-
table layout, which can happen when the compiler changes its abi.
XPCOM guide
this article details those changes, and provides suggestions for how to update your code.xpcom hash
table guidea hash
table is a data construct that stores a set of items.
...items are found, added, and removed from the hash
table by using the key.
... hash
tables may seem like arrays, but there are important differences:xpcom stream guidein mozilla code, a stream is an object which represents access to a sequence of characters.
IDBKeyRange.upperBound() - Web APIs
if(cursor) { var listitem = document.createelement('li'); listitem.innerhtml = '<strong>' + cursor.value.fthing + '</strong>, ' + cursor.value.frating; list.appendchild(listitem); cursor.continue(); } else { console.log('entries all displayed.'); } }; }; specification specification status comment indexed da
tabase api 2.0the definition of 'upperbound()' in that specification.
... recommendation indexed da
tabase api draftthe definition of 'upperbound()' in that specification.
... recommendation browser compatibility the compatibility
table on this page is generated from structured data.
IDBKeyRange.upperOpen - Web APIs
if(cursor) { var listitem = document.createelement('li'); listitem.innerhtml = '<strong>' + cursor.value.fthing + '</strong>, ' + cursor.value.frating; list.appendchild(listitem); cursor.continue(); } else { console.log('entries all displayed.'); } }; }; specification specification status comment indexed da
tabase api 2.0the definition of 'upperopen' in that specification.
... recommendation indexed da
tabase api draftthe definition of 'upperopen' in that specification.
... recommendation browser compatibility the compatibility
table on this page is generated from structured data.
IDBKeyRange - Web APIs
event.target.result; if(cursor) { var listitem = document.createelement('li'); listitem.innerhtml = '<strong>' + cursor.value.fthing + '</strong>, ' + cursor.value.frating; list.appendchild(listitem); cursor.continue(); } else { console.log('entries all displayed.'); } }; } specifications specification status comment indexed da
tabase api 2.0the definition of 'idbkeyrange' in that specification.
... indexed da
tabase api draftthe definition of 'idbkeyrange' in that specification.
... browser compatibility the compatibility
table on this page is generated from structured data.
IDBObjectStore.count() - Web APIs
var transaction = db.transaction(['fthings'], 'readonly'); var objectstore = transaction.objectstore('fthings'); var countrequest = objectstore.count(); countrequest.onsuccess = function() { console.log(countrequest.result); } specification specification status comment indexed da
tabase api 2.0the definition of 'count()' in that specification.
... recommendation indexed da
tabase api draftthe definition of 'count()' in that specification.
... recommendation browser compatibility the compatibility
table on this page is generated from structured data.
IDBObjectStore.openCursor() - Web APIs
request = objectstore.opencursor(); request.onsuccess = function(event) { var cursor = event.target.result; if(cursor) { // cursor.value contains the current record being iterated through // this is where you'd do something with the result cursor.continue(); } else { // no more results } }; specification specification status comment indexed da
tabase api 2.0the definition of 'opencursor()' in that specification.
... recommendation indexed da
tabase api draftthe definition of 'opencursor()' in that specification.
... recommendation browser compatibility the compatibility
table on this page is generated from structured data.
IDBRequest.onsuccess - Web APIs
-do list object that has this title as it's title var objectstoretitlerequest = objectstore.get(title); objectstoretitlerequest.onsuccess = function() { // grab the data object returned as the result var data = objectstoretitlerequest.result; // update the notified value in the object to "yes" data.notified = "yes"; // create another request that inserts the item back // into the da
tabase var updatetitlerequest = objectstore.put(data); // when this new request succeeds, run the displaydata() // function again to update the display updatetitlerequest.onsuccess = function() { displaydata(); }; }; specifications specification status comment indexed da
tabase api 2.0the definition of 'onsuccess' in that specification.
... recommendation indexed da
tabase api draftthe definition of 'onsuccess' in that specification.
... recommendation browser compatibility the compatibility
table on this page is generated from structured data.
IDBRequest.result - Web APIs
-do list object that has this title as it's title var objectstoretitlerequest = objectstore.get(title); objectstoretitlerequest.onsuccess = function() { // grab the data object returned as the result var data = objectstoretitlerequest.result; // update the notified value in the object to "yes" data.notified = "yes"; // create another request that inserts the item // back into the da
tabase var updatetitlerequest = objectstore.put(data); // when this new request succeeds, run the displaydata() // function again to update the display updatetitlerequest.onsuccess = function() { displaydata(); }; }; specifications specification status comment indexed da
tabase api 2.0the definition of 'result' in that specification.
... recommendation indexed da
tabase api draftthe definition of 'result' in that specification.
... recommendation browser compatibility the compatibility
table on this page is generated from structured data.
IDBRequest: success event - Web APIs
bubbles no cancelable no interface event event handler property onsuccess examples this example tries to open a da
tabase and listens for the success event using addeventlistener(): // open the da
tabase const openrequest = window.indexeddb.open('todolist', 4); openrequest.onupgradeneeded = (event) => { const db = event.target.result; db.onerror = () => { console.log('error creating da
tabase'); }; // create an objectstore for this da
tabase var objectstore = db.createobjectstore('todolist', { keypath: 'tasktitle' }); // define what data items the objectstore will contain objectstore.createindex('hours', 'hours', { unique: false }); objectstore.createindex('mi...
...nutes', 'minutes', { unique: false }); objectstore.createindex('day', 'day', { unique: false }); objectstore.createindex('month', 'month', { unique: false }); objectstore.createindex('year', 'year', { unique: false }); }; openrequest.addeventlistener('success', (event) => { console.log('da
tabase opened successfully!'); }); the same example, but using the onsuccess event handler property: // open the da
tabase const openrequest = window.indexeddb.open('todolist', 4); openrequest.onupgradeneeded = (event) => { const db = event.target.result; db.onerror = () => { console.log('error creating da
tabase'); }; // create an objectstore for this da
tabase var objectstore = db.createobjectstore('todolist', { keypath: 'tasktitle' }); // define what data items the objectstor...
...e will contain objectstore.createindex('hours', 'hours', { unique: false }); objectstore.createindex('minutes', 'minutes', { unique: false }); objectstore.createindex('day', 'day', { unique: false }); objectstore.createindex('month', 'month', { unique: false }); objectstore.createindex('year', 'year', { unique: false }); }; openrequest.onsuccess = (event) => { console.log('da
tabase opened successfully!'); }; ...
IDBTransaction: abort event - Web APIs
examples this example opens a da
tabase (creating the da
tabase if it does not exist), then opens a transaction, adds a listener to the abort event, then aborts the transaction to trigger the event.
... // open the da
tabase const dbopenrequest = window.indexeddb.open('todolist', 4); dbopenrequest.onupgradeneeded = event => { const db = event.target.result; db.onerror = () => { console.log('error creating da
tabase'); }; // create an objectstore for this da
tabase var objectstore = db.createobjectstore('todolist', { keypath: 'tasktitle' }); // define what data items the objectstore will contain objectstore.createindex('hours', 'hours', { unique: false }); objectstore.createindex('minutes', 'minutes', { unique: false }); objectstore.createindex('day', 'day', { unique: false }); objectstore.createindex('month', 'month', { unique: false }); objectstore.createindex('year', 'year', { unique: false }); }; dbopenrequest.onsuccess = event => { const db = dbopenrequest...
...en a read/write db transaction, ready for adding the data const transaction = db.transaction(['todolist'], 'readwrite'); // add a listener for `abort` transaction.addeventlistener('abort', () => { console.log('transaction was aborted'); }); // abort the transaction transaction.abort(); }; the same example, but assigning the event handler to the onabort property: // open the da
tabase const dbopenrequest = window.indexeddb.open('todolist', 4); dbopenrequest.onupgradeneeded = event => { const db = event.target.result; db.onerror = () => { console.log('error creating da
tabase'); }; // create an objectstore for this da
tabase var objectstore = db.createobjectstore('todolist', { keypath: 'tasktitle' }); // define what data items the objectstore will contain ...
IDBTransaction.commit() - Web APIs
examples // open a read/write db transaction, ready for adding the data var transaction = db.transaction(["mydb"], "readwrite"); // report on the success of opening the transaction transaction.oncomplete = function(event) { note.innerhtml += '<li>transaction completed: da
tabase modification finished.</li>'; }; transaction.onerror = function(event) { note.innerhtml += '<li>transaction not opened due to error.
...our newitem object to the object store var objectstorerequest = objectstore.add(newitem[0]); objectstorerequest.onsuccess = function(event) { // report the success of the request (this does not mean the item // has been stored successfully in the db - for that you need transaction.onsuccess) note.innerhtml += '<li>request successful.</li>'; }; // force the changes to be committed to the da
tabase asap transaction.commit(); specification specification status comment indexed da
tabase api draftthe definition of 'idbtransaction.commit()' in that specification.
... browser compatibility the compatibility
table on this page is generated from structured data.
IDBVersionChangeEvent.version - Web APIs
the version property of the idbversionchangeevent interface returns the new version of the da
tabase in a versionchange transaction.
...see the compatibility
table to know what browsers support them.
... browser compatibility the compatibility
table on this page is generated from structured data.
Browser storage limits and eviction criteria - Web APIs
es maintained by the quota manager (see below) <profile>/storage/permanent — persistent data storage repository <profile>/storage/temporary — temporary data storage repository <profile>/storage/default — default data storage repository note: after introducing storage api, the "permanent" folder can be considered obsolete; the "permanent" folder only stores indexeddb persistent-type da
tabases.
...there is no trimming effect put in place to delete parts of origins — deleting one da
tabase of an origin could cause problems with inconsistency.
...once the global limit for temporary storage is reached (more on the limit later), we try to find all currently unused origins (i.e., ones with no
tabs/apps open that are keeping open datastores).
InputEvent.dataTransfer - Web APIs
examples in the following simple example we've set up an event listener on the input event so that when any content is pasted into the contentedi
table <p> element, its html source is retrieved via the inputevent.datatransfer.getdata() method and reported in the paragraph below the input.
... <p><span style="font-weight: bold; color: blue">whoa, bold blue text!</span></p> <p><span style="font-style: italic; color: red">exciting: italic red text!</span></p> <p>boring normal text ;-(</p> <hr> <p contentedi
table="true">go on, try pasting some content into this edi
table paragraph and see what happens!</p> <p class="result"></p> var edi
table = document.queryselector('p[contentedi
table]'); var result = document.queryselector('.result') var datatransferobj; edi
table.addeventlistener('input', (e) => { result.textcontent = e.datatransfer.getdata('text/html'); }); specifications specification status comment input events level 2the definition of 'datatransfer' in that specification.
... browser compatibility the compatibility
table on this page is generated from structured data.
InputEvent.inputType - Web APIs
examples this example logs the inputtype for input events on an edi
table <div>.
... html <p id="log">input type: </p> <div contentedi
table="true" style="margin: 20px;padding: 20px;border:2px dashed red;"> <p>some sample text.
... try inserting line breaks, or deleting text in different ways, or pasting different content in.</p> <hr> <ul> <li>a sample</li> <li>bulleted</li> <li>list.</li> </ul> <p>another paragraph.</p> </div> javascript const log = document.getelementbyid('log'); const edi
table = document.queryselector('div[contentedi
table]'); edi
table.addeventlistener('input', loginputtype); function loginputtype(event) { log.textcontent = `input type: ${event.inputtype}`; } result try editing the text inside the <div> and see what happens.
InputEvent - Web APIs
the inputevent interface represents an event notifying of edi
table content change.
... inputevent.datatransferread only returns a datatransfer object containing information about richtext or plaintext data being added to or removed from edi
table content.
... inputevent.inputtyperead only returns the type of change for edi
table content such as, for example, inserting, deleting, or formatting text.
Layout and the containing block - CSS: Cascading Style Sheets
identifying the containing block the process for identifying the containing block depends entirely on the value of the element's position property: if the position property is static, relative, or sticky, the containing block is formed by the edge of the content box of the nearest ancestor element that is either a block container (such as an inline-block, block, or list-item element) or es
tablishes a formatting context (such as a
table container, flex container, grid container, or the block container itself).
... if the position property is fixed, the containing block is es
tablished by the viewport (in the case of continuous media) or the page area (in the case of paged media).
...ground: lightgray; } p { width: 50%; /* == 400px * .5 = 200px */ height: 25%; /* == 160px * .25 = 40px */ margin: 5%; /* == 400px * .05 = 20px */ padding: 5%; /* == 400px * .05 = 20px */ background: cyan; } example 2 in this example, the paragraph's containing block is the <body> element, because <section> is not a block container (because of display: inline) and doesn’t es
tablish a formatting context.
Using media queries - CSS: Cascading Style Sheets
all sui
table for all devices.
... color-index number of entries in the output device's color lookup
table, or zero if the device does not use such a
table device-aspect-ratio width-to-height aspect ratio of the output device deprecated in media queries level 4.
...see the @media browser compatibility
table for more details.
CSS reference - CSS: Cascading Style Sheets
pscroll-snap-alignscroll-snap-stopscroll-snap-typescrollbar-colorscrollbar-width::selectionselector()sepia()<shape>shape-image-thresholdshape-marginshape-outsidesize (@page)skew()skewx()skewy()::slottedspeak-as (@counter-style)src (@font-face)steps()<string>@stylesetstyleset()@stylisticstylistic()suffix (@counter-style)@supports@swashswash()symbols (@counter-style)symbols()system (@counter-style)t
tab-size
table-layout:targettarget-counter()target-counters()target-text()text-aligntext-align-lasttext-combine-uprighttext-decorationtext-decoration-colortext-decoration-linetext-decoration-skip-inktext-decoration-styletext-decoration-thicknesstext-emphasistext-emphasis-colortext-emphasis-positiontext-emphasis-styletext-indenttext-justifytext-orientationtext-overflowtext-renderingtext-shadowtext-tran...
... combinators combinators are selectors that es
tablish a relationship between two or more simple selectors, such as "a is a child of b" or "a is adjacent to b." adjacent sibling combinator a + b specifies that the elements selected by both a and b have the same parent and that the element selected by b immediately follows the element selected by a horizontally.
... column combinator a || b specifies that the element selected by b is located within the
table column specified by a.
Viewport concepts - CSS: Cascading Style Sheets
your viewport is everything that is currently visible, no
tably, the "what is a viewport section", and perhaps some of the navigation menu.
... viewport sizes are mu
table the width of the viewport is not always the width of the window.
...but what if we had pinched-zoomed on a
tablet?
Visual formatting model - CSS: Cascading Style Sheets
table layout will add anonymous boxes to create a proper
table structure — for example adding an anonymous
table row — if there was no box with display:
table-row.
... css grid layout css flexible box layout css
table layout lists independent formatting contexts elements either participate in the formating context of their containing block or es
tablish an independent formatting context.
... a grid container, for example, es
tablishes a new grid formatting context for its children.
aspect-ratio - CSS: Cascading Style Sheets
formal definition initial valueautoapplies toall elements except inline boxes and internal ruby or
table boxesinheritednocomputed valueas specifiedanimation typediscrete formal syntax auto | <ratio> examples mapping width and height to aspect-ratio firefox has added an internal aspect-ratio property (in version 69 onwards) that applies to replaced elements and other related elements that accept width and height attributes.
... in firefox, the internal stylesheet rule looks like this: img, input[type="image"], video, embed, iframe, marquee, object,
table { aspect-ratio: attr(width) / attr(height); } specifications specification status comment css box sizing module level 4the definition of 'aspect-ratio' in that specification.
... editor's draft initial definition browser compatibility the compatibility
table on this page is generated from structured data.
backface-visibility - CSS: Cascading Style Sheets
html <
table> <tr> <th><code>backface-visibility: visible;</code></th> <th><code>backface-visibility: hidden;</code></th> </tr> <tr> <td> <div class="container"> <div class="cube showbf"> <div class="face front">1</div> <div class="face back">2</div> <div class="face right">3</div> <div class="face left">4</div> <div class="fa...
... </p> </td> </tr> </
table> css /* classes that will show or hide the three back faces of the "cube" */ .showbf div { backface-visibility: visible; } .hidebf div { backface-visibility: hidden; } /* define the container div, the cube div, and a generic face */ .container { width: 150px; height: 150px; margin: 75px 0 0 75px; border: none; } .cube { width: 100%; height: 100%; perspective: 550px; ...
...px); } .right { background: rgba(196, 0, 0, 0.7); transform: rotatey(90deg) translatez(50px); } .left { background: rgba(0, 0, 196, 0.7); transform: rotatey(-90deg) translatez(50px); } .top { background: rgba(196, 196, 0, 0.7); transform: rotatex(90deg) translatez(50px); } .bottom { background: rgba(196, 0, 196, 0.7); transform: rotatex(-90deg) translatez(50px); } /* make the
table a little nicer */ th, p, td { background-color: #eeeeee; margin: 0px; padding: 6px; font-family: sans-serif; text-align: left; } result specifications specification status comment css transforms level 2the definition of 'backface-visibility' in that specification.
background-size - CSS: Cascading Style Sheets
be careful about relying on the behavior described above, and test in multiple browsers to be sure the results are accep
table.
...it also applies to ::first-letter and ::first-line.inheritednopercentagesrelative to the background positioning areacomputed valueas specified, but with relative lengths converted into absolute lengthsanimation typerepea
table list of simple list of length, percentage, or calc formal syntax <bg-size>#where <bg-size> = [ <length-percentage> | auto ]{1,2} | cover | containwhere <length-percentage> = <length> | <percentage> examples please see scaling background images for examples.
... browser compatibility the compatibility
table in this page is generated from structured data.
border-left-style - CSS: Cascading Style Sheets
it also applies to ::first-letter.inheritednocomputed valueas specifiedanimation typediscrete formal syntax <line-style>where <line-style> = none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset examples html <
table> <tr> <td class="b1">none</td> <td class="b2">hidden</td> <td class="b3">dotted</td> <td class="b4">dashed</td> </tr> <tr> <td class="b5">solid</td> <td class="b6">double</td> <td class="b7">groove</td> <td class="b8">ridge</td> </tr> <tr> <td class="b9">inset</td> <td class="b10">outset</td> </tr> </
table> css /* define look of the
table */...
...
table { border-width: 2px; background-color: #52e385; } tr, td { padding: 3px; } /* border-left-style example classes */ .b1 {border-left-style: none;} .b2 {border-left-style: hidden;} .b3 {border-left-style: dotted;} .b4 {border-left-style: dashed;} .b5 {border-left-style: solid;} .b6 {border-left-style: double;} .b7 {border-left-style: groove;} .b8 {border-left-style: ridge;} .b9 {border-left-style: inset;} .b10 {border-left-style: outset;} result specifications specification status comment css backgrounds and borders module level 3the definition of 'border-left-style' in that specification.
... browser compatibility the compatibility
table in this page is generated from structured data.
border-radius - CSS: Cascading Style Sheets
the border-radius property does not apply to
table elements when border-collapse is collapse.
...rder-top-left-radius: 4px 2px; border-top-right-radius: 3px 4px; border-bottom-right-radius: 6px 2px; border-bottom-left-radius: 3px 4px; formal definition initial valueas each of the properties of the shorthand:border-top-left-radius: 0border-top-right-radius: 0border-bottom-right-radius: 0border-bottom-left-radius: 0applies toall elements; but user agents are not required to apply to
table and inline-
table elements when border-collapse is collapse.
... the behavior on internal
table elements is undefined for the moment..
border-right-style - CSS: Cascading Style Sheets
it also applies to ::first-letter.inheritednocomputed valueas specifiedanimation typediscrete formal syntax <line-style>where <line-style> = none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset examples border styles html <
table> <tr> <td class="b1">none</td> <td class="b2">hidden</td> <td class="b3">dotted</td> <td class="b4">dashed</td> </tr> <tr> <td class="b5">solid</td> <td class="b6">double</td> <td class="b7">groove</td> <td class="b8">ridge</td> </tr> <tr> <td class="b9">inset</td> <td class="b10">outset</td> </tr> </
table> css /* define look of the
table */...
...
table { border-width: 2px; background-color: #52e385; } tr, td { padding: 3px; } /* border-right-style example classes */ .b1 {border-right-style: none;} .b2 {border-right-style: hidden;} .b3 {border-right-style: dotted;} .b4 {border-right-style: dashed;} .b5 {border-right-style: solid;} .b6 {border-right-style: double;} .b7 {border-right-style: groove;} .b8 {border-right-style: ridge;} .b9 {border-right-style: inset;} .b10 {border-right-style: outset;} result specifications specification status comment css backgrounds and borders module level 3the definition of 'border-right-style' in that specification.
... browser compatibility the compatibility
table in this page is generated from structured data.
clamp() - CSS: Cascading Style Sheets
you may also use parentheses to es
tablish computation order when needed.
... notes math expressions involving percentages for widths and heights on
table columns,
table column groups,
table rows,
table row groups, and
table cells in both auto and fixed layout
tables may be treated as if auto had been specified.
...you may also use parentheses to es
tablish computation order when needed.
font-stretch - CSS: Cascading Style Sheets
however, note that the <percentage> syntax is not yet supported by all browsers: check the browser compatibility
table for details.
... keyword to numeric mapping the
table below shows the mapping between keyword values and numeric percentages: keyword percentage ultra-condensed 50% extra-condensed 62.5% condensed 75% semi-condensed 87.5% normal 100% semi-expanded 112.5% expanded 125% extra-expanded 150% ultra-expanded 200% description some font families offer additional faces in which the characters are narrower than the normal face (condensed faces) or wider than the normal face (expanded faces).
... the
table below demonstrates the effect of supplying various different percentage values of font-stretch on two different fonts: 50% 62.5% 75% 87.5% 100% 112.5% 125% 150% 200% helvetica neue league mono variable helvetica neue, which is installed by default on macos...
font-variant-numeric - CSS: Cascading Style Sheets
syntax font-variant-numeric: normal; font-variant-numeric: ordinal; font-variant-numeric: slashed-zero; font-variant-numeric: lining-nums; /* <numeric-figure-values> */ font-variant-numeric: oldstyle-nums; /* <numeric-figure-values> */ font-variant-numeric: proportional-nums; /* <numeric-spacing-values> */ font-variant-numeric:
tabular-nums; /* <numeric-spacing-values> */ font-variant-numeric: diagonal-fractions; /* <numeric-fraction-values> */ font-variant-numeric: stacked-fractions; /* <numeric-fraction-values> */ font-variant-numeric: oldstyle-nums stacked-fractions; /* global values */ font-variant-numeric: inherit; font-variant-numeric: initial; font-variant-numeric: unset; this property can take one of tw...
...
tabular-nums activating the set of figures where numbers are all of the same size, allowing them to be easily aligned like in
tables.
...it also applies to ::first-letter and ::first-line.inheritedyescomputed valueas specifiedanimation typediscrete formal syntax normal | [ <numeric-figure-values> | <numeric-spacing-values> | <numeric-fraction-values> | ordinal | slashed-zero ]where <numeric-figure-values> = [ lining-nums | oldstyle-nums ]<numeric-spacing-values> = [ proportional-nums |
tabular-nums ]<numeric-fraction-values> = [ diagonal-fractions | stacked-fractions ] examples setting ordinal numeric forms html <p class="ordinal">1st, 2nd, 3rd, 4th, 5th</p> css /* this example uses the source sans pro opentype font, developed by adobe and used here under the terms of the sil open font license, version 1.1: http://scripts.sil.org/cms/scripts/page.php?item_id=ofl_web */ @font...
font-variant - CSS: Cascading Style Sheets
the possible values are: lining-nums, oldstyle-nums, proportional-nums,
tabular-nums, diagonal-fractions, stacked-fractions, ordinal, and slashed-zero.
...common-ligatures | no-common-ligatures ]<discretionary-lig-values> = [ discretionary-ligatures | no-discretionary-ligatures ]<historical-lig-values> = [ historical-ligatures | no-historical-ligatures ]<contextual-alt-values> = [ contextual | no-contextual ]<feature-value-name> = <custom-ident><numeric-figure-values> = [ lining-nums | oldstyle-nums ]<numeric-spacing-values> = [ proportional-nums |
tabular-nums ]<numeric-fraction-values> = [ diagonal-fractions | stacked-fractions ]<east-asian-variant-values> = [ jis78 | jis83 | jis90 | jis04 | simplified | traditional ]<east-asian-width-values> = [ full-width | proportional-width ] examples setting the small-caps font variant html <p class="normal">firefox rocks!</p> <p class="small">firefox rocks!</p> css p.normal { font-variant: norm...
... recommendation initial definition browser compatibility the compatibility
table on this page is generated from structured data.
margin-left - CSS: Cascading Style Sheets
this
table summarizes the different cases: value of display value of float value of position computed value of auto comment inline, inline-block, inline-
table any static or relative 0 inline layout mode block, inline, inline-block, block,
table, inline-
table, list-item,
table-caption any static or relative 0, except if ...
... block layout mode block, inline, inline-block, block,
table, inline-
table, list-item,
table-caption left or right static or relative 0 block layout mode (floating element) any
table-*, except
table-caption any any 0 internal
table-* elements don't have margins, use border-spacing instead any, except flex, inline-flex, or
table-* any fixed or absolute 0, except if both margin-left and margin-right are set to auto.
... flexbox layout mode formal definition initial value0applies toall elements, except elements with
table display types other than
table-caption,
table and inline-
table.
margin-right - CSS: Cascading Style Sheets
this
table summarizes the different cases: value of display value of float value of position computed value of auto comment inline, inline-block, inline-
table any static or relative 0 inline layout mode block, inline, inline-block, block,
table, inline-
table, list-item,
table-caption any static or relative 0, except if ...
... block layout mode block, inline, inline-block, block,
table, inline-
table, list-item,
table-caption left or right static or relative 0 block layout mode (floating element) any
table-*, except
table-caption any any 0 internal
table-* elements don't have margins, use border-spacing instead any, except flex, inline-flex, or
table-* any fixed or absolute 0, except if both margin-left and margin-right are set to auto.
... flexbox layout mode formal definition initial value0applies toall elements, except elements with
table display types other than
table-caption,
table and inline-
table.
page-break-after - CSS: Cascading Style Sheets
user agents may also apply it to other elements like
table-row elements.inheritednocomputed valueas specifiedanimation typediscrete formal syntax auto | always | avoid | left | right | recto | verso examples setting a page break after footnotes /* move to a new page after footnotes */ div.footnotes { page-break-after: always; } specifications specification status comment css logical properties and values level 1the...
... working draft extends the element that this property applies to
table rows and
table row groups.
... recommendation initial definition browser compatibility the compatibility
table on this page is generated from structured data.
page-break-before - CSS: Cascading Style Sheets
user agents may also apply it to other elements like
table-row elements.inheritednocomputed valueas specifiedanimation typediscrete formal syntax auto | always | avoid | left | right | recto | verso examples avoid a page break before the dic /* avoid page break before the div */ div.note { page-break-before: avoid; } specifications specification status comment css logical properties and values level 1the definiti...
... working draft extends the element that this property applies to
table rows and
table row groups.
... recommendation initial definition browser compatibility the compatibility
table on this page is generated from structured data.
perspective - CSS: Cascading Style Sheets
<
table> <tbody> <tr> <th><code>perspective: 250px;</code> </th> <th><code>perspective: 350px;</code> </th> </tr> <tr> <td> <div class="container"> <div class="cube pers250"> <div class="face front">1</div> <div class="face back">2</div> <div class="face right">3</div> <div class="face left">4<...
...d> <div class="container"> <div class="cube pers650"> <div class="face front">1</div> <div class="face back">2</div> <div class="face right">3</div> <div class="face left">4</div> <div class="face top">5</div> <div class="face bottom">6</div> </div> </div> </td> </tr> </tbody> </
table> css the css es
tablishes classes that can be used to set the perspective to different distances.
...px); } .right { background: rgba(196, 0, 0, 0.7); transform: rotatey(90deg) translatez(50px); } .left { background: rgba(0, 0, 196, 0.7); transform: rotatey(-90deg) translatez(50px); } .top { background: rgba(196, 196, 0, 0.7); transform: rotatex(90deg) translatez(50px); } .bottom { background: rgba(196, 0, 196, 0.7); transform: rotatex(-90deg) translatez(50px); } /* make the
table a little nicer */ th, p, td { background-color: #eeeeee; padding: 10px; font-family: sans-serif; text-align: left; } result specifications specification status comment css transforms level 2the definition of 'perspective' in that specification.
text-align - CSS: Cascading Style Sheets
the text-align css property sets the horizontal alignment of a block element or
table-cell box.
... syntax /* keyword values */ text-align: left; text-align: right; text-align: center; text-align: justify; text-align: justify-all; text-align: start; text-align: end; text-align: match-parent; /* character-based alignment in a
table column */ text-align: "."; text-align: "." center; /* block alignment values (non-standard syntax) */ text-align: -moz-center; text-align: -webkit-center; /* global values */ text-align: inherit; text-align: initial; text-align: unset; the text-align property is specified in one of the following ways: using the keyword values start, end, left, right, center, justify, justify-all, or matc...
... <string> when applied to a
table cell, specifies the alignment character around which the cell's contents will align.
transform-box - CSS: Cascading Style Sheets
the reference box of a <
table> is the border box of its
table wrapper box, not its
table box.
...the reference box of a <
table> is the border box of its
table wrapper box, not its
table box.
...if a viewbox attribute is specified for the svg viewport creating element, the reference box is positioned at the origin of the coordinate system es
tablished by the viewbox attribute, and the dimension of the reference box is set to the width and height values of the viewbox attribute.
user-select - CSS: Cascading Style Sheets
syntax none the text of the element and its sub-elements is not selec
table.
... auto the used value of auto is determined as follows: on the ::before and ::after pseudo elements, the used value is none if the element is an edi
table element, the used value is contain otherwise, if the used value of user-select on the parent of this element is all, the used value is all otherwise, if the used value of user-select on the parent of this element is none, the used value is none otherwise, the used value is text text the text can be selected by the user.
... formal definition initial valueautoapplies toall elementsinheritednocomputed valueas specifiedanimation typediscrete formal syntax auto | text | none | contain | all examples html <p>you should be able to select this text.</p> <p class="unselec
table">hey, you can't select this text!</p> <p class="all">clicking once will select all of this text.</p> css .unselec
table { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .all { -moz-user-select: all; -webkit-user-select: all; -ms-user-select: all; user-select: all; } result specifications specification status ...
z-index - CSS: Cascading Style Sheets
whether the box es
tablishes a local stacking context.
... values auto the box does not es
tablish a new local stacking context.
...the box also es
tablishes a local stacking context in which its stack level is 0.
Content categories - Developer guides
fieldset>, <figure>, <footer>, <form>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <header>, <hgroup>, <hr>, <i>, <iframe>, <img>, <input>, <ins>, <kbd>, <keygen>, <label>, <main>, <map>, <mark>, <math>, <menu>, <meter>, <nav>, <noscript>, <object>, <ol>, <output>, <p>, <picture>, <pre>, <progress>, <q>, <ruby>, <s>, <samp>, <script>, <section>, <select>, <small>, <span>, <strong>, <sub>, <sup>, <svg>, <
table>, <template>, <textarea>, <time>, <ul>, <var>, <video>, <wbr> and text.
... submit
table elements that can be used for constructing the form data set when the form is submitted.
... reset
table elements that can be affected when a form is reset.
HTML5 - Developer guides
this leads to far greater predic
tability and interoperability between html5-compliant browsers.
... the contentedi
table attribute: transform your website to a wiki!
... html5 has standardized the contentedi
table attribute.
HTML attribute: accept - HTML: Hypertext Markup Language
because a given file type may be identified in more than one manner, it's useful to provide a thorough set of type specifiers when you need files of specific type, or use the wild card to denote a type of any format is accep
table.
...most operating systems lighten the files that don't match the criteria and aren't selec
table.
... accep
table file types can be specified with the accept attribute, which takes a comma-separated list of allowed file extensions or mime types.
Date and time formats used in HTML - HTML: Hypertext Markup Language
see the
table in the section days of the month for the month numbers and their corresponding names (and lengths in days).
...this is detailed in the following
table.
...there are two standard time bases, which are very close to the same, but not exactly the same: for dates after the es
tablishment of coordinated universal time (utc) in the early 1960s, the time base is z and the offset indicates a particular time zone's offset from the time at the prime meridian at 0º longitude (which passes through the royal observatory at greenwich, england).
<audio>: The Embed Audio element - HTML: Hypertext Markup Language
it may contain one or more audio sources, represented using the src attribute or the <source> element: the browser will choose the most sui
table one.
...captions, which are specified using webvtt, allow people who are experiencing hearing loss to understand an audio recording's content as the recording is being played, while transcripts allow people who need additional time to be able to review the recording's content at a pace and format that is comfor
table for them.
...for example, in the webvtt below, note the use of square brackets to provide tone and emotional insight to the viewer; this can help es
tablish the mood otherwise provided using music, nonverbal sounds and crucial sound effects, and so forth.
<input type="date"> - HTML: Hypertext Markup Language
additional attributes along with the attributes common to all <input> elements, date inputs have the following attributes: attribute description max the latest accep
table date min the earliest accep
table date step the stepping interval, when clicking up and down spinner buttons and validating the date max the latest date to accept.
...in the following example, we set a minimum date of 2017-04-01 and a maximum date of 2017-04-30: <form> <label for="party">choose your preferred party date: <input type="date" name="party" min="2017-04-01" max="2017-04-30"> </label> </form> the result is that only days in april 2017 can be selected — the month and year parts of the textbox will be unedi
table, and dates outside april 2017 can't be selected in tte picker widget.
...to only make saturdays selec
table).
<input type="email"> - HTML: Hypertext Markup Language
it's important, however, to note that this is not enough to ensure that the specified text is an e-mail address which actually exists, corresponds to the user of the site, or is accep
table in any other way.
...if your server-side code fails to validate the data it receives, disaster could strike when improperly-formatted data (or data which is too large, is of the wrong type, and so forth) is entered into your da
tabase.
... as an added touch, the <label> element is used to es
tablish a label for the email entry box, with its for attribute referencing the emailaddress id of the <input> element.
<input type="radio"> - HTML: Hypertext Markup Language
once a radio group is es
tablished, selecting any radio button in that group automatically deselects any currently-selected radio button in the same group.
... styling radio inputs the following example shows a slightly more thorough version of the example we've seen throughout the article, with some additional styling, and with better semantics es
tablished through use of specialized elements.
...2s all linear; margin-right: 5px; position: relative; top: 4px; } input:checked { border: 6px solid black; } button, legend { color: white; background-color: black; padding: 5px 10px; border-radius: 0; border: 0; font-size: 14px; } button:hover, button:focus { color: #999; } button:active { background-color: white; color: black; outline: 1px solid black; } most no
table here is the use of the -moz-appearance property (with prefixes needed to support some browsers).
<input type="submit"> - HTML: Hypertext Markup Language
the string must be the name of a browsing context (that is, a
tab, window, or <iframe>.
... in addition to the actual names of
tabs, windows, or inline frames, there are a few special keywords that can be used: _self loads the response into the same browsing context as the one that contains the form.
...this is typically a new
tab in the same window as the current document, but may differ depending on the configuration of the user agent.
<input type="tel"> - HTML: Hypertext Markup Language
minlength the minimum length that is considered valid for the field's contents pattern a regular expression the entered value must match to pass constraint validation placeholder an example value to display inside the field when it has no value readonly a boolean attribute which, if present, indicates that the field's contents should not be user-edi
table size the number of characters wide the input field should be onscreen list the values of the list attribute is the id of a <datalist> element located in the same document.
... important: html form validation is not a substitute for server-side scripts that ensure the entered data is in the proper format before it is allowed into the da
tabase.
...if your server-side code fails to validate the data it receives, disaster could strike when improperly-formatted data (or data which is too large, is of the wrong type, and so forth) is entered into your da
tabase.
<input type="url"> - HTML: Hypertext Markup Language
it can be used on any edi
table content, but here we consider specifics related to the use of spellcheck on <input> elements.
... it's important, however, to note that this is not enough to ensure that the specified text is a url which actually exists, corresponds to the user of the site, or is accep
table in any other way.
...if your server-side code fails to validate the data it receives, disaster could strike when improperly-formatted data (or data which is too large, is of the wrong type, and so forth) is entered into your da
tabase.
<keygen> - HTML: Hypertext Markup Language
content categories flow content, phrasing content, interactive content, listed, labelable, submit
table, reset
table form-associated element, palpable content.
...it is normally a string from the
table in nskeygenhandler.cpp.
...the private key is encrypted and stored in the local key da
tabase.
HTML: Hypertext Markup Language
html
tables representing
tabular data on a webpage in an understandable, accessible way can be a challenge.
... this module covers basic
table markup, along with more complex features such as implementing captions and summaries.
...a block-level element occupies the entire space of its parent element (container), thereby creating a "block." link types in html, various link types can be used to es
tablish and define the relationship between two documents.
MIME types (IANA media types) - HTTP
only a few image types are used commonly enough to be considered safe for use on web pages: abbreviation file format mime type file extension(s) browser compatibility apng animated por
table network graphics image/apng .apng chrome, edge, firefox, opera, safari bmp bitmap file image/bmp .bmp chrome, edge, firefox, internet explorer, opera, safari gif graphics interchange format image/gif .gif chrome, edge, firefox, internet explorer, opera, safari ico microsoft icon image/x-icon .ico, .cur chrome, edge, firefox...
..., internet explorer, opera, safari jpeg joint photographic expert group image image/jpeg .jpg, .jpeg, .jfif, .pjpeg, .pjp chrome, edge, firefox, internet explorer, opera, safari png por
table network graphics image/png .png chrome, edge, firefox, internet explorer, opera, safari svg scalable vector graphics image/svg+xml .svg chrome, edge, firefox, internet explorer, opera, safari tiff tagged image file format image/tiff .tif, .tiff none built-in; add-ons required webp web picture format image/webp .webp chrome, edge, firefox, opera the abbreviation for each format links to a longer description of the format, its capabilities, and detailed browser compatibility information; including...
...(for example, safari will look at the file extension in the url if the sent mime type is unsui
table.) there are security concerns as some mime types represent execu
table content.
Cross-Origin Resource Sharing (CORS) - HTTP
the browser determines that it needs to send this based on the request parameters that the javascript code snippet above was using, so that the server can respond whether it is accep
table to send the request with the actual request parameters.
... lines 13 - 22 above are the response that the server sends back indicating that the request method (post) and request headers (x-pingother) are accep
table.
...like access-control-allow-methods, access-control-allow-headers is a comma separated list of accep
table headers.
Content negotiation - HTTP
the 300 (multiple choices) or 406 (not accep
table) http response codes by the server (agent-driven negotiation or reactive negotiation), that are used as fallback mechanisms.
... the accept-encoding header the accept-encoding header defines the accep
table content-encoding (supported compressions).
...that way, the cache can replay the algorithm and will be able to serve accep
table content directly, without more request to the server.
Accept-Encoding - HTTP
even if both the client and the server supports the same compression algorithms, the server may choose not to compress the body of a response, if the identity value is also accep
table.
... as long as the identity value, meaning no encoding, is not explicitly forbidden, by an identity;q=0 or a *;q=0 without another explicitly set value for identity, the server must never send back a 406 not accep
table error.
...this value is always considered as accep
table, even if not present.
Index - HTTP
17 alt-svc draft, http, http header, needscompat
table, needscontent, needsexample, reference the alt-svc header is used to list alternate ways to reach this website.
...there are three main cases this header is used: 97 sec-websocket-accept draft, http, needscompat
table, needscontent, reference, sec-websocket-accept, websockets, header the sec-websocket-accept header is used in the websocket opening handshake.
...da
tabase read/write, cpu time, file system access, etc.) in the developer tools in the user's browser or in the performanceservertiming interface.
An overview of HTTP - HTTP
before a client and server can exchange an http request/response pair, they must es
tablish a tcp connection, a process which requires several round-trips.
...using the eventsource interface, the client opens a connection and es
tablishes event handlers.
... the client browser automatically converts the messages that arrive on the http stream into appropriate event objects, delivering them to the event handlers that have been registered for the events' type if known, or to the onmessage event handler if no type-specific event handler was es
tablished.
A typical HTTP session - HTTP
in client-server protocols, like http, sessions consist of three phases: the client es
tablishes a tcp connection (or the appropriate connection if the transport layer is not tcp).
... es
tablishing a connection in client-server protocols, it is the client which es
tablishes the connection.
... sending a client request once the connection is es
tablished, the user-agent can send the request (a user-agent is typically a web browser, but can be anything else, a crawler, for example).
JavaScript modules - JavaScript
for learning and por
tability purposes, we decided to keep to .js.
...this is much better than writing out the entire relative path each time, as it is shorter, and it makes the url por
table — the example will still work if you move it to a different location in the site hierarchy.
...this is very similar to how we apply a regular script to a page, with a few no
table differences.
Web video codec guide - Web media technologies
in some situations, a greater sacrifice of quality in order to bring down the data size is worth that lost quality; other times, the loss of quality is unaccep
table and it's necessary to accept a codec configuration that results in a correspondingly larger file.
... no container support isobmff[1], mpeg-ts, mp4, webm rtp / webrtc compatible yes supporting/maintaining organization alliance for open media specification https://aomediacodec.github.io/av1-spec/av1-spec.pdf licensing royalty-free, open standard [1] iso base media file format [2] see the av1 specification's
tables of levels, which describe the maximum resolutions and rates at each level.
...this value comes from the
table in section a.3 of the av1 specification, and indicates the high tier of level 6.3.
Populating the page: how browsers work - Web Performance
tls negotiation for secure connections es
tablished over https, another "handshake" is required.
... this handshake, or rather the tls negotiation, determines which cipher will be used to encrypt the communication, verifies the server, and es
tablishes that a secure connection is in place before beginning the actual transfer of data.
... response once we have an es
tablished connection to a web server, the browser sends an initial http get request on behalf of the user, which for websites is most often an html file.
Navigation and resource timings - Web Performance
if the transport layer reports an error and the connection es
tablishment is started again, the last connection es
tablishment end time is given.
...if the transport layer reports an error and the connection es
tablishment is started again, the last connection es
tablishment start time is given.
... for comparison, we can look at the network
tab and see that we transferred 22.04kb for an uncompressed file size of 87.24kb.
Applying SVG effects to HTML content - SVG: Scalable Vector Graphics
utton onclick="toggleradius()">toggle radius</button> <svg height="0"> <clippath id="clipping-path-1" clippathunits="objectboundingbox"> <circle cx="0.25" cy="0.25" r="0.25" id="circle"/> <rect x="0.5" y="0.2" width="0.5" height="0.8"/> </clippath> </svg> .target { clip-path: url(#clipping-path-1); } p { width: 300px; border: 1px solid #000; display: inline-block; } this es
tablishes a clipping area made of a circle and rectangle, assigns it the id #clipping-path-1, then references it in the css.
...for example, you can resize the circle in the clip path es
tablished above: function toggleradius() { var circle = document.getelementbyid("circle"); circle.r.baseval.value = 0.40 - circle.r.baseval.value; } example: filtering this demonstrates applying a filter to html content using svg.
... it es
tablishes several filters, which are applied with css to three elements in both the normal and mouse hover states.
cx - SVG: Scalable Vector Graphics
value <length-percentage> default value 0 anima
table yes note: starting with svg2 cx, is a geometry property, meaning this attribute can also be used as css property for circles.
... value <length-percentage> default value 0 anima
table yes note: starting with svg2 cx, is a geometry property, meaning this attribute can also be used as css property for ellipses.
... value <length> default value 50% anima
table yes example html,body,svg { height:100% } <svg viewbox="0 0 34 10" xmlns="http://www.w3.org/2000/svg"> <defs> <radialgradient cx="0" id="mygradient000"> <stop offset="0%" stop-color="gold" /> <stop offset="50%" stop-color="green" /> <stop offset="100%" stop-color="white" /> </radialgradient> <radialgradient cx="50%" id="mygradient050"> <stop offset="0%" stop-color="gold" /> <stop offset="50%" stop-color="green" /> <stop offset="100%" stop-color="white" /> </radialgradient> <radialgradient cx="100%" id="mygradient100"> ...
cy - SVG: Scalable Vector Graphics
value <length> | <percentage> default value 0 anima
table yes note: starting with svg2, cy is a geometry property meaning this attribute can also be used as a css property for circles.
... value <length> | <percentage> default value 0 anima
table yes note: starting with svg2, cy is a geometry property meaning this attribute can also be used as a css property for ellipses.
... value <length> default value 50% anima
table yes example html,body,svg { height:100% } <svg viewbox="0 0 34 10" xmlns="http://www.w3.org/2000/svg"> <defs> <radialgradient cy="0" id="mygradient000"> <stop offset="0%" stop-color="gold" /> <stop offset="50%" stop-color="green" /> <stop offset="100%" stop-color="white" /> </radialgradient> <radialgradient cy="50%" id="mygradient050"> <stop offset="0%" stop-color="gold" /> <stop offset="50%" stop-color="green" /> <stop offset="100%" stop-color="white" /> </radialgradient> <radialgradient cy="100%" id="mygradient100"> ...
d - SVG: Scalable Vector Graphics
value <string> default value none anima
table yes glyph warning: as of svg2 <glyph> is deprecated and shouldn't be used.
... value <string> default value none anima
table yes note: the point of origin (the coordinate 0,0) is usually the upper left corner of the context.
... value <string> default value none anima
table yes path commands path commands are instructions that define a path to be drawn.
in2 - SVG: Scalable Vector Graphics
value sourcegraphic | sourcealpha | backgroundimage | backgroundalpha | fillpaint | strokepaint | <filter-primitive-reference> default value sourcegraphic for first filter primitive, otherwise result of previous filter primitive anima
table yes fecomposite for <fecomposite>, in2 defines the second input image to the compositing operation.
... value sourcegraphic | sourcealpha | backgroundimage | backgroundalpha | fillpaint | strokepaint | <filter-primitive-reference> default value sourcegraphic for first filter primitive, otherwise result of previous filter primitive anima
table yes fedisplacementmap for <fedisplacementmap>, in2 defines the second input image, which is used to displace the pixels in the image defined in the in attribute.
... value sourcegraphic | sourcealpha | backgroundimage | backgroundalpha | fillpaint | strokepaint | <filter-primitive-reference> default value sourcegraphic for first filter primitive, otherwise result of previous filter primitive anima
table yes specifications specification status comment filter effects module level 1the definition of 'in2 for <fedisplacementmap>' in that specification.
kernelUnitLength - SVG: Scalable Vector Graphics
value <number-optional-number> default value pixel in offscreen bitmap anima
table yes <number-optional-number> the first number is the x value.
... value <number-optional-number> default value pixel in offscreen bitmap anima
table yes fespecularlighting for the <fespecularlighting>, kernelunitlength indicates the intended distance in current filter units (i.e., units as determined by the value of attribute primitiveunits) for the x and y coordinate, respectively, in the surface normal calculation formulas.
... value <number-optional-number> default value pixel in offscreen bitmap anima
table yes specifications specification status comment filter effects module level 1the definition of 'kernelunitlength for <fespecularlighting>' in that specification.
xml:space - SVG: Scalable Vector Graphics
html, body, svg { height: 100%; } <svg viewbox="0 0 140 50" xmlns="http://www.w3.org/2000/svg"> <text y="20" xml:space="default">default spacing</text> <text y="40" xml:space="preserve">preserved spacing</text> </svg> usage notes value default | preserve default value default anima
table no default with this value set, whitespace characters will be processed in this order: all newline characters are removed.
... all
tab characters are converted into space characters.
... preserve this value tells the user agent to convert all newline and
tab characters into spaces.
SVG Attribute reference - SVG: Scalable Vector Graphics
d shape-rendering slope spacing specularconstant specularexponent speed spreadmethod startoffset stddeviation stemh stemv stitchtiles stop-color stop-opacity strikethrough-position strikethrough-thickness string stroke stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width style surfacescale systemlanguage t
tabindex
tablevalues target targetx targety text-anchor text-decoration text-rendering textlength to transform transform-origin type u u1 u2 underline-position underline-thickness unicode unicode-bidi unicode-range units-per-em v v-alphabetic v-hanging v-ideographic v-mathematical values vector-effect version vert-adv-y vert-origin-x vert-origin-y viewbox viewt...
...arget visibility w width widths word-spacing writing-mode x x x-height x1 x2 xchannelselector xlink:actuate xlink:arcrole xlink:href xlink:role xlink:show xlink:title xlink:type xml:base xml:lang xml:space y y y1 y2 ychannelselector z z zoomandpan svg attributes by category generic attributes core attributes id, lang,
tabindex, xml:base, xml:lang, xml:space style attributes class, style conditional processing attributes externalresourcesrequired, requiredextensions, requiredfeatures, systemlanguage.
... stop-opacity, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, text-anchor, text-decoration, text-rendering, transform, transform-origin, unicode-bidi, vector-effect, visibility, word-spacing, writing-mode filters attributes filter primitive attributes height, result, width, x, y transfer function attributes type,
tablevalues, slope, intercept, amplitude, exponent, offset animation attributes animation attribute target attributes attributetype, attributename animation timing attributes begin, dur, end, min, max, restart, repeatcount, repeatdur, fill animation value attributes calcmode, values, keytimes, keysplines, from, to, by, autoreverse, accelerate, decelerate animation addition attributes additiv...
<animateMotion> - SVG: Scalable Vector Graphics
value type: <number>*; default value: none; anima
table: no path this attribute defines the path of the motion, using the same syntax as the d attribute.
... value type: <string>; default value: none; anima
table: no rotate this attribute defines a rotation applied to the elment animated along a path, usually to make it pointing in the direction of the animation.
... value type: <number>|auto|auto-reverse; default value: 0; anima
table: no note: for <animatemotion> the default value for the calcmode attribute is paced animation attributes animation timing attributes begin, dur, end, min, max, restart, repeatcount, repeatdur, fill animation value attributes calcmode, values, keytimes, keysplines, from, to, by other animation attributes most no
tably: attributename, additive, accumulate animation event attributes most no
tably: onbegin, onend, onrepeat global attributes core attributes most no
tably: id styling attributes class, style event attributes global event attributes, document element event attributes usage notes this element implements the svganimatemotionelement interface.
<feComponentTransfer> - SVG: Scalable Vector Graphics
<stop offset="1" stop-color="#800080"></stop> </lineargradient> <filter id="identity" x="0" y="0" width="100%" height="100%"> <fecomponenttransfer> <fefuncr type="identity"></fefuncr> <fefuncg type="identity"></fefuncg> <fefuncb type="identity"></fefuncb> <fefunca type="identity"></fefunca> </fecomponenttransfer> </filter> <filter id="
table" x="0" y="0" width="100%" height="100%"> <fecomponenttransfer> <fefuncr type="
table"
tablevalues="0 0 1 1"></fefuncr> <fefuncg type="
table"
tablevalues="1 1 0 0"></fefuncg> <fefuncb type="
table"
tablevalues="0 1 1 0"></fefuncb> </fecomponenttransfer> </filter> <filter id="discrete" x="0" y="0" width="100%" height="100%"> <fecomponenttransfer> ...
... <fefuncr type="discrete"
tablevalues="0 0 1 1"></fefuncr> <fefuncg type="discrete"
tablevalues="1 1 0 0"></fefuncg> <fefuncb type="discrete"
tablevalues="0 1 1 0"></fefuncb> </fecomponenttransfer> </filter> <filter id="linear" x="0" y="0" width="100%" height="100%"> <fecomponenttransfer> <fefuncr type="linear" slope="0.5" intercept="0"></fefuncr> <fefuncg type="linear" slope="0.5" intercept="0.25"></fefuncg> <fefuncb type="linear" slope="0.5" intercept="0.5"></fefuncb> </fecomponenttransfer> </filter> <filter id="gamma" x="0" y="0" width="100%" height="100%"> <fecomponenttransfer> <fefuncr type="gamma" amplitude="4" exponent="7" offset="0"></fefuncr> <fefuncg type="gamma" amplitude="4" expone...
... <fefuncb type="gamma" amplitude="4" exponent="1" offset="0"></fefuncb> </fecomponenttransfer> </filter> </defs> <g font-weight="bold"> <text x="0" y="20">default</text> <rect x="0" y="30" width="100%" height="20"></rect> <text x="0" y="70">identity</text> <rect x="0" y="80" width="100%" height="20" style="filter:url(#identity)"></rect> <text x="0" y="120">
table lookup</text> <rect x="0" y="130" width="100%" height="20" style="filter:url(#
table)"></rect> <text x="0" y="170">discrete
table lookup</text> <rect x="0" y="180" width="100%" height="20" style="filter:url(#discrete)"></rect> <text x="0" y="220">linear function</text> <rect x="0" y="230" width="100%" height="20" style="filter:url(#linear)"></rect> <text x="0" y="270">gam...
<feDropShadow> - SVG: Scalable Vector Graphics
value type: <number>; default value: 2; anima
table: yes dy this attribute defines the y offset of the drop shadow.
... value type: <number>; default value: 2; anima
table: yes stddeviation this attribute defines the standard deviation for the blur operation in the drop shadow.
... value type: <number>; default value: 2; anima
table: yes global attributes core attributes most no
tably: id styling attributes class, style filter primitive attributes height, in, result, x, y, width presentation attributes most no
tably: flood-color, flood-opacity usage notes categoriesfilter primitive elementpermitted contentany number of the following elements, in any order:<animate>, <script>, <set> specifications specification status comment filter effects module level 1the definition of '<fedropshadow>' in that specification.
<path> - SVG: Scalable Vector Graphics
value type: <string> ; default value: ''; anima
table: yes pathlength this attribute lets authors specify the total length for the path, in user units.
... value type: <number> ; default value: none; anima
table: yes global attributes core attributes most no
tably: id,
tabindex styling attributes class, style conditional processing attributes most no
tably: requiredextensions, systemlanguage event attributes global event attributes, graphical event attributes presentation attributes most no
tably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria attributes aria-activedescendant, aria-atomic, aria-autocomplete, aria-busy, aria-checked, aria-colcou...
...nt, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselec
table, aria-orientation, aria-owns, aria-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-required, aria-roledescription, aria-rowcount, aria-rowindex, aria-rowspan, aria-selected, aria-setsize, aria-sort, aria-valuemax, aria-valuemin, aria-valuenow, aria-valuetext, role usage notes categoriesgraphics element, shape elementpermitted contentany number of the following elements, in any order:animation elementsdescriptive elemen...
<polygon> - SVG: Scalable Vector Graphics
value type: <number>+ ; default value: ""; anima
table: yes pathlength this attribute lets specify the total length for the path, in user units.
... value type: <number> ; default value: none; anima
table: yes global attributes core attributes most no
tably: id,
tabindex styling attributes class, style conditional processing attributes most no
tably: requiredextensions, systemlanguage event attributes global event attributes, graphical event attributes presentation attributes most no
tably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria attributes aria-activedescendant, aria-atomic, aria-autocomplete, aria-busy, aria-checked, aria-colcou...
...nt, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselec
table, aria-orientation, aria-owns, aria-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-required, aria-roledescription, aria-rowcount, aria-rowindex, aria-rowspan, aria-selected, aria-setsize, aria-sort, aria-valuemax, aria-valuemin, aria-valuenow, aria-valuetext, role usage notes categoriesbasic shape element, graphics element, shape elementpermitted contentany number of the following elements, in any order:animation eleme...
<polyline> - SVG: Scalable Vector Graphics
<polyline points="0,100 50,25 50,75 100,0" /> <!-- example of the same polyline shape with stroke and no fill --> <polyline points="100,100 150,25 150,75 200,0" fill="none" stroke="black" /> </svg> attributes points this attribute defines the list of points (pairs of x,y absolute coordinates) required to draw the polyline value type: <number>+ ; default value: ""; anima
table: yes pathlength this attribute lets specify the total length for the path, in user units.
... value type: <number> ; default value: none; anima
table: yes global attributes core attributes most no
tably: id,
tabindex styling attributes class, style conditional processing attributes most no
tably: requiredextensions, systemlanguage event attributes global event attributes, graphical event attributes presentation attributes most no
tably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria attributes aria-activedescendant, aria-atomic, aria-autocomplete, aria-busy, aria-checked, aria-colcou...
...nt, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselec
table, aria-orientation, aria-owns, aria-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-required, aria-roledescription, aria-rowcount, aria-rowindex, aria-rowspan, aria-selected, aria-setsize, aria-sort, aria-valuemax, aria-valuemin, aria-valuenow, aria-valuetext, role usage notes categoriesbasic shape element, graphics element, shape elementpermitted contentany number of the following elements, in any order:animation eleme...
<stop> - SVG: Scalable Vector Graphics
value type: <number>|<percentage>; default value: 0; anima
table: yes stop-color this attribute defines the color of the gradient stop.
... value type: currentcolor|<color>|<icccolor>; default value: black; anima
table: yes stop-opacity this attribute defines the opacity of the gradient stop.
... value type: <opacity>; default value: 1; anima
table: yes global attributes core attributes most no
tably: id styling attributes class, style event attributes global event attributes, document element event attributes presentation attributes most no
tably: color, display, stop-color, stop-opacity, visibility usage notes categoriesgradient elementpermitted contentany number of the following elements, in any order:<animate>, <animatecolor>, <set> specifications specification status comment scalable vector graphics (svg) 2the definition of '<stop>' in that specification.
<style> - SVG: Scalable Vector Graphics
value type: <string>; default value: text/css; anima
table: no media this attribute defines to which media the style applies.
... value type: <string>; default value: all; anima
table: no title this attribute the title of the style sheet which can be used to switch between alternate style sheets.
... value type: <string>; default value: none; anima
table: no global attributes core attributes most no
tably: id styling attributes class, style event attributes global event attributes, document element event attributes usage notes categoriesnonepermitted contentany elements or character data specifications specification status comment scalable vector graphics (svg) 2the definition of '<style>' in that specification.
Tutorials
html
tables representing
tabular data on a webpage in an understandable, accessible way can be a challenge.
... this module covers basic
table markup, along with more complex features such as implementing captions and summaries.
... quick guide to implement web fonts (with @font-face) the @font-face feature from css3 allows you to use custom typefaces on the web in an accessible, manipula
table, and scalable way.
Web Components
reference custom elements customelementregistry contains functionality related to custom elements, most no
tably the customelementregistry.define() method used to register new custom elements so they can then be used in your document.
... slo
table a mixin implemented by both element and text nodes, defining features that allow them to become the contents of an <slot> element.
... the mixin defines one attribute, slo
table.assignedslot, which returns a reference to the slot the node is inserted in.
self - Archive of obsolete content
self properties options content-scripting apis such as
tab.attach(), page-mod, and page-worker let you pass read-only data to the content script as a json object via the contentscriptoptions option.
... if you do this, the data is available to the content script in the options property of self: // main.js const
tabs = require("sdk/
tabs");
tabs.open({ url: "./page.html", onready: function(
tab) {
tab.attach({ contentscriptfile: "./content-script.js", contentscriptoptions: { a: "blah" } }); } }); // content-script.js alert(self.options.a); port you can use port to receive messages from, and send messages to, the main add-on code.
addon-page - Archive of obsolete content
usage with the add-on sdk you can present information to the user, such as a guide to using your add-on, in a browser
tab.
...after this, the page loaded from "data/index.html" will not contain navigational elements: var addon
tab = require("sdk/addon-page"); var data = require("sdk/self").data; require("sdk/
tabs").open(data.url("index.html")); this only affects the page at "data/index.html": all other pages are displayed normally.
panel - Archive of obsolete content
the screenshot below shows a panel whose content is built from the list of currently open
tabs: panels are useful for presenting temporary interfaces to users in a way that is easier for users to ignore and dismiss than a modal dialog, since panels are hidden the moment users interact with parts of the application interface outside them.
... panel limitations although panels can host html documents, they are not implemented as browser
tabs, so many things that work in normal web pages do not work inside panels: prior to firefox 33, you don't get a context menu.
High-Level APIs - Archive of obsolete content
unless the documentation explicitly says otherwise, all these modules are "s
table": we'll avoid making incompatible changes to them.
...
tabs open, manipulate, and access
tabs, and receive
tab events.
lang/type - Archive of obsolete content
let { source } = require('sdk/lang/type'); var obj = { name: undefined, twitter: '@horse_js', tweets: [ { id: 100, text: 'what happens to you if you break the monad laws?' }, { id: 101, text: 'javascript dubstep generator' } ] }; console.log(source(obj)); // prints the below /* { // [object object] // wri
table configurable enumerable name: undefined, // wri
table configurable enumerable twitter: "@horse_js", // wri
table configurable enumerable tweets: [ { // [object object] // wri
table configurable enumerable id: 100, // wri
table configurable enumerable text: "what happens to you if you break the monad laws?", "__p...
...roto__": { // [object object] } }, { // [object object] // wri
table configurable enumerable id: 101, // wri
table configurable enumerable text: "javascript dubstep generator", "__proto__": { // [object object] } } ], "__proto__": { // [object object] } } */ parameters value : mixed the source object to create a textual representation of.
Storing annotations - Archive of obsolete content
var annotationlist = panels.panel({ width: 420, height: 200, contenturl: data.url('list/annotation-list.html'), contentscriptfile: [data.url('jquery-1.4.2.min.js'), data.url('list/annotation-list.js')], contentscriptwhen: 'ready', onshow: function() { this.postmessage(simplestorage.storage.annotations); }, onmessage: function(message) { require('sdk/
tabs').open(message); } }); since this panel's content script uses jquery we will pass that in too: again, make sure the name of it matches the version of jquery you downloaded.
...when the panel sends us a url we use the
tabs module to open it in a new
tab.
Creating Event Targets - Archive of obsolete content
for example, you can listen to the
tabs module's ready event or the panel object's show event.
... we can use this module in the same way we use any other module that emits module-level events, such as
tabs.
File I/O - Archive of obsolete content
it defaults to // fileutils.mode_wronly | fileutils.mode_create | fileutils.mode_truncate; var ostream = fileutils.opensafefileoutputstream(file); var converter = components.classes["@mozilla.org/intl/scrip
tableunicodeconverter"].
... createinstance(components.interfaces.nsiscrip
tableunicodeconverter); converter.charset = "utf-8"; var istream = converter.converttoinputstream(data); // the last argument (the callback) is optional.
Page Loading - Archive of obsolete content
page loading on page load how to execute code each time a new page is loaded in browser/mail progress listeners progress listeners allow extensions to be notified of events associated with documents loading in the browser and with
tab switching events.
... post data to window code to post data to an existing or new window/
tab ...
Skinning XUL Files by Hand - Archive of obsolete content
the following
table shows the basic format for these two common types of style definitions: class id element.class { attribute: value; } element#id { attribute: value; } menu.baseline { border: 0px; font-size: 9pt; } menu#edit { color: red; } other style subgroups contextualsubgroups -- elements appearing within other elements, such as italic...
...this needs rewording: , which, like the windows registry, is a da
tabase in which information about a user's software and environment can be recorded and accessed as necessary.
Splitters - Archive of obsolete content
</
tabbox> <iframe src="results.html"/> <splitter collapse="before" resizeafter="grow"> <grippy/> </splitter> <hbox> here, a splitter and an iframe have been added to the dialog.
... we don't need the spacer after the
tabbox any more so we can remove it.
Stack Positioning - Archive of obsolete content
--> </hbox> </stack> in some case, setting the width or height this way may even be necessary because using the width/height attributes (eg, "width", "minwidth" and "maxwidth") inside a stack can sometimes produce unpredic
table and undesireable results.
... the next section describes
tabboxes which are like decks but provide their own navigation.
Toolbars - Archive of obsolete content
<vbox flex="1"> <toolbox> <toolbar id="findfiles-toolbar"> <toolbarbutton id="opensearch" label="open"/> <toolbarbutton id="savesearch" label="save"/> </toolbar> </toolbox> <
tabbox> a toolbar with two buttons has been added here.
...notice that the toolbar has been placed inside the vertical box just above the
tabbox.
Tree View Details - Archive of obsolete content
getcelltext: function(idx, column) { return this.visibledata[idx][0]; }, iscontainer: function(idx) { return this.visibledata[idx][1]; }, iscontaineropen: function(idx) { return this.visibledata[idx][2]; }, iscontainerempty: function(idx) { return false; }, isseparator: function(idx) { return false; }, issorted: function() { return false; }, isedi
table: function(idx, column) { return false; }, } the rowcount function will return the length of the visibledata array.
... getcelltext: function(idx, column) { return this.visibledata[idx][0]; }, iscontainer: function(idx) { return this.visibledata[idx][1]; }, iscontaineropen: function(idx) { return this.visibledata[idx][2]; }, iscontainerempty: function(idx) { return false; }, isseparator: function(idx) { return false; }, issorted: function() { return false; }, isedi
table: function(idx, column) { return false; }, getparentindex: function(idx) { if (this.iscontainer(idx)) return -1; for (var t = idx - 1; t >= 0 ; t--) { if (this.iscontainer(t)) return t; } }, getlevel: function(idx) { if (this.iscontainer(idx)) return 0; return 1; }, hasnextsibling: function(idx, after) { var thislevel = this.getlevel(idx); for (var t...
Using Spacers - Archive of obsolete content
<spacer flex="1"/> <button id="find-button" label="find"/> more about flexibility xul lays out elements on a window by calculating sui
table widths and heights for the elements and then adding space where they are flexible.
...other elements, such as the text box have chosen a sui
table default size.
XUL element attributes - Archive of obsolete content
this composite datasource is accesssible via a script through the da
tabase property.
... preference-edi
table mozilla 1.8 type: boolean if true, the element may be used as one that modifies a preference in a prefwindow.
binding - Archive of obsolete content
inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-edi
table, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties object type: string the object of the element.
... inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, da
tabase, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docomman...
bindings - Archive of obsolete content
inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-edi
table, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width object type: string the object of the element.
... properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, da
tabase, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docomm...
command - Archive of obsolete content
for an edi
table menuitem element the value of this attribute is copied to the menulist.value property upon user selection of the menuitem.
... properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, da
tabase, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docomm...
content - Archive of obsolete content
cuando use un árbol con los atributos flags ("banderas"), es
tablezca dont-build-content, ("no almacenar contenido"), use treeitem en su lugar.
... inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-edi
table, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width propiedades tag type: tag name this may be set to a tag name.
deck - Archive of obsolete content
inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-edi
table, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties selectedindex type: integer returns the index of the currently selected item.
... inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, da
tabase, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docomm...
dropmarker - Archive of obsolete content
inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-edi
table, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties accessibletype type: integer a value indicating the type of accessibility object for the element.
... inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, da
tabase, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfea...
groupbox - Archive of obsolete content
inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-edi
table, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties accessibletype type: integer a value indicating the type of accessibility object for the element.
... inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, da
tabase, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfea...
keyset - Archive of obsolete content
inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-edi
table, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width disabled type: boolean indicates whether the element is disabled or not.
... properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, da
tabase, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docomm...
listcell - Archive of obsolete content
for an edi
table menuitem element the value of this attribute is copied to the menulist.value property upon user selection of the menuitem.
... inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, da
tabase, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattribute...
listhead - Archive of obsolete content
inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-edi
table, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties accessibletype type: integer a value indicating the type of accessibility object for the element.
... inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, da
tabase, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelemen...
member - Archive of obsolete content
inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-edi
table, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties child type: ?
... inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, da
tabase, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docomm...
notificationbox - Archive of obsolete content
finding the current notification box within a firefox extension, you can retrieve the current notification box for a specific
tab by calling the global function getnotificationbox(): notifybox = chromewin.getnotificationbox(notifywindow) notifybox = getnotificationbox(notifywindow) // applies to current context's window object here, chromewin is the xul window (usually just window), and notifywindow is the web content window for the
tab you want to find the notification box for.
... inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-edi
table, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties currentnotification type: notification element the currently displayed notification element or null.
prefwindow - Archive of obsolete content
the buttons will be placed in sui
table locations for the user's platform and basic event handling will be performed automatically.
...the buttons will be placed in sui
table locations for the user's platform and basic event handling will be performed automatically.
stack - Archive of obsolete content
in some case, setting the width or height this way may even be necessary because using the width/height attributes (eg, "width", "minwidth" and "maxwidth") inside a stack can sometimes produce unpredic
table and undesireable results.
... inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-edi
table, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, da
tabase, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, ...
statusbar - Archive of obsolete content
inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-edi
table, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties accessibletype type: integer a value indicating the type of accessibility object for the element.
... inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, da
tabase, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeatu...
<statusbarpanel> - Archive of obsolete content
for an edi
table menuitem element the value of this attribute is copied to the menulist.value property upon user selection of the menuitem.
... inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, da
tabase, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenode...
titlebar - Archive of obsolete content
inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-edi
table, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width note: the allowevents attribute did not work for title bars prior to firefox 3.
... properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, da
tabase, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamen...
toolbargrippy - Archive of obsolete content
inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-edi
table, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties accessible type: nsiaccessible returns the accessibility object for the element.
... inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, da
tabase, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeat...
toolbarseparator - Archive of obsolete content
inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-edi
table, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties accessibletype type: integer a value indicating the type of accessibility object for the element.
... inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, da
tabase, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeatur...
toolbarspacer - Archive of obsolete content
inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-edi
table, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties accessibletype type: integer a value indicating the type of accessibility object for the element.
... inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, da
tabase, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfea...
toolbarspring - Archive of obsolete content
inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-edi
table, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties accessibletype type: integer a value indicating the type of accessibility object for the element.
... inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, da
tabase, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeatu...
treecols - Archive of obsolete content
inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-edi
table, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties accessibletype type: integer a value indicating the type of accessibility object for the element.
... inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, da
tabase, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfea...
wizardpage - Archive of obsolete content
for an edi
table menuitem element the value of this attribute is copied to the menulist.value property upon user selection of the menuitem.
... inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, da
tabase, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition...
XUL - Archive of obsolete content
xul periodic
table this collection of xul demos used to be available as a web page, but can no longer be viewed in firefox since support for remote xul was disabled.
... there is a xulrunner application containing the xul periodic
table which can be opened with gecko based browsers.
Application Update - Archive of obsolete content
you will need to compile a unix/linux execu
table mar from mozilla/modules/libmar.
...pref("app.update.url.details", "http://yourserver.net/yourpage"); // user-set
table override to app.update.url for testing purposes.
Getting started with XULRunner - Archive of obsolete content
it also means that the xulrunner is por
table so, if you develop your applications to be por
table you could carry them around on a flash drive or sync them in the cloud.
... alternative: run xul apps with firefox with firefox 3 and later, you can tell the firefox execu
table to run a xul application from the command line.
calICalendarViewController - Archive of obsolete content
calendar/base/public/calicalendarviewcontroller.idlscrip
table please add a summary to this article.
... interface code [scrip
table, uuid(1f783898-f4c2-4b2d-972e-360e0de38237)] interface calicalendarviewcontroller : nsisupports { void createnewevent (in calicalendar acalendar, in calidatetime astarttime, in calidatetime aendtime); void modifyoccurrence (in caliitemoccurrence aoccurrence, in calidatetime anewstarttime, in calidatetime anewendtime); void deleteoccurrence (in caliitemoccurrence aoccurrence); }; methods createnewevent void createnewevent (in calicalendar acalendar, in calidatetime astarttime, in calidatetime aendtime); the createnewevent method is used for creating a new calievent in the calicalendar specified by the acalendar parameter.
Gecko Compatibility Handbook - Archive of obsolete content
example - putting forms in
tables invalid html to eliminate line break in <form>.
... <
table border="1"> <tr> <form name="form2"> <td> <input type="text"> </td> </form> </tr> <
table> this approach is commonly used to get around the fact that <form> is a block level element in html and will naturally begin on a new line in the page.
2006-11-10 - Archive of obsolete content
important dates: technical submissions: monday 19th feb 2007 technical paper notification: friday 16th march 2007 communication submissions: monday 26th march 2007 communication paper notification: friday 06th april 2007 all camera ready due: monday 16th april 2007 conference dates: monday 07th and tuesday 08th may 2007 no
table keynotes representatives from w3c, ibm, university of manchester, uk and oxford brookes university, uk.
...ideas include: adding standardized shortcuts clc-4-tts and/or other screenreader integration screenreader integration via an accessibility api discussion on the use of the <
tab> key.
2006-10-13 - Archive of obsolete content
discussions everyone and his goldfish thinks bug 300198 should be fixed large response to the discussion about the bug: https://bugzilla.mozilla.org/show_bug.cgi?id=300198, regarding middle clicking on a
tab.
...(no responses as of yet) selected
tab looks too close to unselected
tab discussion about how to change the colour of a selected
tab and an unselected
tab.
2006-10-27 - Archive of obsolete content
- with firefox 2.0 out the door, it's time to make sure that all 1.5.0.x users are updated with the latest and greatest in s
tability and security fixes!
...when the special homepage comes up after updating firefox, the "go to your homepage" button doesn't work when multipliable
tabs are set as homepage.
NPAPI plugin developer guide - Archive of obsolete content
to make your plugin scrip
table from web pages, use npruntime.
...embed element for plug-in display using custom embed attributes plug-in references plug-in development overview writing plug-ins registering plug-ins ms windows unix mac os x drawing a plug-in instance handling memory sending and receiving streams working with urls getting version and ui information displaying messages on the status line making plug-ins scrip
table building plug-ins building, platforms, and compilers building carbonized plug-ins for mac os x type libraries installing plug-ins native installers xpi plug-ins installations plug-in installation and the windows registry initialization and destruction initialization instance creation instance destruction shutdown initialize and shutdown example drawi...
NPEvent - Archive of obsolete content
in addition to these standard types, the browser provides three additional event types that can be passed in the what field of the eventrecord: getfocusevent: sent when the instance could become the focus of subsequent key events, when the user clicks the instance or presses the
tab key to focus the instance.
... losefocusevent: sent when the instance has lost the text focus, as a result of the user clicking elsewhere on the page or pressing the
tab key to move the focus.
NPN_SetValue - Archive of obsolete content
variable values the function can set: nppvpluginwindowbool: sets windowed/windowless mode for plugin display; true=windowed, false=windowless nppvplugintransparentbool: sets transparent mode for display of a plugin; true=transparent, false=opaque nppvjavaclass nppvpluginwindowsize nppvplugintimerinterval nppvpluginscrip
tableinstance nppvpluginscrip
tableiid nppvjavascriptpushcallerbool: specifies whether you are pushing or popping the jscontext off the stack nppvpluginkeeplibraryinmemory: tells browser that the plugin dll should live longer than usual nppvpluginneedsxembed nppvpluginscrip
tablenpobject nppvformvalue nppvplugindrawingmodel value the value of the specified variable to be set.
... nppvjavascriptpushcallerbool sets whether you are pushing or popping the appropriate jscontext off the stack (see the two-way scrip
tability article on the mozilla plugins project page for more details).
The First Install Problem - Archive of obsolete content
note that myapplication consists of one dll (which is an npapi plugin handling a given mimetype -- say application/x-myapp) and one xpt file, for scrip
table interfaces.
... example: [hkey_local_machine\software\mozillaplugins\@mycompany.com/myapplication,version=5.01] description=scrip
table myapplication player version 5 "vendor" -- string refering to company name example: [hkey_local_machine\software\mozillaplugins\@mycompany.com/myapplication,version=5.01] vendor=mycompany inc.
values - SVG: Scalable Vector Graphics
value <list-of-values> default value none anima
table no <list-of-values> the value holds a semicolon-separated list of one or more values.
... value <list-of-numbers> default value if type="matrix", identity matrix, if type="saturate", 1, resulting in identity matrix, if type="huerotate", 0, resulting in identity matrix anima
table yes <list-of-numbers> the value is a list of numbers, which is interpreted differently depending on the value of the type attribute: for type="matrix", values is a list of 20 matrix values (a00 a01 a02 a03 a04 a10 a11 ...
vert-adv-y - SVG: Scalable Vector Graphics
value <number> default value 1 em as of units-per-em anima
table no <number> this value indicates the default vertical advance of the glyph in vertical direction glyph, missing-glyph for <glyph> and <missing-glyph> elements, vert-adv-y specifies the vertical advance for a glyph in vertical orientation.
... value <number> default value <font>ʼs vert-adv-y value anima
table no <number> this value indicates the vertical advance of the glyph in vertical direction specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'vert-adv-y for <glyph> and <missing-glyph>' in that specification.
visibility - SVG: Scalable Vector Graphics
200" height="100" stroke="black" stroke-width="5" fill="transparent" /> <g stroke="seagreen" stroke-width="5" fill="skyblue"> <rect x="20" y="20" width="80" height="80" visibility="visible" /> <rect x="120" y="20" width="80" height="80" visibility="hidden"/> </g> </svg> usage notes value visible | hidden | collapse default value visible anima
table yes visible this value indicates that the element will be painted.
...it may receive pointer events depending on the pointer-events attribute, may receive focus depending on the
tabindex attribute, contributes to bounding box calculations and clipping paths, and does affect text layout.
writing-mode - SVG: Scalable Vector Graphics
as a presentation attribute, it can be applied to any element but it has effect only on the following five elements: <altglyph>, <text>, <textpath>, <tref>, and <tspan> usage notes default value horizontal-tb value horizontal-tb | vertical-rl | vertical-lr anima
table yes horizontal-tb this value defines a top-to-bottom block flow direction.
... recommendation initial definition browser compatibility the compatibility
table on this page is generated from structured data.
x1 - SVG: Scalable Vector Graphics
value <length> | <percentage> default value 0 anima
table yes example html,body,svg { height:100% } <svg viewbox="0 0 10 10" xmlns="http://www.w3.org/2000/svg"> <line x1="1" x2="5" y1="1" y2="9" stroke="red" /> <line x1="5" x2="5" y1="1" y2="9" stroke="green" /> <line x1="9" x2="5" y1="1" y2="9" stroke="blue" /> </svg> lineargradient for <lineargradient>, x1 defines the x coordinate of the starting point of the gradient vec...
...the exact behavior of this attribute is influenced by the gradientunits attributs value <length> | <percentage> default value 0% anima
table yes example html,body,svg { height:100% } <svg viewbox="0 0 20 10" xmlns="http://www.w3.org/2000/svg"> <!-- by default the gradient vector start at the left bounding limit of the shape it is applied to --> <lineargradient x1="0%" id="g0"> <stop offset="0" stop-color="black" /> <stop offset="100%" stop-color="red" /> </lineargradient> <rect x="1" y="1" width="8" height="8" fill="url(#g0)" /> <!-- here the gradient vector start at 80% of the left bounding limit of the shape it is applied to --> <lineargradient x1="80%" id="g1"> ...
x2 - SVG: Scalable Vector Graphics
value <length> | <percentage> default value 0 anima
table yes example html,body,svg { height:100% } <svg viewbox="0 0 10 10" xmlns="http://www.w3.org/2000/svg"> <line x1="5" x2="1" y1="1" y2="9" stroke="red" /> <line x1="5" x2="5" y1="1" y2="9" stroke="green" /> <line x1="5" x2="9" y1="1" y2="9" stroke="blue" /> </svg> lineargradient for <lineargradient>, x2 defines the x coordinate of the ending point of the gradient vecto...
...the exact behavior of this attribute is influenced by the gradientunits attributs value <length> | <percentage> default value 100% anima
table yes example html,body,svg { height:100% } <svg viewbox="0 0 20 10" xmlns="http://www.w3.org/2000/svg"> <!-- by default the gradient vector end at the right bounding limit of the shape it is applied to --> <lineargradient x2="100%" id="g0"> <stop offset="0" stop-color="black" /> <stop offset="100%" stop-color="red" /> </lineargradient> <rect x="1" y="1" width="8" height="8" fill="url(#g0)" /> <!-- here the gradient vector start at 20% of the left bounding limit of the shape it is applied to --> <lineargradient x2="20%" id="g1"> ...
xlink:show - SVG: Scalable Vector Graphics
only one element is using this attribute: <a> usage notes value new | replace | embed | other | none default value replace anima
table no new this value specifies that the referenced resource is opened in a new window or
tab.
... replace this value specifies that the referenced resource is opened in the same window or
tab.
xlink:title - SVG: Scalable Vector Graphics
it may be used, for example, to make titles available to applications used by visually impaired users, or to create a
table of links, or to present help text that appears when a user lets a mouse pointer hover over a starting resource.
...hese elements are using this attribute: <a>, <altglyph>, <animate>, <animatecolor>, <animatemotion>, <animatetransform>, <color-profile>, <cursor>, <feimage>, <filter>, <font-face-uri>, <glyphref>, <image>, <lineargradient>, <mpath>, <pattern>, <radialgradient>, <script>, <set>, <textpath>, <tref>, and <use> usage context value <anything> default value none anima
table no <anything> this value specifies the title used to describe the meaning of the link or resource.
y1 - SVG: Scalable Vector Graphics
value <length> | <percentage> default value 0 anima
table yes example html,body,svg { height:100% } <svg viewbox="0 0 10 10" xmlns="http://www.w3.org/2000/svg"> <line x1="1" x2="9" y1="1" y2="5" stroke="red" /> <line x1="1" x2="9" y1="5" y2="5" stroke="green" /> <line x1="1" x2="9" y1="9" y2="5" stroke="blue" /> </svg> lineargradient for <lineargradient>, y1 defines the y coordinate of the starting point of the gradient vect...
...the exact behavior of this attribute is influenced by the gradientunits attributs value <length> | <percentage> default value 0% anima
table yes example html,body,svg { height:100% } <svg viewbox="0 0 20 10" xmlns="http://www.w3.org/2000/svg"> <!-- by default the gradient vector start at the top left corner of the bounding box of the shape it is applied to.
y2 - SVG: Scalable Vector Graphics
value <length> | <percentage> default value 0 anima
table yes example html,body,svg { height:100% } <svg viewbox="0 0 10 10" xmlns="http://www.w3.org/2000/svg"> <line x1="1" x2="9" y1="5" y2="1" stroke="red" /> <line x1="1" x2="9" y1="5" y2="5" stroke="green" /> <line x1="1" x2="9" y1="5" y2="9" stroke="blue" /> </svg> lineargradient for <lineargradient>, y2 defines the y coordinate of the ending point of the gradient vector...
...the exact behavior of this attribute is influenced by the gradientunits attributs value <length> | <percentage> default value 0% anima
table yes example html,body,svg { height:100% } <svg viewbox="0 0 20 10" xmlns="http://www.w3.org/2000/svg"> <!-- by default the gradient vector end at the top right corner of the bounding box of the shape it is applied to.
<g> - SVG: Scalable Vector Graphics
html,body,svg { height:100% } <svg viewbox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <!-- using g to inherit presentation attributes --> <g fill="white" stroke="green" stroke-width="5"> <circle cx="40" cy="40" r="25" /> <circle cx="60" cy="60" r="25" /> </g> </svg> attributes this element only includes global attributes global attributes core attributes most no
tably: id,
tabindex styling attributes class, style conditional processing attributes most no
tably: requiredextensions, systemlanguage event attributes global event attributes, graphical event attributes presentation attributes most no
tably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events,...
..., aria-autocomplete, aria-busy, aria-checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselec
table, aria-orientation, aria-owns, aria-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-required, aria-roledescription, aria-rowcount, aria-rowindex, aria-rowspan, aria-selected, aria-setsize, aria-sort, aria-valuemax, aria-valuemin, aria-valuenow, aria-valuetext, role usage notes categoriescontainer element, structural elementpermitted contentany number of the follow...
Paths - SVG: Scalable Vector Graphics
however, paths are used so often in drawing svg that developers may be more comfor
table using them instead.
...the bézier function then creates a smooth curve that transfers from the slope es
tablished at the beginning of the line, to the slope at the other end.
Transport Layer Security - Web security
the cipher names correspondence
table on the mozilla opsec team's article on tls configurations lists these names as well as information about compatibility and security levels.
... the tls 1.3 handshake is encrypted, except for the messages that are necessary to es
tablish a shared secret.
Using custom elements - Web Components
} } the preceding code snippet contains the constructor() definition for the class, which always starts by calling super() so that the correct prototype chain is es
tablished.
... // create a shadow root this.attachshadow({mode: 'open'}); // sets and returns 'this.shadowroot' // create (nested) span elements const wrapper = document.createelement('span'); wrapper.setattribute('class','wrapper'); const icon = wrapper.appendchild(document.createelement('span')); icon.setattribute('class','icon'); icon.setattribute('
tabindex', 0); // insert icon from defined attribute or default icon const img = icon.appendchild(document.createelement('img')); img.src = this.hasattribute('img') ?
XUL Tutorial - Archive of obsolete content
ome url manifest files simple elements creating a window adding buttons adding labels and images input controls numeric controls list controls progress meters adding html elements using spacers more button features the box model the box model element positioning box model details groupboxes adding more elements more layout elements stacks and decks stack positioning
tabboxes grids content panels splitters toolbars and menus toolbars simple menu bars more menu features popup menus scrolling menus events and scripts adding event handlers more event handlers keyboard shortcuts focus and selection commands updating commands broadcasters and observers document object model document object model modifying a xul interface manipulating list...
XUL Parser in Python/source - Archive of obsolete content
,val in a.items(): el_list[name][strip(attr)] = strip(val) def syntax_error(self, message): pass p = xulparser() cmd = 'dir /s /b *.xul' chrome_dir = 'c:\program files\netscape\netscape 6\chrome' os.chdir(chrome_dir) files = os.popen(cmd).readlines() for file in files: file = file.strip() print '** ' + file + ' **' data = open(file).read() p.feed(data) w.write('<html><h3>periodic
table of xul elements</h3>') w.write('<
table><style>.head {font-weight: bold; background-color: lightgrey;}</style>') elements = el_list.keys() elements.sort() for item in elements: w.write('<tr><td class="head">' + item + '</td></tr>\n') for a in el_list[item]: w.write('<tr><td class="at">' + a + '</td>') w.write('</
table></html>\n') w.close() ...
XUL and RDF - Archive of obsolete content
the second section describes the xul/rdf architecture itself and outlines enhancements to the xul language in order to allow the markup language to reference local data and to indicate how and when it would like to be annota
table with local data.
XML - Archive of obsolete content
as the figure below indicates, xul is an amalgam of these different standards: css for styling or "skinning", dom for the object model and scrip
table access, javascript for the linking and behavior, rdf for resources, xml for the structure, and html for the content and some little extras.
action - Archive of obsolete content
inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-edi
table, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, da
tabase, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, m...
assign - Archive of obsolete content
inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-edi
table, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, da
tabase, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, ...
bbox - Archive of obsolete content
inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-edi
table, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, da
tabase, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, ...
box - Archive of obsolete content
inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-edi
table, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, da
tabase, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, ...
broadcaster - Archive of obsolete content
inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-edi
table, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, da
tabase, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, ...
broadcasterset - Archive of obsolete content
inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-edi
table, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, da
tabase, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, ...
column - Archive of obsolete content
inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-edi
table, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, da
tabase, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, ...
columns - Archive of obsolete content
inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-edi
table, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, da
tabase, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, ...
commandset - Archive of obsolete content
properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, da
tabase, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docomm...
conditions - Archive of obsolete content
inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-edi
table, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, da
tabase, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, ...
dialogheader - Archive of obsolete content
properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, da
tabase, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docomm...
elements - Archive of obsolete content
nupopup menuseparator o observes overlay p page popup popupset preference preferences prefpane prefwindow progressmeter r radio radiogroup resizer richlistbox richlistitem resizer row rows rule s script scrollbar scrollbox scrollcorner separator spacer splitter stack statusbar statusbarpanel stringbundle stringbundleset t
tab tabbrowser
tabbox
tabpanel
tabpanels
tabs template textnode textbox titlebar toolbar toolbarbutton toolbargrippy toolbaritem toolbarpalette toolbarseparator toolbarset toolbarspacer toolbarspring toolbox tooltip tree treecell treechildren treecol treecols treeitem treerow treeseparator triple v vbox w window wizard wizardpage ...
grid - Archive of obsolete content
inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-edi
table, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, da
tabase, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, ...
grippy - Archive of obsolete content
inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-edi
table, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, da
tabase, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, ...
hbox - Archive of obsolete content
inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-edi
table, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, da
tabase, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, ...
image - Archive of obsolete content
inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, da
tabase, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docomm...
key - Archive of obsolete content
properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, da
tabase, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docomm...
label - Archive of obsolete content
for textbox and user edi
table menulist elements, the contents, as visible to the user, are read and set using the textbox.value and menulist.value syntax.
listcol - Archive of obsolete content
inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-edi
table, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, da
tabase, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, ...
listcols - Archive of obsolete content
inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-edi
table, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, da
tabase, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, ...
menubar - Archive of obsolete content
inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, da
tabase, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docomm...
observes - Archive of obsolete content
inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-edi
table, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, da
tabase, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, ...
page - Archive of obsolete content
inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-edi
table, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, da
tabase, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, ...
param - Archive of obsolete content
type type: one of the values below the type of the parameter's value integer 32 bit integer int64 64 bit integer double double-precision floating-point number string string literal, the default value properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, da
tabase, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docomm...
popupset - Archive of obsolete content
inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-edi
table, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, da
tabase, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, ...
preferences - Archive of obsolete content
inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-edi
table, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, da
tabase, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, ...
query - Archive of obsolete content
inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-edi
table, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, da
tabase, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, ...
queryset - Archive of obsolete content
inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-edi
table, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, da
tabase, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, ...
resizer - Archive of obsolete content
inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-edi
table, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, da
tabase, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, ...
row - Archive of obsolete content
inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-edi
table, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, da
tabase, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, ...
rows - Archive of obsolete content
inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-edi
table, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, da
tabase, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, ...
rule - Archive of obsolete content
properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, da
tabase, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docomm...
script - Archive of obsolete content
inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-edi
table, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, da
tabase, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, ...
scrollbar - Archive of obsolete content
properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, da
tabase, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docomm...
scrollbox - Archive of obsolete content
inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-edi
table, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, da
tabase, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, ...
scrollcorner - Archive of obsolete content
inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-edi
table, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, da
tabase, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, ...
separator - Archive of obsolete content
inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-edi
table, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, da
tabase, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, ...
spacer - Archive of obsolete content
inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-edi
table, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, da
tabase, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, ...
spinbuttons - Archive of obsolete content
inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-edi
table, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, da
tabase, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, ...
splitter - Archive of obsolete content
properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, da
tabase, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docomm...
stringbundle - Archive of obsolete content
inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-edi
table, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties applocale obsolete since gecko 1.9.1 type: nsilocale returns the xpcom object which holds information about the user's locale.
stringbundleset - Archive of obsolete content
inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-edi
table, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, da
tabase, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, ...
template - Archive of obsolete content
inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-edi
table, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, da
tabase, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, ...
textnode - Archive of obsolete content
inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-edi
table, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, da
tabase, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, ...
toolbar - Archive of obsolete content
the chromeclass-toolbar class may be used to create a toolbar where its visibility depends on the toolbar flag when opening the window with the window interface's open() method loads the specified resource into the browsing context (window, <iframe> or
tab) with the specified name.
toolbaritem - Archive of obsolete content
inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-edi
table, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, da
tabase, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, ...
toolbarpalette - Archive of obsolete content
inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-edi
table, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, da
tabase, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, ...
toolbarset - Archive of obsolete content
inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-edi
table, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, da
tabase, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, me...
toolbox - Archive of obsolete content
inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-edi
table, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties accessible type: nsiaccessible returns the accessibility object for the element.
treechildren - Archive of obsolete content
inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-edi
table, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, da
tabase, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, ...
treeitem - Archive of obsolete content
properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, da
tabase, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docomm...
treerow - Archive of obsolete content
inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-edi
table, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, da
tabase, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, ...
treeseparator - Archive of obsolete content
inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-edi
table, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, da
tabase, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, ...
triple - Archive of obsolete content
inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-edi
table, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, da
tabase, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, ...
vbox - Archive of obsolete content
inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-edi
table, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, da
tabase, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, ...
where - Archive of obsolete content
inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-edi
table, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, da
tabase, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, ...