Search completed in 1.11 seconds.
<table>: The Table element - HTML: Hypertext Markup Language
the html <
table> element represents tabular data — that is, information presented in a two-dimensional
table comprised of rows and columns of cells containing data.
... permitted parents any element that accepts flow content implicit aria role
table permitted aria roles any dom interface html
tableelement attributes this element includes the global attributes.
... deprecated attributes align this enumerated attribute indicates how the
table must be aligned inside the containing document.
...And 22 more matches
WritableStream.WritableStream() - Web APIs
the wri
tablestream() constructor creates a new wri
tablestream object instance.
... syntax var wri
tablestream = new wri
tablestream(underlyingsink[, queuingstrategy]); parameters underlyingsink an object containing methods and properties that define how the constructed stream instance will behave.
...the controller parameter passed to this method is a wri
tablestreamdefaultcontroller.
...And 12 more matches
WritableStreamDefaultWriter.WritableStreamDefaultWriter() - Web APIs
the wri
tablestreamdefaultwriter() constructor creates a new wri
tablestreamdefaultwriter object instance.
... note: you generally wouldn't use this constructor manually; instead, you'd use the wri
tablestream.getwriter() method.
... syntax var wri
tablestreamdefaultwriter = new wri
tablestreamdefaultwriter(stream); parameters stream the wri
tablestream to be written to.
...And 8 more matches
MathML Demo: <mtable> - tables and matrices
when align="center" or align="baseline", the middle of the
table coincides with the baseline.
...by default -- when the align attribute is not set, or when align="axis", the middle of the
table coincides with the math axis.
...mathml doesn't specify how to only display certain sides of the
table border, as in "|rcl", but these can be obtained in mozilla using the 'border' property of css, e.g., "|rcl" can be achieved with the css declaration "m
table { border-left: solid thin }".
...And 4 more matches
HTML table basics - Learn web development
overview:
tables next this article gets you started with html
tables, covering the very basics such as rows and cells, headings, making cells span multiple columns and rows, and how to group together all the cells in a column for styling purposes.
... objective: to gain basic familiarity with html
tables.
... what is a
table ?
...And 60 more matches
HTML table advanced features and accessibility - Learn web development
previous overview:
tables next in the second article in this module, we look at some more advanced features of html
tables — such as captions/summaries and grouping your rows into
table head, body and footer sections — as well as looking at the accessibility of
tables for visually impaired users.
... objective: to learn about more advanced html
table features, and the accessibility of
tables.
... adding a caption to your
table with <caption> you can give your
table a caption by putting it inside a <caption> element and nesting that inside the <
table> element.
...And 52 more matches
Detailed XPCOM hashtable guide
this is the long version of xpcom hash
table guide.
... what is a hash
table?
... a hash
table is a data construct that stores a set of items.
...And 49 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</span>...
... </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 32 more matches
<tr>: The Table Row element - HTML: Hypertext Markup Language
the html <tr> element defines a row of cells in a
table.
...similarly, you can use the rowspan attribute on cells to indicate they should span more than one
table row.
... this can take a little practice to get right when building your
tables.
...And 30 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 p...
... 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 cap...
...tion (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
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"); // cre...
...ating 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 the or...
...der in which we created the elements and the text node: first we created the <
table> element.
...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
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 in...
... html
tablecellelement.abbr a domstring which can be used on <th> elements (not on <td>), specifying an alternative label for the header cell..
...And 19 more matches
Images, Tables, and Mysterious Gaps - Archive of obsolete content
almost no matter when you started creating web pages, odds are pretty high you have one or more designs based on the classic "convoluted
tables and lots of images" paradigm.
...back in the early days, this approach worked, because browsers would usually make a
table cell exactly as wide and tall as an image it contained.
...thanks to an obscure corner of the css specification, every design based on a precise layout of small images in
table cells have become visual disasters just waiting to happen.
...And 17 more matches
Table Cellmap - Archive of obsolete content
introduction the
table layout use the cellmap for two purposes: quick lookup of
table structural data store of the border collapse data the cellmap code is contained in nscellmap.cpp and nscellmap.h this document does currently describe only the quick lookup part of the game, border collapse is still far away cellmap data - overview the entries in the cellmap contain information about the
table cell frame corresponding to a given row and column number (celldata.h).
...83 union { 84 ns
tablecellframe* morigcell; 85 long mbits; 86 }; the idea behind this construction is a entry in the cellmap can be either the origin of a row- or colspan (a cell cell without a defined row- or colspan attribute assumes 1 as a default value), or a entry which is only covered by a row- or colspan.
... entries which are a origin have a direct corresponding
tablecellframe.
...And 17 more matches
<mtable> - MathML
the mathml <m
table> element allows you to create
tables or matrices.
... inside a <m
table> only <mtr> and <mtd> elements may appear.
... these elements are similar to <
table> , <tr> and <td> elements of html.
...And 17 more matches
WritableStream - Web APIs
the wri
tablestream interface of the the streams api provides a standard abstraction for writing streaming data to a destination, known as a sink.
... constructor wri
tablestream() creates a new wri
tablestream object.
... properties wri
tablestream.locked read only a boolean indicating whether the wri
tablestream is locked to a writer.
...And 16 more matches
WebAssembly.Table - JavaScript
the webassembly.
table() object is a javascript wrapper object — an array-like structure representing a webassembly
table, which stores function references.
... a
table created by javascript or in webassembly code will be accessible and mu
table from both javascript and webassembly.
... note:
tables can currently only store function references, but this will likely be expanded in the future.
...And 16 more matches
HTMLTableRowElement - Web APIs
the html
tablerowelement interface provides special properties and methods (beyond the htmlelement interface it also has available to it by inheritance) for manipulating the layout and presentation of rows in an html
table.
...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
tablerowelement" target="_top"><rect x="301" y="65" width="190" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="396" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">html
tablerowelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inhe...
... html
tablerowelement.align is a domstring containing an enumerated value reflecting the align attribute.
...And 15 more matches
Table Layout Strategy - Archive of obsolete content
specs the
table layout algorithm is based on two w3c recommendations: html 4.01 (chapter 11) and css2.1 (chapter 17).in css2 a distinction between fixed and auto layout of
tables has been introduced.
... the auto-layout mechanism is implemented in basic
tablelayoutstrategy.cpp the fixed-layout in fixed
tablelayoutstrategy.cpp.
... all these files are in the layout/html/
table/src subdirectory.
...And 14 more matches
nsIAccessibleTable
accessible/public/nsiaccessible
table.idlscrip
table please add a summary to this article.
...lean isprobablyforlayout(); boolean isrowselected(in long rowindex); void selectcolumn(in long columnindex); void selectrow(in long rowindex); void unselectcolumn(in long columnindex); void unselectrow(in long rowindex); attributes attribute type description caption nsiaccessible the caption accessible for the
table.
... for example, html:caption element of html:
table element.
...And 13 more matches
Fixing Table Inheritance in Quirks Mode - Archive of obsolete content
summary: when in quirks mode, gecko-based browsers will appear to ignore inheritance of font styles into
tables from parent elements.
...in version 4 browsers such as netscape navigator 4.x and internet explorer 4.x,
tables generally "broke" the inheritance of font styling.
... if the author had set a font size on the body element, for example, the font size of text within a
table would match the user's default, not the body style.
...And 12 more matches
WritableStreamDefaultWriter - Web APIs
the wri
tablestreamdefaultwriter interface of the the streams api is the object returned by wri
tablestream.getwriter() and once created locks the writer to the wri
tablestream ensuring that no other streams can write to the underlying sink.
... constructor wri
tablestreamdefaultwriter() creates a new wri
tablestreamdefaultwriter object instance.
... properties wri
tablestreamdefaultwriter.closedread only allows you to write code that responds to an end to the streaming process.
...And 12 more matches
WebAssembly.Table() constructor - JavaScript
the webassembly.
table() constructor creates a new
table object of the given size and element type.
... syntax new webassembly.
table(
tabledescriptor); parameters
tabledescriptor an object that can contain the following members: element a string representing the type of value to be stored in the
table.
... initial the initial number of elements of the webassembly
table.
...And 12 more matches
Table Layout Regression Tests - Archive of obsolete content
change the source if necessary until the regression tests indicate that your patch does not fork the block and
table layout submit your patch and lists the remaining differences in the bug be prepared to cycle.
...snippet from rtest.lst in the
table/marvin directory: body_col.html body_tbody.html body_tfoot.html body_thead.html col_span.html the regression tests compare the frame tree dumps recorded at two different times.
...op: null right: null bottom: null 1[0x1]enum 0" /> <list data="100 100 " /> <position data="left: auto top: auto right: auto bottom: auto auto 0[0x0]tw null auto 0[0x0]tw null 0 auto " /> <text data="0 0 0 normal normal 0[0x0]tw normal " /> <textreset data="0 10[0xa]enum " /> <display data="0 1 0 0 0 0 0 0 0 0 0 0 " /> <visibility data="0 1 1.000000" /> <
table data="0 0 4 -1 1 " /> <
tableborder data="1 null null 0 2 " /> <content data="0 0 0 null " /> <quotes data="0 " /> <ui data="3 0 0 1 " /> <uireset data="7 0 4" /> <xul data="0 0 0 0 0 1 <svg data="0 1.000000 1.000000 0 1.000000" /> </stylecontext> the baseline log will look like: type manifest file: e:\moz_src\mozilla\obj-i586-pc-msvc\dist\bin\components\xpti.dat...
...And 10 more matches
HTMLTableSectionElement - Web APIs
the html
tablesectionelement interface provides special properties and methods (beyond the htmlelement interface it also has available to it by inheritance) for manipulating the layout and presentation of sections, that is headers, footers and bodies, in an html
table.
...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
tablesectionelement" target="_top"><rect x="261" y="65" width="230" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="376" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">html
tablesectionelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properti...
... html
tablesectionelement.align is a domstring containing an enumerated value reflecting the align attribute.
...And 10 more matches
HTMLTableColElement - Web APIs
the html
tablecolelement interface provides special properties (beyond the htmlelement interface it also has available to it inheritance) for manipulating single or grouped
table column elements.
...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
tablecolelement" target="_top"><rect x="301" y="65" width="190" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="396" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">html
tablecolelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inhe...
... html
tablecolelement.align is a domstring that indicates the horizontal alignment of the cell data in the column.
...And 9 more matches
Making content editable - Developer guides
in html, any element can be edi
table.
...these are object resizing on <img>, <
table>, and absolutely-positioned elements; inline
table editing to add or remove rows and columns; and the grabber that allows moving of absolutely-positioned elements.
... all you have to do is set the contentedi
table attribute on nearly any html element to make it edi
table.
...And 9 more matches
<caption>: The Table Caption element - HTML: Hypertext Markup Language
the html <caption> element specifies the caption (or title) of a
table.
... permitted parents a <
table> element, as its first descendant.
... implicit aria role no corresponding role permitted aria roles no role permitted dom interface html
tablecaptionelement attributes this element includes the global attributes.
...And 9 more matches
Debugging Table Reflow
reflow the most efficient tool to claim that html-
table code is the victim and not the source of layout bugs is a frame reflow debug log.
... debug_
table_strategy editor's note: the following examples are not shown correctly due to the wiki's technical constraint.
... the
table layout strategy can be visualized by defining in the makefiles the constant debug_
table_strategy.if one takes for instance the following
table code: <
table border width="300"> <colgroup> <col> <col width="50%"> <col width="1*"> <col> </colgroup> <tr> <td style="width:80px">cell 1</td> <td>cell 2</td> <td>cell 3</td> <td>cell 4</td> </tr> </
table> rendering: <colgroup><col><col width="50%"><col width="1*"><col></colgroup>cell 1cell 2cell 3cell 4 it will produce the following log at the entrance of assignnonpctcolwidths: assignnonpctcolwidths en max=4500 count=0 ***start
table dump*** mcolwidths=-1 -1 -1 -1 col frame cache -> 0=00b93138 1=00b931f0 2=024dd728 3=024dd780 **start col dump** colindex=0 isanonymous=0 constraint=0 widths=-1 -1 -1 -1 -1 -1 -1 -1...
...And 8 more matches
Exploitable crashes
this article will help you determine if a crash is exploi
table, find crashes which are exploi
table, and to fix exploi
table crashes.
... what is an exploi
table crash?
... a crash report from your debugger, your os, or mozilla crash-stats can tell you a lot about whether or not a crash is potentially exploi
table.
...And 8 more matches
Console.table() - Web APIs
displays tabular data as a
table.
... it logs data as a
table.
... each element in the array (or enumerable property if data is an object) will be a row in the
table.
...And 8 more matches
HTMLTableElement.insertRow() - Web APIs
the html
tableelement.insertrow() method inserts a new row (<tr>) in a given <
table>, and returns a reference to the new row.
... if a
table has multiple <tbody> elements, by default, the new row is inserted into the last <tbody>.
... to insert the row into a specific <tbody>: let specific_tbody = document.getelementbyid(tbody_id); let row = specific_tbody.insertrow(index) note: insertrow() inserts the row directly into the
table.
...And 8 more matches
PL_NewHashTable
create a new hash
table.
... syntax #include <plhash.h> plhash
table *pl_newhash
table( pruint32 numbuckets, plhashfunction keyhash, plhashcomparator keycompare, plhashcomparator valuecompare, const plhashallocops *allocops, void *allocpriv ); parameters the function has the following parameters: numbuckets the number of buckets in the hash
table.
... allocops a pointer to a plhashallocops structure that must exist throughout the lifetime of the new hash
table.
...And 7 more matches
Mutable - MDN Web Docs Glossary: Definitions of Web-related terms
mu
table is a type of variable that can be changed.
... in javascript, only objects and arrays are mu
table, not primitive values.
...hence the need for garbage collection.) a mu
table object is an object whose state can be modified after it is created.
...And 6 more matches
WritableStream.getWriter() - Web APIs
the getwriter() method of the wri
tablestream interface returns a new instance of wri
tablestreamdefaultwriter and locks the stream to that instance.
... syntax var writer = wri
tablestream.getwriter(); parameters none.
... return value a wri
tablestreamdefaultwriter object instance.
...And 6 more matches
table-layout - CSS: Cascading Style Sheets
the
table-layout css property sets the algorithm used to lay out <
table> cells, rows, and columns.
... syntax /* keyword values */
table-layout: auto;
table-layout: fixed; /* global values */
table-layout: inherit;
table-layout: initial;
table-layout: unset; values auto by default, most browsers use an automatic
table layout algorithm.
... the widths of the
table and its cells are adjusted to fit the content.
...And 6 more matches
contenteditable - HTML: Hypertext Markup Language
the contentedi
table global attribute is an enumerated attribute indicating if the element should be edi
table by the user.
... the attribute must take one of the following values: true or an empty string, which indicates that the element is edi
table.
... false, which indicates that the element is not edi
table.
...And 6 more matches
IDBMutableFile - Web APIs
summary the idbmu
tablefile interface provides access in read or write mode to a file, dealing with all the necessary locks.
... note: this interface used to be called filehandle , but it was changed to this (bug 1006485.) as idbmu
tablefile objects are bound to a fake file system built on top of indexeddb, such an object is created using the idbdatabase.createmu
tablefile method.
... properties mu
tablefile.name read only the name of the handled file.
...And 5 more matches
WritableStreamDefaultWriter.close() - Web APIs
the close() method of the wri
tablestreamdefaultwriter interface closes the associated wri
table stream.
... syntax var promise = wri
tablestreamdefaultwriter.close(); parameters none.
... exceptions typeerror the stream you are trying to close is not a wri
tablestream.
...And 5 more matches
WritableStreamDefaultWriter.write() - Web APIs
the write() property of the wri
tablestreamdefaultwriter interface writes a passed chunk of data to a wri
tablestream and its underlying sink, then returns a promise that resolves to indicate the success or failure of the write operation.
... syntax var promise = wri
tablestreamdefaultwriter.write(chunk); parameters chunk a block of binary data to pass to the wri
tablestream.
... exceptions typeerror the target stream is not a wri
table stream, or it does not have an owner.
...And 5 more matches
WebAssembly.Table.prototype.set() - JavaScript
the set() prototype method of the webassembly.
table object mutates a reference stored at a given index to a different value.
... syntax
table.set(index, value); parameters index the index of the function reference you want to mutate.
... exceptions if index is greater than or equal to
table.prototype.length, a rangeerror is thrown.
...And 5 more matches
JS::MutableHandle
syntax bool somefunction(jscontext *cx, js::mu
tablehandle<t> outparam) { ...
... } methods here, ptr represents the private member of js::mu
tablehandle<t>, typed with t *.
... description js::mu
tablehandle<t> is a non-const reference to js::rooted<t>.
...And 4 more matches
nsIScriptableIO
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.
... nsiscrip
tableio provides a convenient api for creating files and streams, as well as for reading and writing data to them.
...And 4 more matches
nsIScriptableInputStream
xpcom/io/nsiscrip
tableinputstream.idlscrip
table this interface provides scrip
table access to a nsiinputstream instance.
...init() wrap the given nsiinputstream with this nsiscrip
tableinputstream.
... note: the init method may be called more than once, allowing a nsiscrip
tableinputstream instance to be reused.
...And 4 more matches
HTMLTableCaptionElement - Web APIs
the html
tablecaptionelement interface special properties (beyond the regular htmlelement interface it also has available to it by inheritance) for manipulating
table caption elements.
...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
tablecaptionelement" target="_top"><rect x="261" y="65" width="230" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="376" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">html
tablecaptionelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properti...
... html
tablecaptionelement.align is a domstring which represents an enumerated attribute indicating alignment of the caption with respect to the
table.
...And 4 more matches
HTMLTableElement.tHead - Web APIs
the html
tableelement.thead represents the <thead> element of a <
table> .
... syntax thead_element =
table.thead;
table.thead = thead_element; parameters thead_element is a html
tablesectionelement.
... example if (
table.thead == my_head_el) { // ...
...And 4 more matches
HTMLTableRowElement.insertCell() - Web APIs
the html
tablerowelement.insertcell() method inserts a new cell (<td>) into a
table row (<tr>) and returns a reference to the cell.
... syntax var newcell = html
tablerowelement.insertcell(index); html
tablerowelement is a reference to an html <tr> element.
... return value newcell is an html
tablecellelement that references the new cell.
...And 4 more matches
WebAssembly.Table.prototype.get() - JavaScript
the get() prototype method of the webassembly.
table() object retrieves a function reference stored at a given index.
... syntax
table.get(index); parameters index the index of the function reference you want to retrieve.
... exceptions if index is greater than or equal to
table.prototype.length, a rangeerror is thrown.
...And 4 more matches
Test your skills: tables - Learn web development
the aim of this task is to help you check your understanding of the skills you studied in the lesson on styling
tables.
... task in the lesson we styled up a
table in a rather garish manner.
... in this task we are going to style the same
table, but using some good practices for
table design as outlined in the external article web typography: designing
tables to be read not looked at.
...And 3 more matches
PL_HashTableAdd
add a new entry with the specified key and value to the hash
table.
... syntax #include <plhash.h> plhashentry *pl_hash
tableadd( plhash
table *ht, const void *key, void *value); parameters the function has the following parameters: ht a pointer to the the hash
table to which to add the entry.
... description add a new entry with the specified key and value to the hash
table.
...And 3 more matches
HTMLTableElement.caption - Web APIs
the html
tableelement.caption property represents the
table caption.
... if no caption element is associated with the
table, this property is null.
... syntax var string =
tableelement.caption; example if (
table.caption) { // do something with the caption } specifications specification status comment html living standardthe definition of 'html
tableelement.caption' in that specification.
...And 3 more matches
HTMLTableElement.deleteRow() - Web APIs
the html
tableelement.deleterow() method removes a specific row (<tr>) from a given <
table>.
... syntax html
tableelement.deleterow(index) parameters index index is an integer representing the row that should be deleted.
... however, the special index -1 can be used to remove the very last row of a
table.
...And 3 more matches
HTMLTableElement.tFoot - Web APIs
the html
tableelement.tfoot property represents the <tfoot> element of a <
table>.
... syntax html
tablesectionelementobject =
table.tfoot
table.tfoot = html
tablesectionelementobject example if (
table.tfoot == my_foot) { // ...
... } specifications specification status comment html living standardthe definition of 'html
tableelement.tfoot' in that specification.
...And 3 more matches
WritableStreamDefaultController - Web APIs
the wri
tablestreamdefaultcontroller interface of the the streams api represents a controller allowing control of a wri
tablestream's state.
... when constructing a wri
tablestream, the underlying sink is given a corresponding wri
tablestreamdefaultcontroller instance to manipulate.
...wri
tablestreamdefaultcontroller instances are created automatically during wri
tablestream construction.
...And 3 more matches
WritableStreamDefaultWriter.abort() - Web APIs
the abort() method of the wri
tablestreamdefaultwriter interface aborts the stream, signaling that the producer can no longer successfully write to the stream and it is to be immediately moved to an error state, with any queued writes discarded.
... if the writer is active, the abort() method behaves the same as that for the associated stream (wri
tablestream.abort()).
... syntax var promise = wri
tablestreamdefaultwriter.abort(reason); parameters reason optional a domstring representing a human-readable reason for the abort.
...And 3 more matches
WritableStreamDefaultWriter.ready - Web APIs
the ready read-only property of the wri
tablestreamdefaultwriter interface returns a promise that resolves when the desired size of the stream's internal queue transitions from non-positive to positive, signaling that it is no longer applying backpressure.
... syntax var promise = wri
tablestreamdefaultwriter.ready; value a promise.
...the first uses ready to ensure that the wri
tablestream is done writing and thus able to receive data before sending a binary chunk.
...And 3 more matches
WebAssembly.Table.prototype.grow() - JavaScript
the grow() prototype method of the webassembly.
table object increases the size of the
table instance by a specified number of elements.
... syntax
table.grow(number); parameters number the number of elements you want to grow the
table by.
... return value the previous length of the
table.
...And 3 more matches
Table Cellmap - Border Collapse - Archive of obsolete content
introduction this document describes the additional information that is stored for border collapse
tables in the cellmap.
... information storage each cellmap entry stores for
tables in the border collapse mode additional information about its top and left edge and its top left corner.
... as one can see from the following illustration this is enough to cover a whole
table.
...And 2 more matches
HTML Tables - Learn web development
coupled with a little css for styling, html makes it easy to display
tables of information on the web such as your school lesson plan, the time
table at your local swimming pool, or statistics about your favorite dinosaurs or football team.
... 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 or glitch.
... guides this module contains the following articles: html
table basics this article gets you started with html
tables, covering the very basics such as rows and cells, headings, making cells span multiple columns and rows, and how to group together all the cells in a column for styling purposes.
...And 2 more matches
Hash Tables
this chapter describes the hash
table functions in the plds (por
table library — data structures) library of nspr.
... the hash
table library functions are declared in the header file plhash.h.
... warning: the nspr hash
table library functions are not thread safe.
...And 2 more matches
PL_HashTableRemove
removes the entry with the specified key from the hash
table.
... syntax #include <plhash.h> prbool pl_hash
tableremove( plhash
table *ht, const void *key); parameters the function has the following parameters: ht a pointer to the hash
table from which to remove the entry.
... description if there is no entry in the
table with the specified key, pl_hash
tableremove returns pr_false.
...And 2 more matches
IAccessibleTableCell
other-licenses/ia2/accessible
tablecell.idlnot scrip
table this interface gives access to the cells of a two-dimensional
table.
...ropget] hresult rowcolumnextents([out] long row, [out] long column, [out] long rowextents, [out] long columnextents, [out] boolean isselected ); [propget] hresult rowextent([out] long nrowsspanned ); [propget] hresult rowheadercells([out, size_is(, nrowheadercells,)] iunknown cellaccessibles, [out] long nrowheadercells ); [propget] hresult rowindex([out] long rowindex ); [propget] hresult
table([out] iunknown
table ); methods columnextent() returns the number of columns occupied by this cell accessible.
...
table() returns a reference to the accessbile of the containing
table.
...And 2 more matches
HTMLElement.contentEditable - Web APIs
the contentedi
table property of the htmlelement interface specifies whether or not the element is edi
table.
... this enumerated attribute can have the following values: 'true' indicates that the element is contentedi
table.
... 'inherit' indicates that the element inherits its parent's edi
table status.
...And 2 more matches
HTMLElement.isContentEditable - Web APIs
the htmlelement.iscontentedi
table read-only property returns a boolean that is true if the contents of the element are edi
table; otherwise it returns false.
... syntax edi
table = element.iscontentedi
table example html <p id="mytext1">unedi
table paragraph</p> <p id="mytext2" contentedi
table="true">edi
table paragraph</p> <p id="infotext1">can edit the first paragraph?
...</p> javascript document.getelementbyid('infotext1').innerhtml += document.getelementbyid('mytext1').iscontentedi
table; document.getelementbyid('infotext2').innerhtml += document.getelementbyid('mytext2').iscontentedi
table; result specifications specification status comment html living standardthe definition of 'htmlelement.contentedi
table' in that specification.
...And 2 more matches
HTMLTableElement.createCaption() - Web APIs
the html
tableelement.createcaption() method returns the <caption> element associated with a given <
table>.
... if no <caption> element exists on the
table, this method creates it, and then returns it.
... note: if no caption exists, createcaption() inserts a new caption directly into the
table.
...And 2 more matches
HTMLTableElement.rows - Web APIs
the read-only html
tableelement property rows returns a live htmlcollection of all the rows in the
table, including the rows contained within any <thead>, <tfoot>, and <tbody> elements.
... syntax htmlcollectionobject =
table.rows; value an htmlcollection providing a live-updating list of the html
tablerowelement objects representing all of the <tr> elements contained in the
table.
... this provides quick access to all of the
table rows, without having to manually search for them.
...And 2 more matches
HTMLTableRowElement.rowIndex - Web APIs
the html
tablerowelement.rowindex read-only property represents the position of a row in relation to the whole <
table>.
... even when the <thead>, <tbody>, and <tfoot> elements are out of order in the html, browsers render the
table in the right order.
... syntax var index = html
tablerowelement.rowindex value returns the index of the row, or -1 if the row is not part of a
table.
...And 2 more matches
Slottable - Web APIs
the slot
table mixin defines features that allow nodes to become the contents of a <slot> element — the following features are included in both element and text.
... properties slot
table.assignedslot read only returns the <slot> the node is inserted in.
... specifications specification status comment domthe definition of 'slot
table' in that specification.
...And 2 more matches
WritableStream.abort() - Web APIs
the abort() method of the wri
tablestream interface aborts the stream, signaling that the producer can no longer successfully write to the stream and it is to be immediately moved to an error state, with any queued writes discarded.
... syntax var promise = wri
tablestream.abort(reason); parameters reason a domstring providing a human-readable reason for the abort.
... exceptions typeerror the stream you are trying to abort is not a wri
tablestream, or it is locked.
...And 2 more matches
<td>: The Table Data Cell element - HTML: Hypertext Markup Language
the html <td> element defines a cell of a
table that contains data.
... it participates in the
table model.
... implicit aria role cell if a descendant of a <
table> element permitted aria roles any dom interface html
tabledatacellelement attributes this element includes the global attributes.
...And 2 more matches
<thead>: The Table Head element - HTML: Hypertext Markup Language
the html <thead> element defines a set of rows defining the head of the columns of the
table.
... permitted parents a <
table> element.
... implicit aria role rowgroup permitted aria roles any dom interface html
tablesectionelement attributes this element includes the global attributes.
...And 2 more matches
WebAssembly.Table.prototype.length - JavaScript
the length prototype property of the webassembly.
table object returns the length of the
table, i.e.
... the number of elements in the
table.
... syntax
table.length; examples using length the following example creates a new webassembly
table instance with an initial size of 2 and a maximum size of 10.
...And 2 more matches
tableValues - SVG: Scalable Vector Graphics
the
tablevalues attribute defines a list of numbers defining a lookup
table of values for a for a color component transfer function.
... <lineargradient id="gradient" gradientunits="userspaceonuse" x1="0" y1="0" x2="200" y2="0"> <stop offset="0" stop-color="#ff0000" /> <stop offset="0.5" stop-color="#00ff00" /> <stop offset="1" stop-color="#0000ff" /> </lineargradient> </defs> <filter id="componenttransfer1" x="0" y="0" width="100%" height="100%"> <fecomponenttransfer> <fefuncr type="
table"
tablevalues="0 1"/> <fefuncg type="
table"
tablevalues="0 1"/> <fefuncb type="
table"
tablevalues="0 1"/> </fecomponenttransfer> </filter> <filter id="componenttransfer2" x="0" y="0" width="100%" height="100%"> <fecomponenttransfer> <fefuncr type="
table"
tablevalues="1 0"/> <fefuncg type="
table"
tablevalues="1 0"/> <fefuncb type="
table"
tablevalues="1 0"/>...
...x="0" y="0" width="200" height="200" fill="url(#gradient)" style="filter: url(#componenttransfer1);" /> <rect x="0" y="0" width="200" height="200" fill="url(#gradient)" style="filter: url(#componenttransfer2); transform: translatex(220px);" /> </svg> usage notes value <list-of-numbers> default value empty list resulting in identity transfer anima
table yes <list-of-numbers> this value holds a comma- and/or space-separated list of <number>s, which define a lookup
table for the color component transfer function.
...And 2 more matches
treecol.editable - Archive of obsolete content
« xul reference home edi
table type: boolean allows the contents of cells in the column to be changed, especially useful when 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 must also be marked as edi
table in order for this to work.
... individual treecell elements in the column may be marked edi
table="false" in order to disable editing.
About Scriptable Interfaces - Interfaces
most of the information of this document is based on http://www.mozilla.org/scrip
table/ and creating xpcom components scrip
table interfaces interfaces allow xpcom components to expose their functionality to the outside world while hiding the inner details of the component implementation.
... when we label an interface as scrip
table, we're saying that components exporting this interface can be referenced (through this interface) from scripts (e.g javascript), and that we can write new components implementing the interface using script languages.
... xpconnect xpconnect is a technology that allows scrip
table interfaces to be used/implemented from/in javascript scripts.
... python there's an extension extensions/python that bridges the gap between xpcom and python, allowing scrip
table interfaces to be used/implemented from/in python scripts.
CSS property compatibility table for form controls - Learn web development
the following compatibility
tables try to summarize the state of css support for html forms.
... due to the complexity of css and html forms, these
tables can't be considered a perfect reference.
... how to read the
tables values for each property, there are four possible values: yes there's reasonably consistent support for the property across browsers.
... rendering for each property there are two possible renderings: n (normal) indicates that the property is applied as it is t (tweaked) indicates that the property is applied with the extra rule below: * { /* turn off the native look and feel */ -webkit-appearance: none; appearance: none; /* for internet explorer */ background: none; } compatibility
tables global behaviors some behaviors are common to many browsers at a global level: border, background, border-radius, height using one of these properties can partially or fully turn off the native look & feel of widgets on some browsers.
PLHashTable
syntax #include <plhash.h> typedef struct plhash
table plhash
table; description the opaque plhash
table structure represents a hash
table.
... entries in the
table have the type plhashentry and are organized into buckets.
... the number of buckets in a hash
table may be changed by the library functions during the lifetime of the
table to optimize speed and space.
... a new hash
table is created by the pl_newhash
table function, and destroyed by the pl_hash
tabledestroy function.
PL_HashTableDestroy
frees the
table and all the entries.
... syntax #include <plhash.h> void pl_hash
tabledestroy(plhash
table *ht); parameter the function has the following parameter: ht a pointer to the hash
table to be destroyed.
... description pl_hash
tabledestroy frees all the entries in the
table and the
table itself.
... the entries are freed by the freeentry function (with the ht_free_entry flag) in the allocops structure supplied when the
table was created.
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.
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.
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(); ...
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 } ...
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.
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.
nsIAccessibleSelectable
accessible/public/nsiaccessibleselec
table.idlscrip
table an interface for the accessibility module and in-process accessibility clients for dealing with getting and changing the selection of accessible nodes.
... exceptions thrown ns_error_failure if the specified object is not selec
table.
... exceptions thrown ns_error_failure if the specified object is not selec
table.
nsIScriptableUnicodeConverter
intl/uconv/idl/nsiscrip
tableuconv.idlscrip
table this interface is a unicode encoder for use by scripts.
... inherits from: nsisupports last changed in gecko 1.8 (firefox 1.5 / thunderbird 1.5 / seamonkey 1.0) implemented by: @mozilla.org/intl/scrip
tableunicodeconverter.
... to create an instance, use: var converter = components.classes["@mozilla.org/intl/scrip
tableunicodeconverter"] .createinstance(components.interfaces.nsiscrip
tableunicodeconverter); method overview acstring convertfromunicode(in astring asrc); acstring finish(); astring converttounicode(in acstring asrc); astring convertfrombytearray([const,array,size_is(acount)] in octet adata, in unsigned long acount); void converttobytearray(in astring astring,[optional] out unsigned long alen,[array, size_is(alen),retval] out octet adata); nsiinputstream converttoinputstream(in astring astring); attributes attribute type description charset string current character set.
nsIXPCScriptable
js/src/xpconnect/idl/nsixpcscrip
table.idlnot scrip
table please add a summary to this article.
...extptr cx, in jsobjectptr obj, in jsval val); jsobjectptr outerobject(in nsixpconnectwrappednative wrapper, in jscontextptr cx, in jsobjectptr obj); jsobjectptr innerobject(in nsixpconnectwrappednative wrapper, in jscontextptr cx, in jsobjectptr obj); void postcreateprototype(in jscontextptr cx, in jsobjectptr proto); attributes attribute type description classname string scrip
tableflags pruint32 the bitwise or'd set of flags (define below) that indicate the behavior of this object.
... want_convert 1 << 10 want_finalize 1 << 11 want_checkaccess 1 << 12 want_call 1 << 13 want_construct 1 << 14 want_hasinstance 1 << 15 want_trace 1 << 16 use_jsstub_for_addproperty 1 << 17 use_jsstub_for_delproperty 1 << 18 use_jsstub_for_setproperty 1 << 19 dont_enum_static_props 1 << 20 dont_enum_query_interface 1 << 21 dont_ask_instance_for_scrip
table 1 << 22 classinfo_interfaces_only 1 << 23 allow_prop_mods_during_resolve 1 << 24 allow_prop_mods_to_prototype 1 << 25 dont_share_prototype 1 << 26 dont_reflect_interface_names 1 << 27 want_equality 1 << 28 want_outer_object 1 << 29 want_inner_object 1 << 30 reserved 1 << 31 the high order bit is reserved for consumers of these flags.
BluetoothCharacteristicProperties.writableAuxiliaries - Web APIs
the wri
tableauxiliaries read-only property of the bluetoothcharacteristicproperties interface returns a boolean that is true if reliable writes to the characteristic descriptor is permitted.
... syntax var aboolean = bluetoothcharacteristicproperties.wri
tableauxiliaries; value a boolean.
... specifications specification status comment web bluetooththe definition of 'wri
tableauxiliaries' in that specification.
HTMLTableElement.bgColor - Web APIs
the html
tableelement.bgcolor property represents the background color of the
table.
... syntax color =
table.bgcolor
table.bgcolor = color parameters color is a string representing a color value.
... example // set
table background colour to lightblue var t = document.getelementbyid('
tablea'); t.bgcolor = 'lightblue'; specification dom level 2 html:html
tableelement .bgcolor ...
HTMLTableElement.border - Web APIs
the html
tableelement.border property represents the border width of the <
table> element.
... syntax html
tableelement.border = border; var border = html
tableelement.border; border is a string representing the width of the border in pixels.
... example // set the width of a
table border to 2 pixels var t = document.getelementbyid('
tablea'); t.border = '2'; specification w3c dom 2 html specification html
tableelement .border.
HTMLTableElement.cellPadding - Web APIs
the html
tableelement.cellpadding property represents the padding around the individual cells of the
table.
... syntax html
tableelement.cellpadding = padding; var padding = html
tableelement.cellpadding; padding is either a number of pixels (e.g.
... example // set cell padding to 10 pixels let t = document.getelementbyid('
tablea'); t.cellpadding = '10'; specification w3c dom 2 html specification html
tableelement .cellpadding.
HTMLTableElement.deleteTFoot() - Web APIs
the html
tableelement.deletetfoot() method removes the <tfoot> element from a given <
table>.
... syntax html
tableelement.deletetfoot(); example this example uses javascript to delete a
table's footer.
... html <
table> <thead><th>name</th><th>score</th></thead> <tr><td>bob</td><td>541</td></tr> <tr><td>jim</td><td>225</td></tr> <tfoot><th>average</th><td>383</td></tfoot> </
table> javascript let
table = document.queryselector('
table');
table.deletetfoot(); result specifications specification status comment html living standardthe definition of 'html
tableelement: deletetfoot' in that specification.
HTMLTableElement.deleteTHead() - Web APIs
the html
tableelement.deletethead() removes the <thead> element from a given <
table>.
... syntax html
tableelement.deletethead(); example this example uses javascript to delete a
table's header.
... html <
table> <thead><th>name</th><th>occupation</th></thead> <tr><td>bob</td><td>plumber</td></tr> <tr><td>jim</td><td>roofer</td></tr> </
table> javascript let
table = document.queryselector('
table');
table.deletethead(); result specifications specification status comment html living standardthe definition of 'html
tableelement: deletethead' in that specification.
HTMLTableElement.frame - Web APIs
the html
tableelement interface's frame property is a string that indicates which of the
table's exterior borders should be drawn.
... syntax html
tableelement.frame = framesides; var framesides = html
tableelement.frame; parameters framesides is a string whose value is one of the following values: void no sides.
... "above" top side "below" bottom side "hsides" top and bottom only "vsides" right and left sides only "lhs" left-hand side only "rhs" right-hand side only "box" all four sides "border" all four sides example // set the frame of
tablea to 'border' var t = document.getelementbyid('
tablea'); t.frame = "border"; t.border = "2px"; specification w3c dom 2 html specification ...
HTMLTableElement.width - Web APIs
the html
tableelement.width property represents the desired width of the
table.
... syntax html
tableelement.width = width; var width = html
tableelement.width; where width is a string representing the width in number of pixels or as a percentage value.
... example my
table.width = "75%"; ...
Slottable: assignedSlot - Web APIs
the assignedslot read-only property of the slot
table interface returns an htmlslotelement representing the <slot> element the node is inserted in.
... when <my-paragraph> is used in the document, the slot is populated by a slot
table element by including it inside the element with a slot attribute with the value my-text.
... browser compatibility the compatibility
table on this page is generated from structured data.
editable - Archive of obsolete content
« xul reference edi
table type: boolean returns true if the element is edi
table.
... autocomplete fields are edi
table so this property always returns true for those.
Immutable - MDN Web Docs Glossary: Definitions of Web-related terms
an immu
table object is one whose content cannot be changed.
... an object can be immu
table for various reasons, for example: to improve performance (no planning for the object's future changes) to reduce memory use (make object references instead of cloning the whole object) thread-safety (multiple threads can reference the same object without interfering with one other) learn more general knowledge immu
table on wikipedia ...
PL_HashTableEnumerateEntries
enumerates all the entries in the hash
table, invoking a specified function on each entry.
... syntax #include <plhash.h> printn pl_hash
tableenumerateentries( plhash
table *ht, plhashenumerator f, void *arg); parameters the function has the following parameters: ht a pointer to the hash
table whose entries are to be enumerated.
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" c...
... <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-collapse:...
... 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 less...
...And 31 more matches
Mozilla DOM Hacking Guide
i'm talking about the "scrip
table flags".
... the nsixpcscrip
table interface, implemented by the nsdomclassinfo class (see section) defines several flags, one of which is the want_getproperty flag.
...the fourth and last argument, _flags, is a bitvector of nsixpcscrip
table flags.
...And 29 more matches
dominant-baseline - SVG: Scalable Vector Graphics
it is used to determine or re-determine a scaled-baseline-
table.
... a scaled-baseline-
table is a compound value with three components: a baseline-identifier for the dominant-baseline, a baseline-
table, and a baseline-
table font-size.
...others only re-establish the baseline-
table font-size.
...And 29 more matches
MathML Torture Test
</option> <option value="minion">minion</option> <option value="stixtwo">stix two</option> <option value="texgyrebonum">tex gyre bonum</option> <option value="texgyrepagella">tex gyre pagella</option> <option value="texgyreschola">tex gyre schola</option> <option value="texgyretermes">tex gyre termes</option> <option value="xits">xits</option> </select> <br/> </p> <
table> <tr> <td></td> <th scope="col">as rendered by tex</th> <th scope="col">as rendered by your browser</th></tr> <tr> <td>1</td> <td><img src="https://udn.realityripple.com/samples/45/d5a0dbbca3.png" width="38" height="22" alt="texbook, 16.2-16.3" /></td> <td> <math display="block"> <mrow> <msup> <mi>x</mi> <mn>...
...r> <tr> <td>18</td> <td><img src="https://udn.realityripple.com/samples/83/2259f5bfe3.png" width="250" height="66" alt="texbook, 18.23" /></td> <td> <math display="block"> <mrow> <mi>f</mi> <mo stretchy="false">(</mo> <mi>x</mi> <mo stretchy="false">)</mo> <mo>=</mo> <mrow> <mo>{</mo> <m
table> <mtr> <mtd columnalign="center"> <mrow> <mn>1</mn> <mo>/</mo> <mn>3</mn> </mrow> </mtd> <mtd columnalign="left"> <mrow> <mtext>if </mtext> <mn>0</mn> <mo>&le...
...eq;</mo> <mn>4</mn> <mo>;</mo> </mrow> </mtd> </mtr> <mtr> <mtd columnalign="center"> <mn>0</mn> </mtd> <mtd columnalign="left"> <mtext>elsewhere.</mtext> </mtd> </mtr> </m
table> </mrow> </mrow> </math> </td></tr> <tr> <td>19</td> <td><img src="https://udn.realityripple.com/samples/bf/4ccasc768c.png" width="101" height="44" alt="texbook, 18.23-18.24" /></td> <td> <math display="block"> <mover> <mrow> <mi>x</mi> <mo>+</mo> <mo>...</mo> <mo>+</mo> <mi...
...And 27 more matches
ARIA: row role - Accessibility
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 mo...
...that row should be nested within a grid,
table or treegrid.
...And 25 more matches
Accessibility API cross-reference
these
tables describe how various accessibility apis define possible roles of an object, and states.
...this
table is the start of a cross-reference, so we can spot the differences and similarities in the apis.
... fill out tagged pdf column (relevant documents from pdf association) add missing aria properties fill out events cross reference
table use this info to expand mozilla's accessibility api coverage to include mac, so that we can start to freeze them talk about the fact that msaa uses one interface (iaccessible), wherease gnome accessibility uses a lot of different interfaces depending on the type of object go through the atk info and make sure it's up-to-date accessible roles description & notes msaa role (role_s...
...And 24 more matches
Mork
at its core, it can be viewed as a set of rows, collections of name-value pairs, which can be organized into various
tables.
... rows need not be in a
table, nor need they be in only one
table.
...the grammar for mork is as follows: file = header ( dictionary |
table | group | row )* header = '// <!-- <mdb:mork:z v="1.4"/> -->' dictionary = '<' ( metadictionary | alias )* '>'
table = '{' '-'?
...And 24 more matches
Index - Archive of obsolete content
4 accessibility/xul accessibility reference accessibility, xul this
table is designed to show how to expose text properly for various xul element types.
... 107 edi
table xul attributes, xul reference no summary!
... 291 preference-edi
table xul attributes, xul reference no summary!
...And 23 more matches
Using the WebAssembly JavaScript API - WebAssembly
note: since an arraybuffer’s bytelength is immu
table, after a successful memory.prototype.grow() operation the buffer getter will return a new arraybuffer object (with the new bytelength) and any previous arraybuffer objects become “detached”, or disconnected from the underlying memory they previously pointed to.
...
tables a webassembly
table is a resizable typed array of references that can be accessed by both javascript and webassembly code.
...
tables have an element type, which limits the types of reference that can be stored in the
table.
...And 23 more matches
height - SVG: Scalable Vector Graphics
value <length> | <percentage> default value 100% anima
table yes fecolormatrix for <fecolormatrix>, height defines the vertical length for the rendering area of the primitive.
... value <length> | <percentage> default value 100% anima
table yes fecomponenttransfer for <fecomponenttransfer>, height defines the vertical length for the rendering area of the primitive.
... value <length> | <percentage> default value 100% anima
table yes fecomposite for <fecomposite>, height defines the vertical length for the rendering area of the primitive.
...And 22 more matches
width - SVG: Scalable Vector Graphics
value <length> | <percentage> default value 100% anima
table yes fecolormatrix for <fecolormatrix>, width defines the horizontal length for the rendering area of the primitive.
... value <length> | <percentage> default value 100% anima
table yes fecomponenttransfer for <fecomponenttransfer>, width defines the horizontal length for the rendering area of the primitive.
... value <length> | <percentage> default value 100% anima
table yes fecomposite for <fecomposite>, width defines the horizontal length for the rendering area of the primitive.
...And 22 more matches
SVG documentation index - SVG: Scalable Vector Graphics
3 compatibility sources svg the following sources are used for the compatibility
tables on svg elements and attributes: 4 content type needstechnicalreview, svg, types, data types svg makes use of a number of data types.
... 20 accumulate needscompat
table, needsexample, svg, svg attribute this attribute controls whether or not the animation is cumulative.
... 21 additive needscompat
table, needsexample, svg, svg attribute no summary!
...And 22 more matches
Index - MDN Web Docs Glossary: Definitions of Web-related terms
65 canvas codingscripting, glossary, graphics, html, javascript the canvas element is part of html5 and allows for dynamic, scrip
table rendering of 2d and 3d shapes and bitmap images.
...ideally, a digest is quick to calculate, irreversible, and unpredic
table, and therefore indicates whether someone has tampered with a given message.
...this is an important way to ensure that software is s
table, reliable, and secure, and we use fuzzing a lot at mozilla.
...And 20 more matches
HTML documentation index - HTML: Hypertext Markup Language
the attribute value must consist of a single prin
table character (which includes accented and other characters that can be generated by the keyboard).
... 11 contentedi
table editing, global attributes, html, reference, text editing, contentedi
table, text entry, text input the contentedi
table global attribute is an enumerated attribute indicating if the element should be edi
table by the user.
... 19 inputmode attribute, editing, forms, global attributes, html, input, reference, text, web, contentedi
table, global, inputmode, text input the inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents.
...And 20 more matches
display - CSS: Cascading Style Sheets
see the
table at the end of this document for all of the individual specifications.
...
table these elements behave like html <
table> elements.
... internal <display-internal> some layout models such as
table and ruby have a complex internal structure, with several different roles that their children and descendants can fill.
...And 19 more matches
Handling common accessibility problems - Learn web development
the three most common examples are links, form labels, and data
tables.
... finally, a quick word about data
tables.
... a basic data
table can be written with very simple markup (see bad-
table.html live, and source), but this has problems — there is no way for a screen reader user to associate rows or columns together as groupings of data — to do this you need to know what the header rows are, and if they are heading up rows, columns, etc.
...And 18 more matches
ARIA: rowgroup role - Accessibility
a rowgroup contains one or more rows of cells, grid cells, column headers, or row headers within a grid,
table or treegrid.
... <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 rowgroup establishes a relationship between owned row elements and is a structural equivalent to the thead, tfoot and tbody elements ...
...their elements must be contained in, or owned by, elements with either the
table or grid role.
...And 18 more matches
Obsolete: XPCOM-based scripting for NPAPI plugins - Archive of obsolete content
it does not cover netscape 6 and 6.01 introduction plugins that used to take advantage of being scrip
table via liveconnect in 4.x netscape browsers lost this possibility in the new world.
...the new mozilla xpcom architecture allows xpcom components be scrip
table via a different mechanism called xpconnect.
...the changes allow to make existing 4.x plugins scrip
table with only minor modifications in their code.
...And 17 more matches
MathML Accessibility in Mozilla
this
table below provides a list of mathml constructions and how they are read in mozilla applications for various platforms: windows: mathml support is provided by nvda, which actually delegates math reading to the proprietary mathplayer plugin.
...the
table gives the output in mode "utterance" and description spoken last.
... a base b root index root abcdef __________
table with 2 rows and 3 columns row 1 column 1 a column 2 b column 3 c row 2 column 1 d column 2 e column 3 f end
table __________
table start, row 1, column 1, a, row 1, column 2, b, row 1, column 3, c, row 2, column 1, d, row 2, column 2, e, row 2, column 3, f,
table end math
table with 2 rows 3 columns.
...And 17 more matches
Mozilla Quirks Mode Behavior
don't inherit font properties into
tables except for font-family.
... make
table borders gray rather than using the foreground color.
... there are a bunch of quirks to get percentage heights on images,
tables, objects, and applets (etc.?) to "work" (the way they did in netscape navigator 4), even though css says that percentage heights should behave like 'auto' heights when the parent element doesn't have a fixed height.
...And 17 more matches
ARIA: cell role - Accessibility
<tr role="row"> <td role="cell">france</td> <td role="cell">67 million</td> </tr> description the element with role="cell" is a cell within a row, optionally within a rowgroup, within a grid,
table or treegrid within a static tabular structure.
...that row, in turn, can be nested within an element with role="rowgroup", and should be nested within a grid,
table or treegrid.
... using the native html
table element (<
table>) along with the
table row element (<tr>) and
table cell element (<td>) whenever possible is strongly encouraged.
...And 17 more matches
MathML attribute reference - MathML
align <m
table> <munder>, <mover>, <munderover> <mstack> specifies different alignments of several elements (see element pages for details).
... unimplemented alignmentscope <m
table> a boolean value specifying whether
table columns should act as alignment scopes or not.
... columnalign <m
table>, <mtd>, <mtr>, <mlabeledtr> specifies the horizontal alignment of
table cells.
...And 17 more matches
Creating a Help Content Pack - Archive of obsolete content
content packs include help documents written in xhtml, a content pack descriptor file written in rdf, and a
table of contents, index, and glossary (also written in rdf).
... the contents of a content pack content packs consist of a general pack description file,
table of contents, index, search, glossary, and help documents.
...the content pack descriptor file outlines the framework of the contents of the pack by pointing to the files describing the
table of contents, index, and glossary rdf files.
...And 16 more matches
XPCOM array guide
the standard array classes are: nsiarray - a scrip
table container for scrip
table xpcom objects.
... nsimu
tablearray - a scrip
table container for scrip
table xpcom objects, which allows addition and removal of member objects.
... this handy chart may make it easier to understand the different arrays: class data type scrip
table?
...And 16 more matches
nsIAccessibleRole
accessible/public/nsiaccessiblerole.idlscrip
table this interface defines cross platform (gecko) roles.
... role_
table 24 represents a
table that contains rows and columns of cells, and optionally, row headers and column headers.
... it is used for html:
table, role="grid".
...And 16 more matches
An Interview With Douglas Bowman of Wired News - Archive of obsolete content
the breakdown: 1 master screen media file which imports 4 files: a base file (bulk of formatting) a file for finance/
table formatting color file (override colors and background images for specific color scheme) temp file (used for styles associated with temporary features and ad-related pages) 1 print media file 1 aural media file 3 master alternate style sheets which import 1 file each the 3 imported files set alternate font sizes (small, large, larger) how much did the size of a typical w...
...we've noted that some of the file size comparison's aren't necessarily fair, because we're not comparing apples to apples-- we're comparing an old design using html,
tables, and spacer gifs to a new design much richer in imagery and style.
... what made you decide to drop
tables as a layout mechanism?
...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
Index - Learn web development
in the next article we'll look over a few tips you'll find useful when you have to style html
tables.
... 124 styling
tables article, beginner, css, codingscripting, guide, needsupdate, styling,
tables with styling
tables now behind us, we need something else to occupy our time.
... 131 test your skills:
tables beginner, css, example the aim of this task is to help you check your understanding of the skills you studied in the lesson on styling
tables.
...And 14 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 it...
...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
HTML: A good basis for accessibility - Learn web development
for example, a control button to play a video on your site could be marked up like this: <div>play video</div> but as you'll see in greater detail later on, it makes sense to use the correct element for the job: <button>play video</button> not only do html <button>s have some sui
table styling applied by default (which you will probably want to override), they also have built-in keyboard accessibility — users can navigate between buttons using the tab key and activate their selection using return or enter.
... it stops after each element, letting you go at whatever pace is comfor
table for you.
... you can also bring up a list of all headings in many screen readers, allowing you to use them as a handy
table of contents to find specific content.
...And 13 more matches
HTML: A good basis for accessibility - Learn web development
for example, a control button to play a video on your site could be marked up like this: <div>play video</div> but as you'll see in greater detail later on, it makes sense to use the correct element for the job: <button>play video</button> not only do html <button>s have some sui
table styling applied by default (which you will probably want to override), they also have built-in keyboard accessibility — users can navigate between buttons using the tab key and activate their selection using return or enter.
... it stops after each element, letting you go at whatever pace is comfor
table for you.
... you can also bring up a list of all headings in many screen readers, allowing you to use them as a handy
table of contents to find specific content.
...And 13 more matches
HTML elements reference - HTML: Hypertext Markup Language
<article> the html <article> element represents a self-contained composition in a document, page, application, or site, which is intended to be independently distribu
table or reusable (e.g., in syndication).
...common examples of navigation sections are menus,
tables of contents, and indexes.
...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.
...And 13 more matches
Working with Svelte stores - Learn web development
svelte provides functions for creating readable, wri
table, and derived stores in the svelte/store module.
... creating a store let's start by creating a wri
table store.
... give it the following content: import { wri
table } from 'svelte/store' export const alert = wri
table('welcome to the to-do list app!') note: stores can be defined and used outside of svelte components, so you can organize them in any way you please.
...And 12 more matches
Index
in order to support multiple operating systems (os), it is based on a cross platform portability layer, called the netscape por
table runtime (nspr), which provides cross platform application programming interfaces (apis) for os specific apis like file system access, memory management, network communication, and multithreaded programming.
...there is a classic engine that is very s
table and works fine in all simple scenarios, for example if all (b) candidate issuer certificates have the same subject and issuer names and differ by validity period; however, it works only in a limited amount of more advanced scenarios.
...the bug fixes in nss 3.22.1 are described in the "no
table changes" section below.
...And 12 more matches
nsITextInputProcessor
dom/interfaces/base/nsitextinputprocessor.idlscrip
table this interface is a text input events synthesizer and manages its composition and modifier state 1.0 66 introduced gecko 38 inherits from: nsisupports last changed in gecko 38.0 (firefox 38.0 / thunderbird 38.0 / seamonkey 2.35) the motivation of this interface is to provide better api than nsidomwindowutils to dispatch key events and create, modify, and commit composition in higher level.
... keycode: keyboardevent.dom_vk_return, // required if prin
table key, but optional if non-prin
table key.
... key_non_prin
table_key 0x00000002 one of akeyflags.
...And 12 more matches
XPIDL
the following is the correspondence
table:
table 1: standard idl types idl c++ in parameter c++ out parameter js type notes boolean bool bool* boolean char char char* string only chars in range \u0000-\u00ff permitted double double double* number float float float* number long int32_t int32_t* number ...
... in addition to this list, nearly every idl file includes nsrootidl.idl in some fashion, which also defines the following types:
table 2: types provided by nsrootidl.idl idl typedef c++ in parameter c++ out parameter js type notes prtime (xpidl unsigned long long typedef, 64 bits) number prtime is in microseconds, while js date assumes time in milliseconds nsresult (xpidl unsigned long typedef, 32 bits) number nsrefcnt (xpidl unsigned long typedef, 32 bits)...
...most native types are not scrip
table: if it is not present in the list above, then it is certainly not scrip
table (some of the above, particularly jsid, are not scrip
table).
...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
Chapter 3: Introduction to XUL—How to build a more intuitive UI - Archive of obsolete content
="vertical1"/> <button label="vertical2"/> </vbox> <label value="mixed"/> <hbox> <button label="mixed1"/> <vbox> <button label="mixed2"/> <button label="mixed3"/> </vbox> <button label="mixed4"/> </hbox> listing 3: horizontal and vertical boxes figure 1: output of listing 3 there is also a grid element, which can be used for layouts similar to those achieved using the html
table element, a stack element for layering other elements, and so on.
...as shown in
table 1, there are four types of buttons that can be displayed, and you can set the names of the buttons you want to display as a comma-delimited list in the value of the buttons attribute.
... fixme: make the
table cleaner button name description accept the ok button.
...And 11 more matches
Chapter 5: Let's build a Firefox extension - Archive of obsolete content
true javascript.options.strict (present in firefox 3.5+) enforces strict error output from javascript true
table 1: preferences to set for developing extensions to make these changes, start your development profile, type about:config into firefox’s location bar and open the preferences window; find the preferences listed in
table 1 and double-click on them to set them accordingly.
...the purpose of each file created during phase 1 is explained in
table 2.
... figure 4: folder structure used in phase 1 c:/ └───extensions └───helloworld │ chrome.manifest │ install.rdf │ └───content clock.js clock.xul overlay.xul
table 2: how files are used in phase 1 fixme: make the
table cleaner file name role install.rdf called the install manifest, this gives basic information about the extension, and is required in order for the extension to be installed in firefox..
...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
Bytecode Descriptions
format: jof_atom, jof_prop, jof_propinit, jof_ic initlockedprop operands: (uint32_t nameindex) stack: obj, val ⇒ obj like jsop::initprop, but define a non-enumerable, non-wri
table, non-configurable property.
...implements: makeconstructor, step 8, when wri
tableprototype is false.
...throw a typeerror if obj[key] exists but is non-wri
table, if it's an accessor property with no setter, or if obj is a primitive value.
...And 10 more matches
Examples of web and XML development using the DOM - Web APIs
when the body of this html document loads, an event listener is registered with the top row of the
table.
... the event listener handles the event by executing the function stopevent, which changes the value in the bottom cell of the
table.
...note that the
table itself has an onclick event handler that ought to display a message when the
table is clicked.
...And 10 more matches
MediaTrackConstraints - Web APIs
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.
... groupid a constraindomstring object specifying a group id or an array of group ids which are accep
table and/or required.
...And 10 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 tabind...
...ex="-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.
... aria-multiselec
table if aria-multiselec
table is set to true, multiple items in the grid can be selected.
...And 10 more matches
Rich-Text Editing in Mozilla - Developer guides
note: this document is out-of-date; you are advised to consult the more up-to-date document available at making content edi
table.
...starting in firefox 3, mozilla also supports internet explorer's contentedi
table attribute which allows any element to become edi
table or non-edi
table (the latter for when preventing change to fixed elements in an edi
table environment).
... similarly, setting contentedi
table to "true" allows you to make individual elements of a document edi
table.
...And 10 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 10 more matches
execute - Archive of obsolete content
(note that this path points into the xpi itself.) args a parameter string that is passed to the execu
table.
...you can use this method to launch an installshield installer or any install execu
table file stored in a xpi file.
... executing installed files note: if the file you wish to execute is one you are installing (as opposed to an installer execu
table that you plan to delete once it runs), then use the execute method on the file object instead.
...And 9 more matches
Accessing Files - 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.
...this allows files to used in a por
table way.
...And 9 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, removeallitems...
...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 9 more matches
The Places database
the places schema looks like so: core url
table moz_places: this is the main
table of uris and is managed by the history service (see also history service design).
... any time a places component wants to reference a url, whether visited or not, it refers to this
table.
... each entry has an optional reference to the moz_favicon
table to identify the favicon of the page.
...And 9 more matches
nsIFile
xpcom/io/nsifile.idlscrip
table an instance of this interface is a cross-platform representation of a location in the filesystem.
...therefore, the utf-16 forms are scrip
table, but the "native methods" are not.
...nique(in unsigned long type, in unsigned long permissions); boolean equals(in nsifile infile); boolean exists(); acstring getrelativedescriptor(in nsifile fromfile); void initwithfile(in nsifile afile); void initwithnativepath(in acstring filepath); void initwithpath(in astring filepath); boolean isdirectory(); boolean isexecu
table(); boolean isfile(); boolean ishidden(); boolean isreadable(); boolean isspecial(); boolean issymlink(); boolean iswri
table(); void launch(); prlibrarystar load(); void moveto(in nsifile newparentdir, in astring newname); void movetonative(in nsifile newparentdir, in acstring newname); native code only!
...And 9 more matches
WebIDL bindings
here's a
table, see the specific sections below for more details and explanations.
... webidl type argument type return type dictionary/member type any js::handle<js::value> js::mu
tablehandle<js::value> js::value boolean bool bool bool byte int8_t int8_t int8_t bytestring const nsacstring& nscstring& (outparam) nsacstring& (outparam) nscstring date mozilla::dom::date domstring const nsastring& mozilla::dom::domstring& (outparam) nsastring& (outparam) nsstring& (outparam) nsstring utf8string const nsacstring& nsacstring& (outparam) nscstring double double double double float float float float interface: non-nullable foo& already_addrefed<foo> foo* owningnonnull<foo> ...
... interface: nullable foo* already_addrefed<foo> foo* refptr<foo> long int32_t int32_t int32_t long long int64_t int64_t int64_t object js::handle<jsobject*> js::mu
tablehandle<jsobject*> jsobject* octet uint8_t uint8_t uint8_t sequence const sequence<t>& nstarray<t>& (outparam) short int16_t int16_t int16_t unrestricted double double double double unrestricted float float float float unsigned long uint32_t uint32_t uint32_t unsigned long long uint64_t uint64_t uint64_t unsigned short uint16_t uint16_t uint16_t usvstring const nsastring& mozilla::dom::doms...
...And 9 more matches
Establishing a connection: The WebRTC perfect negotiation pattern - Web APIs
responses to error conditions become far more predic
table.
...here, it will be always be an offer, because the negotiationneeded event is only fired in s
table state.
... let ignoreoffer = false; signaler.onmessage = async ({ data: { description, candidate }}) => { try { if (description) { const offercollision = (description.type == "offer") && (makingoffer || pc.signalingstate != "s
table"); ignoreoffer = !polite && offercollision; if (ignoreoffer) { return; } await pc.setremotedescription(description); if (description.type =="offer") { await pc.setlocaldescription(); signaler.send(description: pc.localdescription) } } else if (candidate) { try { await pc.addicecandidate(candidate); } catch(err) ...
...And 9 more matches
Implementing a Microsoft Active Accessibility (MSAA) Server - Accessibility
is it a link, static text, edi
table text, a checkbox, or a
table cell, etc.
... [important] get_accstate: a 32 bit field representing possible on/off states, such as focused, focusable, selected, selec
table, visible, protected (for passwords), checked, etc.
... state_mixed state_readonly [important] state_hottracked state_default [important] state_expanded [important] state_collapsed [important] state_busy [important] state_floating state_marqueed state_animated state_invisible state_offscreen [important] state_sizeable state_moveable state_selfvoicing state_focusable [important] state_selec
table [important] state_linked [important] state_traversed [important] state_multiselec
table [important] state_extselec
table state_alert_low state_alert_medium state_alert_high state_protected [important] state_haspopup msaa roles cheat sheet for information on what each role does, see the msdn role constants page.
...And 9 more matches
Deploying XULRunner - Archive of obsolete content
current xulrunner is a s
table developer preview release.
...this document explains how deployment should be managed for self contained por
table applications built on xulrunner.
... it may turn out to be easier to create a self contained por
table application, as described here, and deploy it with a generic installer that would create shortcuts to scripts that launch your application in the unregistered bundled xulrunner.
...And 8 more matches
Introduction to CSS layout - Learn web development
the page layout techniques we'll be covering in more detail in this module are normal flow the display property flexbox grid floats positioning
table layout multiple-column layout each technique has its uses, advantages, and disadvantages, and no technique is designed to be used in isolation.
...
table layout — features designed for styling the parts of an html
table can be used on non-
table elements using display:
table and associated properties.
...
table layout html
tables are fine for displaying tabular data, but many years ago — before even basic css was supported reliably across browsers — web developers used to also use
tables for entire web page layouts — putting their headers, footers, different columns, etc.
...And 8 more matches
HTML text fundamentals - 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%">my short story i am a statistician and my name is trish.
... 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%">milk eggs bread hummus</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-s...
... 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: 200px; width: 95%">drive to the end of the road turn right go straight across the first two roundabouts turn left at the third roundabout the school is on your right, 300 meters up the road</textarea> <div class="playable-buttons...
...And 8 more matches
Assessment: Structuring planet data - Learn web development
previous overview:
tables in our
table assessment, we provide you with some data on the planets in our solar system, and get you to structure it into an html
table.
... objective: to test comprehension of html
tables and associated features.
... starting point to start the assessment, make local copies of blank-template.html, minimal-
table.css, and planets-data.txt in a new directory in your local computer.
...And 8 more matches
Introduction to cross browser testing - Learn web development
cross browser testing is the practice of making sure that the web sites and web apps you create work across an accep
table number of web browsers.
... different devices with different capabilities, from the latest greatest
tablets and smartphones, through smart tvs, right down to cheap
tablets and even older feature phones that may run browsers with limited capabilities.
...to start with, when we talk about sites "working cross browser", we are really saying that they should provide an accep
table user experience across different browsers.
...And 8 more matches
Error codes returned by Mozilla APIs
the following
tables list errors that can occur when calling various mozilla apis.
... ns_error_factory_not_loaded (0x800401f8) ns_error_factory_exists (0xc1f30100) ns_error_factory_no_signature_support (0xc1f30101) ns_error_proxy_invalid_in_parameter (0x80010010) ns_error_proxy_invalid_out_parameter (0x80010011) ns_error_cannot_convert_data (0x80460001) ns_error_object_is_immu
table (0x80460002) ns_error_loss_of_significant_data (0x80460003) ns_error_illegal_during_shutdown (0x8046001e) many operations cannot be performed once the application is being shutdown.
... file errors the following
table lists the errors that could occur when using files.
...And 8 more matches
Dynamic Library Linking
library linking types these data types are defined for dynamic library linking: prlibrary prstaticlink
table library linking functions the library linking functions are: pr_setlibrarypath pr_getlibrarypath pr_getlibraryname pr_freelibraryname pr_loadlibrary pr_unloadlibrary pr_findsymbol pr_findsymbolandlibrary finding symbols defined in the main execu
table program pr_loadlibrary cannot open a handle that references the main execu
table program.
... (this is admittedly an omission that should be fixed.) however, it is possible to look up symbols defined in the main execu
table program as follows.
... prlibrary *lib; void *funcptr; funcptr = pr_findsymbolandlibrary("functionname", &lib); when pr_findsymbolandlibrary returns, funcptr is the value of the function pointer you want to look up, and the variable lib references the main execu
table program.
...And 8 more matches
GC Rooting Guide
like a reference, a js::handle is immu
table: it can only ever refer to the js::rooted<t> that it was created for.
...} js::mu
tablehandle<t> all gc thing pointers that are used as out-parameters must be wrapped in a js::mu
tablehandle<t>.
... a js::mu
tablehandle<t> is a reference to a js::rooted<t> that, unlike a normal handle, may modify the underlying js::rooted<t>.
...And 8 more matches
Gecko Roles
role_
table represents a
table that contains rows and columns of cells, and optionally, row headers and column headers.
... role_columnheader represents a column header, providing a visual label for a column in a
table.
... role_rowheader represents a row header, which provides a visual label for a
table row.
...And 8 more matches
mozIStorageConnection
storage/public/mozistorageconnection.idlscrip
table this interface represents a database connection attached to a specific file or an in-memory database.
...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 prelo...
...ce gecko 1.9 void removefunction(in autf8string afunctionname); mozistorageprogresshandler removeprogresshandler(); void rollbacktransaction(); void setgrowthincrement(in print32 aincrement, in autf8string adatabasename); mozistorageprogresshandler setprogresshandler(in print32 agranularity, in mozistorageprogresshandler ahandler); boolean
tableexists(in autf8string a
tablename); attributes attribute type description connectionready boolean indicates if the connection is open and ready to use.
...And 8 more matches
nsIAccessibleEvent
accessible/public/nsiaccessibleevent.idlscrip
table an interface for accessibility events listened to by in-process accessibility clients, which can be used to find out how to get accessibility and dom interfaces for the event and its target.
...that is, changes to text that is exposed through the iaccessibletext and iaccessibleedi
tabletext interfaces.
... event_
table_caption_changed 0x003c 0x0038 a
table caption changed.
...And 8 more matches
EventTarget.addEventListener() - Web APIs
html <
table id="outside"> <tr><td id="t1">one</td></tr> <tr><td id="t2">two</td></tr> </
table> javascript // function to change the content of t2 function modifytext() { const t2 = document.getelementbyid("t2"); if (t2.firstchild.nodevalue == "three") { t2.firstchild.nodevalue = "two"; } else { t2.firstchild.nodevalue = "three"; } } // add event listener to
table const el = document.g...
...a click anywhere in the
table bubbles up to the handler and runs modifytext().
... html <
table id="outside"> <tr><td id="t1">one</td></tr> <tr><td id="t2">two</td></tr> </
table> javascript // function to change the content of t2 function modifytext(new_text) { const t2 = document.getelementbyid("t2"); t2.firstchild.nodevalue = new_text; } // function to add event listener to
table const el = document.getelementbyid("outside"); el.addeventlistener("click", function(){modifytext("four")}, false); notice that the listener is an anonymous function that encapsulates code that is then, in turn, able to send parameters to the modifytext() function, which is responsible for actually responding to the event.
...And 8 more matches
ARIA Test Cases - Accessibility
beta 2 nvda 0.6p2 with firefox 3 orca with firefox 3 window-eyes 7 with ie 8 beta 2 and firefox 3 voiceover (leopard) with safari 4.0.2 zoom (leopard) with safari 4.0.2, firefox 3.x and opera 9.x zoomtext 9.1 with firefox 3 and ie 8 beta 2 test case structure test cases are organized as follows: test case links test details expected at behavior markup notes results
table at firefox ie opera safari jaws 9 - - - - jaws 10 - 1.
...fail - - voiceover (leopard) n/a n/a - fail window-eyes - - - - nvda - - - - zoom (leopard) pass n/a pass pass zoomtext - - - - orca - - - -
table legend - no info/test yet n/a not applicable (not supported technically) pass expected behaviour met fail expected behaviour notmet 1.
...when documenting an issue, please also list it in the relevant compatibility
table below.
...And 8 more matches
caption-side - CSS: Cascading Style Sheets
the caption-side css property puts the content of a
table's <caption> on the specified side.
... the values are relative to the writing-mode of the
table.
... values top the caption box should be positioned above the
table.
...And 8 more matches
<display-internal> - CSS: Cascading Style Sheets
some layout models such as
table and ruby have a complex internal structure, with several different roles that their children and descendants can fill.
... syntax valid <display-internal> values:
table-row-group these elements behave like <tbody> html elements.
...
table-header-group these elements behave like <thead> html elements.
...And 8 more matches
HTML attribute reference - HTML: Hypertext Markup Language
align <applet>, <caption>, <col>, <colgroup>, <hr>, <iframe>, <img>, <
table>, <tbody>, <td>, <tfoot> , <th>, <thead>, <tr> specifies the horizontal alignment of the element.
... background <body>, <
table>, <td>, <th> specifies the url of an image file.
... bgcolor <body>, <col>, <colgroup>, <marquee>, <
table>, <tbody>, <tfoot>, <td>, <th>, <tr> background color of the element.
...And 8 more matches
Firefox user agent string reference - HTTP
mobile and
tablet indicators only from firefox 11 onwards.
... the platform part of the ua string indicates if firefox is running on a phone-sized or
tablet device.
...when firefox runs on a
tablet device, there is a
tablet; token in the platform part of the ua string instead.
...And 8 more matches
<pattern> - SVG: Scalable Vector Graphics
value type: <length>|<percentage>; default value: 0; anima
table: yes href this attribute reference a template pattern that provides default values for the <pattern> attributes.
... value type: <url>; default value: none; anima
table: yes patterncontentunits this attribute defines the coordinate system for the contents of the <pattern>.
... value type: userspaceonuse|objectboundingbox; default value: userspaceonuse; anima
table: yes note: this attribute has no effect if a viewbox attribute is specified on the <pattern> element.
...And 8 more matches
<svg> - SVG: Scalable Vector Graphics
value type: <string> ; default value: none; anima
table: no contentscripttype deprecated since svg 2 the default scripting language used by the svg fragment.
... value type: <string> ; default value: application/ecmascript; anima
table: no contentstyletype deprecated since svg 2 the default style sheet language used by the svg fragment.
... value type: <string> ; default value: text/css; anima
table: no height the displayed height of the rectangular viewport.
...And 8 more matches
Reading from Files - 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.
...to create an input stream, first get a reference to a nsifile, and then use nsiscrip
tableio.newinputstream() to open a stream for reading from it.
...And 7 more matches
LiveConnect Overview - Archive of obsolete content
all javascript access to java takes place with these objects, which are summarized in the following
table.
...
table 9.1 the liveconnect objects object description javaarray a wrapped java array, accessed from within javascript code.
...number values when you pass javascript number types as parameters to java methods, java converts the values according to the rules described in the following
table: java parameter type conversion rules double the exact value is transferred to java without rounding and without a loss of magnitude or sign.
...And 7 more matches
Mozilla’s UAAG evaluation report
acronym element: supported abbr element: supported abbr attribute for td/th: not supported summary for
table: supported title for frame: ?
... acronym element: supported abbr element: supported abbr attribute for td/th: not supported summary for
table: supported title for frame: ?
...(p1) vg html: caption element (
table): renders in graphical interpretation, can be styled using css html: thead element (
table): available through dom, can be styled using css?
...And 7 more matches
HTTP Cache
accessible as a service only, fully thread-safe, scrip
table.
...te with ',' a - when present the scope is belonging to an anonymous load b - when present the scope is in browser element load i - when present must have a decimal integer value that represents an app id the scope belongs to, otherwise there is no app (app id is considered 0) p - when present the scope is of a private browsing load, this never persists cachestorageservice keeps a global hash
table mapped by the scope key.
... elements in this global hash
table are hash
tables of cache entries.
...And 7 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 *.
... 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.
... js_dumpnamedroots provides a way for the application to access the contents of that
table.
...And 7 more matches
Gecko events
is supported: yes targets:
table_cell - the cell of <xul:tree/>, any accessible for html element when @title or @alt attribute is changed.
...changes to text that is exposed through the iaccessibletext and iaccessibleedi
tabletext interfaces.
...event_
table_caption_changed a
table caption changed.
...And 7 more matches
Introduction to the DOM - Web APIs
alert(paragraphs[0].nodename); all of the properties, methods, and events available for manipulating and creating web pages are organized into objects (for example, the document object that represents the document itself, the
table object that implements the special html
tableelement dom interface for accessing html
tables, and so forth).
...every element in a document—the document as a whole, the head,
tables within the document,
table headers, text within the
table cells—is part of the document object model for that document, so they can all be accessed and manipulated using the dom and a scripting language like javascript.
... the following
table briefly describes these data types.
...And 7 more matches
Accessibility documentation index - Accessibility
an addition and/or deletion in an edi
table document), and comments (e.g.
... 50 aria: suggestion role aria, aria role, reference, annotations, suggestion the suggestion landmark role semantically denotes a single proposed change to an edi
table document.
... 56 aria: cell role aria, html, cell,
table the cell value of the aria role attribute identifies an element as being a cell in a tabular container that does not contain column or row header information.
...And 7 more matches
<a> - SVG: Scalable Vector Graphics
value type: <string> ; default value: none; anima
table: no href the url or url fragment the hyperlink points to.
... value type: <url> ; default value: none; anima
table: yes hreflang the human language of the url or url fragment that the hyperlink points to.
... value type: <string> ; default value: none; anima
table: yes ping a space-separated list of urls to which, when the hyperlink is followed, post requests with the body ping will be sent by the browser (in the background).
...And 7 more matches
<radialGradient> - SVG: Scalable Vector Graphics
value type: <length> ; default value: 50%; anima
table: yes cy this attribute defines the y coordinate of the end circle of the radial gradient.
... value type: <length> ; default value: 50%; anima
table: yes fr this attribute defines the radius of the start circle of the radial gradient.
... value type: <length> ; default value: 50%; anima
table: yes fx this attribute defines the x coordinate of the start circle of the radial gradient.
...And 7 more matches
Writing to Files - 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.
...to create an output stream, use nsiscrip
tableio.newoutputstream().
...And 6 more matches
DMD
dmd[5222] constructing the stack trace
table...
... dmd[5222] constructing the stack frame
table...
...you can do this by running: adb push $objdir/dist/bin/libdmd.so /sdcard/ second, you will need to make an execu
table wrapper for fennec which sets an environment variable before launching it.
...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
HTMLImageElement.x - Web APIs
the x and y properties are only valid for an image if its display property has the computed value
table-column or
table-column-group.
... note: the x property is only valid if the computed value of the image's display property is either
table-column or
table-column-group; in other words, either of those are set directly on the <img> or they're inherited from a containing element or by being located within a column described by either <col> or <colgroup>.
... html in this example, we see a
table showing information about users of a web site, including their user id, their full name, and their avatar image.
...And 6 more matches
HTMLImageElement.y - Web APIs
the x and y properties are only valid for an image if its display property has the computed value
table-column or
table-column-group.
... note: the y property is only valid if the computed value of the image's display property is either
table-column or
table-column-group; in other words, either of those are set directly on the <img> or they're inherited from a containing element or by being located within a column described by either <col> or <colgroup>.
... html in this example, we see a
table showing information about users of a web site, including their user id, their full name, and their avatar image.
...And 6 more matches
ReadableStream.pipeThrough() - Web APIs
the pipethrough() method of the readablestream interface provides a chainable way of piping the current stream through a transform stream or any other wri
table/readable pair.
... syntax var transformedstream = readablestream.pipethrough(transformstream[, options]); parameters transformstream a transformstream (or an object with the structure {wri
table, readable}) consisting of a readable stream and a wri
table stream working together to transform some data from one form to another.
... data writen to the wri
table stream can be read in some transformed state by the readable stream.
...And 6 more matches
Example and tutorial: Simple synth keyboard - Web APIs
in our case, we get each key's frequency from a
table, but it could be calculated algorithmically as well.
...ver { background-color: #eef; } .key:active { background-color: #000; color: #fff; } .octave { display: inline-block; padding: 0 6px 0 0; } .settingsbar { padding-top: 8px; font: 14px "open sans", "lucida grande", "arial", sans-serif; position: relative; vertical-align: middle; width: 100%; height: 30px; } .left { width: 50%; position: absolute; left: 0; display:
table-cell; vertical-align: middle; } .left span, .left input { vertical-align: middle; } .right { width: 50%; position: absolute; right: 0; display:
table-cell; vertical-align: middle; } .right span { vertical-align: middle; } .right input { vertical-align: baseline; } javascript the javascript code begins by initializing a number of variables.
... creating the note
table the createnote
table() function builds the array notefreq to contain an array of objects representing each octave.
...And 6 more matches
<col> - HTML: Hypertext Markup Language
the html <col> element defines a column within a
table and is used for defining common semantics on all common cells.
... implicit aria role no corresponding role permitted aria roles no role permitted dom interface html
tablecolelement attributes this element includes the global attributes.
... if the
table doesn't use a colspan attribute, use the td:nth-child(an+b) css selector.
...And 6 more matches
<colgroup> - HTML: Hypertext Markup Language
the html <colgroup> element defines a group of columns within a
table.
... permitted parents a <
table> element.
... implicit aria role no corresponding role permitted aria roles no role permitted dom interface html
tablecolelement attributes this element's attributes include the global attributes.
...And 6 more matches
JavaScript data types and data structures - JavaScript
primitive values all types except objects define immu
table values (that is, values which can't be changed).
... for example (and unlike in c), strings are immu
table.
... unlike some programming languages (such as c), javascript strings are immu
table.
...And 6 more matches
Expressions and operators - JavaScript
there are also compound assignment operators that are shorthand for the operations listed in the following
table: compound assignment operators name shorthand operator meaning assignment x = y x = y addition assignment x += y x = x + y subtraction assignment x -= y x = x - y multiplication assignment x *= y x = x * y division assignment x /= y x = x / y remainder assignment x %= y x = x % y ...
... the return value matches the expression to the right of the = sign in the “meaning” column of the
table above.
...the following
table describes the comparison operators in terms of this sample code: var var1 = 3; var var2 = 4; comparison operators operator description examples returning true equal (==) returns true if the operands are equal.
...And 6 more matches
The "codecs" parameter in common media types - Web media technologies
av01.p.llt.dd[.m[.ccc[.cp[.tc[.mc[.f]]]]]] this codec parameter string's components are described in more detail in the
table below.
...the default values are included in the
table above.
...the
table below provides a basic list of the audio object types and in the case of the more common object ypes provides a list of the profiles supporting it, but you should refer to the specification for details if you need to know more about the inner workings of any given mpeg-4 audio type.
...And 6 more matches
<linearGradient> - SVG: Scalable Vector Graphics
%" stop-color="gold" /> <stop offset="95%" stop-color="red" /> </lineargradient> </defs> <!-- using my linear gradient --> <circle cx="5" cy="5" r="4" fill="url('#mygradient')" /> </svg> attributes gradientunits this attribute defines the coordinate system for attributes x1, x2, y1, y2 value type: userspaceonuse|objectboundingbox ; default value: objectboundingbox; anima
table: yes gradienttransform this attribute provides additional transformation to the gradient coordinate system.
... value type: <transform-list> ; default value: identity transform; anima
table: yes href this attribute defines a reference to another <lineargradient> element that will be used as a template.
... value type: <url> ; default value: none; anima
table: yes spreadmethod this attribute indicates how the gradient behaves if it starts or ends inside the bounds of the shape containing the gradient.
...And 6 more matches
<marker> - SVG: Scalable Vector Graphics
value type: <length> ; default value: 3; anima
table: yes markerunits this attribute defines the coordinate system for the attributes markerwidth, markerheight and the contents of the <marker>.
... value type: userspaceonuse|strokewidth ; default value: strokewidth; anima
table: yes markerwidth this attribute defines the width of the marker viewport.
... value type: <length> ; default value: 3; anima
table: yes orient this attribute defines the orientation of the marker relative to the shape it is attached to.
...And 6 more matches
<symbol> - SVG: Scalable Vector Graphics
value type: <length>|<percentage> ; default value: auto; anima
table: yes preserveaspectratio this attribute defines how the svg fragment must be deformed if it is embedded in a container with a different aspect ratio.
...; default value: xmidymid meet; anima
table: yes refx this attribute determines the x coordinate of the reference point of the symbol.
... value type: <length>|<percentage>|left|center|right ; default value: 0; anima
table: yes refy this attribute determines the y coordinate of the reference point of the symbol.
...And 6 more matches
<textPath> - SVG: Scalable Vector Graphics
value type: <url> ; default value: none; anima
table: yes lengthadjust where length adjustment should be applied to the text: the space between glyphs, or both the space and the glyphs themselves.
... value type: spacing|spacingandglyphs; default value: spacing; anima
table: yes method which method to render individual glyphs along the path.
... value type: align|stretch ; default value: align; anima
table: yes path the path on which the text should be rendered.
...And 6 more matches
JXON - Archive of obsolete content
in essence the object tree is made effectively immu
table.
...in essence the object tree is made effectively immu
table.
...in essence the object tree is made effectively immu
table.
...And 5 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
Introduction to SSL - Archive of obsolete content
clients and servers may support different cipher suites, or sets of ciphers, depending on factors such as the version of ssl they support, company policies regarding accep
table encryption strength, and government restrictions on export of ssl-enabled software.
...t red hat console can control an ssl-enabled server, the server must enable at least one of the following cipher suites for ssl 3.0: rc4 with 128-bit encryption and md5 message authentication rc4 with 40-bit encryption and md5 message authentication rc2 with 40-bit encryption and md5 message authentication no encryption, md5 message authentication only cipher suites with rsa key exchange
table 1 lists the cipher suites supported by ssl that use the rsa key-exchange algorithm.
... unless otherwise indicated, all ciphers listed in the
table are supported by both ssl 2.0 and ssl 3.0.
...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
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 5 more matches
Mozilla accessibility architecture
all focusable nodes,
tables and text have accessibility interfaces.
...for example,
tables support nsiaccessible
table, text supports nsiaccessibletext and edit boxes support nsiedi
tabletext., although this code has been moved into the atk specific directories because it is not currently used in windows.
... the implementations for each kind of object (document, text,
table, edit box, button, etc.) exist in accessible/src.
...And 5 more matches
Debugging on Mac OS X
set the execu
table by clicking on "none" and selecting "other...".
... a new dialog titled "choose an execu
table to launch" will pop up.
... select "build" from the left of the scheme editor window, and check that there is nothing listed under targets (otherwise it may cause problems when you try to run the execu
table for debugging since you will get build errors).
...And 5 more matches
Sqlite.jsm
table and schema management these apis deal with management of
tables and database schema.
...
tableexists(name) this function determines whether a
table exists in the current database.
... it returns a promise that is resolved with a boolean indicating whether the
table exists.
...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 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.
...each pane contains a tree-
table which displays the properties of the current object and currently visible local variables, respectively.
...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
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 a...
... location nsifile the location of the execu
table file on disk.
...And 5 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.
...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 selec...
... cyclecell() called on the view when a cell in a non-selec
table cycling column (for example, unread/flag/and so on.) is clicked.
...And 5 more matches
Storage
no results to be returned if you do not need to get any results back, you can use mozistorageconnection.executesimplesql() api like this in javascript: dbconn.executesimplesql("create temp
table table_name (column_name integer)"); similarly, the c++ looks like this: rv = mdbconn->executesimplesql(ns_literal_cstring("create temp
table table_name (column_name integer)")); ns_ensure_success(rv, rv); results to be returned however, if you need to get results back, you should create the statement with the mozistorageconnection.createstatement() api like this in javascript: var statement...
... = dbconn.createstatement("select * from
table_name where column_name = :parameter"); this example uses a named placeholder called "parameter" to be bound later (described in binding parameters).
... similarly, the c++ looks like this: nscomptr<mozistoragestatement> statement; rv = dbconn->createstatement(ns_literal_cstring("select * from
table_name where column_name = ?1"), getter_addrefs(statement)); ns_ensure_success(rv, rv); this example uses the numbered placeholder indexed by zero for a parameter to be bound later (described in binding parameters).
...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
Using IndexedDB - Web APIs
it may be preferable to not support a browser than to claim to support it and fail: if (!window.indexeddb) { console.log("your browser doesn't support a s
table version of indexeddb.
...indexeddb uses object stores rather than
tables, and a single database can contain any number of object stores.
... the following
table shows the different ways the keys are supplied: key path (keypath) key generator (autoincrement) description no no this object store can hold any kind of value, even primitive values like numbers and strings.
...And 5 more matches
ReadableStream.pipeTo() - Web APIs
the pipeto() method of the readablestream interface pipes the current readablestream to a given wri
tablestream and returns a promise that fulfills when the piping process completes successfully, or rejects if any errors were encountered.
... syntax var promise = readablestream.pipeto(destination[, options]); parameters destination a wri
tablestream that acts as the final destination for the readablestream.
... options optional the options that should be used when piping to the wri
table stream.
...And 5 more matches
Streams API - Web APIs
previously, if we wanted to process a resource of some kind (be it a video, or a text file, etc.), we'd have to download the entire file, wait for it to be deserialized into a sui
table format, then process the whole lot after it is fully received.
... you can also write data to streams using wri
tablestream.
... note: you can find a lot more details about the theory and practice of streams in our articles — streams api concepts, using readable streams, and using wri
table streams.
...And 5 more matches
Object.freeze() - JavaScript
for data properties of a frozen object, values cannot be changed, the wri
table and configurable attributes are set to false.
...existing properties in objects frozen with object.freeze() are made immu
table.
... a[0] = 1; // fails silently // in strict mode such attempt will throw a typeerror function fail() { "use strict" a[0] = 1; } fail(); // attempted to push a.push(2); // throws a typeerror the object being frozen is immu
table.
...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 whi...
... 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
<rect> - SVG: Scalable Vector Graphics
value type: <length>|<percentage> ; default value: 0; anima
table: yes y the y coordinate of the rect.
... value type: <length>|<percentage> ; default value: 0; anima
table: yes width the width of the rect.
... value type: auto|<length>|<percentage> ; default value: auto; anima
table: yes height the height of the rect.
...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
<use> - SVG: Scalable Vector Graphics
however, xlink:href can still be required in practice for cross-browser compatibility (see the compatibility
table below).
... value type: <url> ; default value: none; anima
table: yes xlink:href an <iri> reference to an element/fragment that needs to be duplicated.
... value type: <iri> ; default value: none; anima
table: yes x the x coordinate of the use element.
...And 5 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, oth;...
... 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-month-" ...
... 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); } datep...
...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' forma...
...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
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
Trees - Archive of obsolete content
both can be used to create
tables of data with multiple rows and columns, and both may contain column headers.
... an advantage of using a tree view is that it allows the view to store the data in a manner which is more sui
table for the data, or to load the data on demand as rows are displayed.
... example tree with two columns example 1 : source view <tree flex="1"> <treecols> <treecol id="namecolumn" label="name" flex="1"/> <treecol id="addresscolumn" label="address" flex="2"/> </treecols> <treechildren/> </tree> first, the entire
table is surrounded with a tree element.
...And 4 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 4 more matches
Adobe Flash - Archive of obsolete content
versions of flash prior to flash 6r49 (such as flash 5) are not scrip
table in netscape gecko browsers.
... example 1: verifying the flash plugin version below, javascript identifies the version of flash, and whether it is scrip
table in netscape gecko: can we have javascript in a wiki page?
...furthermore, it is also necessary weed out versions of flash that are not scrip
table in mach-o browsers on os x.
...And 4 more matches
background-size - Archive of obsolete content
should not the "browser compatibility"
table also list google chrome and konqueror?
...konqueror is listed below the
table, which seems inconsistent.
...both layout engines are mentioned in the
table.
...And 4 more matches
TypeScript support in Svelte - Learn web development
this is how the contents will end up: // stores.ts import { wri
table } from 'svelte/store' import { localstore } from './localstore.js' import type { todotype } from './types/todo.type' export const alert = wri
table('welcome to the to-do list app!') const initialtodos: todotype[] = [ { id: 1, name: 'visit mdn web docs', completed: true }, { id: 2, name: 'complete the svelte tutorial', completed: false }, ] export const todos = localstore('mdn-svelte-todo', ...
...update your localstore.ts file like this: // localstore.ts import { wri
table } from 'svelte/store' import type { jsonvalue } from './types/json.type' export const localstore = (key: string, initial: jsonvalue) => { // receives the key of the local storage and an initial value const tostring = (value: jsonvalue) => json.stringify(value, null, 2) // helper function const toobj = json.parse // helper function ...
... if (localstorage.getitem(key) === null) { // item not present in local storage localstorage.setitem(key, tostring(initial)) // initialize local storage with initial value } const saved = toobj(localstorage.getitem(key)) // convert to object const { subscribe, set, update } = wri
table(saved) // create the underlying wri
table store return { subscribe, set: (value: jsonvalue) => { localstorage.setitem(key, tostring(value)) // save also to local storage as a string return set(value) }, update } } now if we try to create a localstore with something that cannot be converted to json via json.stringify(), for example an object w...
...And 4 more matches
Gecko info for Windows accessibility vendors
there are currently two techniques for parsing
tables: 1) use acclocation() to get the coordinates for each cell and feed that into an algorithm that builds up your own
table data structure, or 2) use isimpledomnode and parse the
table see below for the complete list of roles and notes about what we support intentional differences with internet explorer for the most part, where we support an msaa feature, we have tried to duplicate inter...
...in addition, check the state_focusable bit on
tables, which indicates a traversable dhtml spreadsheet.
... sets state_readonly unless it's an edi
table frame via designmode.
...And 4 more matches
IME handling guide
following
table explains the mapping between them.
...
table of event messages meaning of mdata who sets mdata?
... notify_ime_of_focus when an edi
table editor gets focus and imecontentobserver starts to observe it, this is sent to widget.
...And 4 more matches
PKCS #11 Module Specs
values can contain any prin
table ascii value, including utf8 characters.
... passwordrequired zero length passwords are not accep
table (valid only if there is a keydb).
... optimizespace allocate smaller hash
tables and lock
tables.
...And 4 more matches
NSS tools : modutil
for example: platforms { linux:5.4.08:x86 { modulename { "example pkcs #11 module" } modulefile { crypto.so } defaultmechanismflags{0x0000} cipherenableflags{0x0000} files { crypto.so { path{ /tmp/crypto.so } } setup.sh { execu
table path{ /tmp/setup.sh } } } } linux:6.0.0:x86 { equivalentplatform { linux:5.4.08:x86 } } } both the install script and the required libraries must be bundled in a jar file, which is specified with the -jar argument.
... forwardcompatible { irix:6.2:mips sunos:5.5.1:sparc } platforms { winnt::x86 { modulename { "example module" } modulefile { win32/fort32.dll } defaultmechanismflags{0x0001} defaultcipherflags{0x0001} files { win32/setup.exe { execu
table relativepath { %temp%/setup.exe } } win32/setup.hlp { relativepath { %temp%/setup.hlp } } win32/setup.cab { relativepath { %temp%/setup.cab } } } } win95::x86 { equivalentplatform {winnt::x86} } sunos:5.5.1:sparc { modulename { "example unix module" } modulefile { unix/fort.so } defaultmechanismflags{0x0001} cipherenableflags{0x0001} files { unix/fort.so { relativepath{%root%...
...the purpose of %temp% is to hold execu
table files (such as setup programs) or files that are used by these programs.
...And 4 more matches
NSS tools : modutil
for example: platforms { linux:5.4.08:x86 { modulename { "example pkcs #11 module" } modulefile { crypto.so } defaultmechanismflags{0x0000} cipherenableflags{0x0000} files { crypto.so { path{ /tmp/crypto.so } } setup.sh { execu
table path{ /tmp/setup.sh } } } } linux:6.0.0:x86 { equivalentplatform { linux:5.4.08:x86 } } } both the install script and the required libraries must be bundled in a jar file, which is specified with the -jar argument.
... forwardcompatible { irix:6.2:mips sunos:5.5.1:sparc } platforms { winnt::x86 { modulename { "example module" } modulefile { win32/fort32.dll } defaultmechanismflags{0x0001} defaultcipherflags{0x0001} files { win32/setup.exe { execu
table relativepath { %temp%/setup.exe } } win32/setup.hlp { relativepath { %temp%/setup.hlp } } win32/setup.cab { relativepath { %temp%/setup.cab } } } } win95::x86 { equivalentplatform {winnt::x86} } sunos:5.5.1:sparc { modulename { "example unix module" } modulefile { u...
...the purpose of %temp% is to hold execu
table files (such as setup programs) or files that are used by these programs.
...And 4 more matches
Mozilla internal string guide
read-only strings the const attribute on a string determines if the string is wri
table.
... writing to a mu
table string is also simple: /** * replace every tab character in `data` with a space.
... mozilla::bulkwritehandle<t> autoconverts to a wri
table mozilla::span<t> and also provides explicit access to itself as span (asspan()) or via component accessors named consistently with those on span: elements() and length() the latter is not the logical length of the string but the wri
table length of the buffer.
...And 4 more matches
XPCOM Stream Guide
using streams in c++ using streams in javascript input streams input streams are not scrip
table - you cannot directly call .read() on them, for example.
... to solve this, there is a special nsiscrip
tableinputstream interface and "scrip
table stream" wrapper.
... if you have an input stream called nativestream, you can use code like this: var stream = components.classes["@mozilla.org/scrip
tableinputstream;1"] .createinstance(components.interfaces.nsiscrip
tableinputstream); stream.init(nativestream); the stream provides .read(count), .available(), and .close() methods.
...And 4 more matches
nsIAccessibleStates
accessible/public/nsiaccessiblestates.idlscrip
table please add a summary to this article.
... state_selec
table 0x00200000 the object can be selected.
... state_multiselec
table 0x01000000 supports multiple selection.
...And 4 more matches
nsIEditor
« xpcom api reference editor/nsieditor.idlscrip
table provides methods and attributes used when editing page content.
... isdocumentedi
table prbool read only.
... isselectionedi
table boolean read only.
...And 4 more matches
Storage Inspector - Firefox Developer Tools
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.
... clicking on a tree item will display detailed information about that item in the
table widget on the right.
...
table widget the
table widget displays a list of all the items corresponding to the selected tree item (be it an origin, or database) are listed.
...And 4 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.
...</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.
... client rects are painted for the <
table> in the second block.
...And 4 more matches
Streams API concepts - Web APIs
wri
table streams a wri
table stream is a destination into which you can write data, represented in javascript by a wri
tablestream object.
...only one writer can write to a wri
table stream at one time.
... you can make use of wri
table streams using the wri
tablestream() constructor.
...And 4 more matches
URL API - Web APIs
changing the url most of the properties of url are set
table; you can write new values to them to alter the url represented by the object.
...this is true for any of the wri
table properties.
...the fill
tablewithparameters() function below takes as input a html
tableelement object representing a <
table>.
...And 4 more matches
Web Video Text Tracks Format (WebVTT) - Web APIs
table 1 - vertical values vertical:rl writing direction is right to left vertical:lr writing direction is left to right line specifies where text appears vertically.
...
table 2 - line examples vertical omitted vertical:rl vertical:lr line:0 top right left line:-1 bottom left right line:0% top right left line:100% bottom left right position specifies where the text will appear horizontally.
...
table 3 - position examples vertical omitted vertical:rl vertical:lr position:0% left top top position:100% right bottom bottom size specifies the width of the text area.
...And 4 more matches
Perceivable - Accessibility
note: to read the w3c definitions for perceivable and its guidelines and success criteria, see principle 1: perceivable - information and user interface components must be presen
table to users in ways they can perceive.
... success criteria how to conform to the criteria practical resource 1.1.1 provide text equivalents (a) all images that convey meaningful content should be given sui
table alternative text.
... a text description may work, or an accessible data
table (see html
table advanced features and accessibility).
...And 4 more matches
Backwards Compatibility of Flexbox - CSS: Cascading Style Sheets
display:
table- the css
table display properties are potentially very useful as a fallback, due to the fact that they allow design patterns such as full height columns and vertical centering and work back as far as internet explorer 8.
... if you use display:
table-cell on an item in your html it takes on the styling of an html
table cell.
... css creates anonymous boxes to represent these items so that you do not need to wrap each item in a wrapper to represent the html
table row, and a second one to represent the
table element itself, you can’t see or style these anonymous boxes; they are there purely to fix up the tree.
...And 4 more matches
border-spacing - CSS: Cascading Style Sheets
the border-spacing css property sets the distance between the borders of adjacent <
table> cells.
... the border-spacing value is also used along the outside edge of the
table, where the distance between the
table's border and the cells in the first/last column or row is the sum of the relevant (horizontal or vertical) border-spacing and the relevant (top, right, bottom, or left) padding on the
table.
... note: the border-spacing property is equivalent to the deprecated cellspacing <
table> attribute, except that it has an optional second value that can be used to set different horizontal and vertical spacing.
...And 4 more matches
Browser detection using the user agent - HTTP
while user agent sniffing can sometimes detect these, not all devices are the same: some mobile devices have big screen sizes, some desktops have a small touchscreen, some people use smart tv's which are an entirely different ballgame altogether, and some people can dynamically change the width and height of their screen by flipping their
tablet on its side!
... most browsers set the name and version in the format browsername/versionnumber, with the no
table exception of internet explorer.
... blink chrome/xyz rendering engine version most rendering engines put the version number in the renderingengine/versionnumber token, with the no
table exception of gecko.
...And 4 more matches
Cache-Control - HTTP
check the compatibility
table for their support; user-agents that don't recognize them should ignore them.
... cache-control: immu
table cache-control: stale-while-revalidate=<seconds> cache-control: stale-if-error=<seconds> directives cacheability a response is normally cached by the browser if: it has a status code of 301, 302, 307, 308, or 410 and cache-control does not have no-store, or if proxy, does not have private and authorization is unset either has a status code of 301, 302, 307, 308, or 410 or has public, max-age or s-maxage in cache-control or has expires set public the response may be stored by any cache, even if the response is normally non-cacheable.
...however, the stored response must always go through validation with the origin server first before using it, therefore, you cannot use no-cache in-conjunction with immu
table.
...And 4 more matches
Object.isFrozen() - JavaScript
description an object is frozen if and only if it is not extensible, all its properties are non-configurable, and all its data properties (that is, properties which are not accessor properties with getter or setter components) are non-wri
table.
...var oneprop = { p: 42 }; object.isfrozen(oneprop); // === false // preventing extensions to the object still doesn't // make it frozen, because the property is still // configurable (and wri
table).
...delete oneprop.p; object.isfrozen(oneprop); // === true // a non-extensible object with a non-wri
table // but still configurable property is not frozen.
...And 4 more matches
Codecs used by WebRTC - Web media technologies
this is done by sending an a=imageattr sdp attribute to indicate the maximum resolution that is accep
table.
...those are listed in the following
table.
... supported audio codecs the audio codecs which rfc 7874 mandates that all webrtc-compatible browsers must support are shown in the
table below.
...And 4 more matches
Mobile first - Progressive web apps (PWAs)
this means that mobiles (often the target devices with the least available memory, bandwidth or processing power available) can be given an experience sui
table for them as quickly as possible, and as free as possible of extraneous information.
... article { display:
table; } nav { display:
table-caption; caption-side: bottom; } this is a rather nice hacky bit of css you can use to make the navigation menu display at the bottom, even though it is at the top in the source order.
...display:
table makes the <article> and its children display in a
table layout, without abusing
table markup.
...And 4 more matches
dx - SVG: Scalable Vector Graphics
value list of <length> default value none anima
table yes fedropshadow for <fedropshadow>, dx defines the x offset of the droped shadow.
... value <number> default value 2 anima
table yes feoffset for <feoffset>, dx defines the x offset of the filter input graphic.
... value <number> default value 0 anima
table yes glyphref warning: as of svg2 <glyphref> is deprecated and shouldn't be used.
...And 4 more matches
dy - SVG: Scalable Vector Graphics
value list of <length> default value none anima
table yes fedropshadow for <fedropshadow>, dy defines the y offset of the dropped shadow.
... value <number> default value 2 anima
table yes feoffset for <feoffset>, dy defines the y offset of the filter input graphic.
... value <number> default value 0 anima
table yes glyphref warning: as of svg2 <glyphref> is deprecated and shouldn't be used.
...And 4 more matches
pathLength - SVG: Scalable Vector Graphics
value <number> default value none anima
table yes ellipse for <ellipse>, pathlength lets authors specify a total length for the ellipse, in user units.
... value <number> default value none anima
table yes line for <line>, pathlength lets authors specify a total length for the line, in user units.
... value <number> default value none anima
table yes path for <path>, pathlength lets authors specify a total length for the path, in user units.
...And 4 more matches
preserveAspectRatio - SVG: Scalable Vector Graphics
default value xmidymid meet anima
table yes image for <image>, preserveaspectratio defines how the referenced image should fit in the rectangle define by the <image> element.
... default value xmidymid meet anima
table yes marker for <marker>, preserveaspectratio indicates if a uniform scaling must be performed to fit the element viewport.
... default value xmidymid meet anima
table yes pattern for <pattern>, preserveaspectratio indicates if a uniform scaling must be performed to fit the element viewport.
...And 4 more matches
Exported WebAssembly functions - WebAssembly
you can retrieve exported webassembly functions in two ways: by calling
table.prototype.get() on an existing
table.
... an example let's look at an example to clear things up (you can find this on github as
table-set.html; see it running live also, and check out the wasm text representation): var other
table = new webassembly.
table({ element: "anyfunc", initial: 2 }); webassembly.instantiatestreaming(fetch('
table.wasm')) .then(obj => { var tbl = obj.instance.exports.tbl; console.log(tbl.get(0)()); // 13 console.log(tbl.get(1)()); // 42 other
table.set(0,tbl.get(0)); other
table.set(1,tbl.get(1)...
...); console.log(other
table.get(0)()); console.log(other
table.get(1)()); }); here we create a
table (other
table) from javascript using the webassembly.
table constructor, then we load
table.wasm into our page using the webassembly.instantiatestreaming() method.
...And 4 more matches
StringView - Archive of obsolete content
s (i.e., an array of character codes — an arraybufferview in javascript) based upon the javascript arraybuffer interface to create a highly extensible library that anyone can extend by adding methods to the object stringview.prototype to create a collection of methods for such string-like objects (since now: stringviews) which work strictly on arrays of numbers rather than on creating new immu
table javascript strings to work with unicode encodings other than javascript's default utf-16 domstrings introduction as web applications become more and more powerful, adding features such as audio and video manipulation, access to raw data using websockets, and so forth, it has become clear that there are times when it would be helpful for javascript code to be able to quickly and easily manipul...
...the following
table shows the behavior of the stringview constructor.
...if you want to create a new stringview object cloning without sharing the same buffer, look at this
table.
...And 3 more matches
Chapter 4: Using XPCOM—Implementing advanced processes - Archive of obsolete content
the nsilocalfile object includes methods that return virtual state values for the current file, as shown in
table 1.
...
table 1: methods for checking file states method name description nsilocalfile.exists() determines whether or not the file exists.
... nsilocalfile.isexecu
table() determines whether or not the file can be executed.
...And 3 more matches
Editor Embedding Guide - Archive of obsolete content
in the beginning there is makeedi
table given an nsiwebbrowser instance, get an nsidomwindow from the getcontentdomwindow call.
...from there you call editingsession->makewindowedi
table(domwindow, editortype, pr_true).
... the first parameter is the nsidomwindow you just retrieved, the second is the editor type you want to create, and the third is whether you want the window edi
table immediately or when the document is done loading.
...And 3 more matches
Using XPInstall to Install Plugins - Archive of obsolete content
if the plugin is scrip
table, then it will also consist of an xpt file.
...if you are developing a plugin and wish to make it scrip
table, read the relevant portions of the plugin api.
...you can pass command line parameters to the execu
table.
...And 3 more matches
textbox (Toolkit autocomplete) - Archive of obsolete content
oreblurwhilesearching, 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, showcommentcolumn, showimagecolumn,size, tabindex, tabscrolling, textlength, textvalue, timeout, type, value methods getsearchat, onsearchcomplete, ontextentered, ontextreverted,...
...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.
...And 3 more matches
Textbox (XPFE autocomplete) - Archive of obsolete content
mmand, 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, popupopen, resultspopup, searchcount, searchparam, searchsessions, selectionend, selectionstart, sessioncount, showcommentcolumn, showpopup, size, tabindex, tabscrolling, textlength, textvalue, timeout, type, useraction, v...
...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.
...And 3 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 3 more matches
Archived Mozilla and build documentation - Archive of obsolete content
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.
...
table layout strategy the
table layout algorithm is based on two w3c recommendations: html 4.01 (chapter 11) and css2.1 (chapter 17).in css2 a distinction between fixed and auto layout of
tables has been introduced.
...And 3 more matches
Choosing Standards Compliance Over Proprietary Practices - Archive of obsolete content
adherence to standards and processes can actually provide a level of flexibility because development does become predic
table.
...consistent standards significantly reduce development re-work, and ensure consistent and predic
table behavior from one application to the next.
...when customers choose to use a particular product, they must have a positive experience with consistent, reliable, and predic
table behavior.
...And 3 more matches
Getting started with HTML - 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="playable-code" style="min-height: 100px;width: 95%"> this is my text.
... playable code2 <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%"> <p>a link to my favorite website.</p> </textarea> <div class="playable-buttons"> <input id="reset" type="button" value="reset"> <input id="solution" type="button" value="show solution"> </div>...
...this is entirely accep
table.
...And 3 more matches
How Mozilla's build system works
the primary output of the configure script is an execu
table file in the object directory called config.status.
...for example, there is a tier for the netscape por
table runtime (nspr), one for the javascript engine, one for the core gecko platform, one for the xul app being built, and so on.
...if you wanted to create a consumer that performed a line count of all c++ files or generated a clang compilation database, for example, this would be an accep
table use of a buildbackend.
...And 3 more matches
Embedding the editor
composer embedded in a native application in this application, the <iframe> on which the editor lives is embedded directly in the native application; this is equivalent to embedding the browser via nsiwebbrowser, but instead having an edi
table document.
...briefly, the embedding objectives are: <editor> should get you a working editor in a xul application should be able to have multiple <editor>s per xul window should be able to embed an edi
table content frame in a native application embedders should be able to supply their own chrome (toolbars etc).
...there is a docshell for each edi
table <iframe>.
...And 3 more matches
Mozilla MathML Status
tabular math element [- attribute] notes m
table implemented.
... m
table - alignmentscope not implemented.
... m
table - columnspacing, rowspacing, framespacing implemented.
...And 3 more matches
Mozilla Web Developer FAQ
the almost standards mode is like the standards mode except it addresses the issue of the next question by rendering
table cells with images in the traditional way.
... why are there gaps between image rows in
tables when the layout engine is in the standards mode?
... if the
table cells that contain only an image are marked with <td class="imgcell">, the required css rule is: .imgcell img, .imgcell a { display: block; } longer explanation… why are there still gaps even between text rows in
tables when the layout engine is in the standards mode or in the almost standards mode?
...And 3 more matches
NSS API Guidelines
callback functions, and functions used in function
tables, should have a typedef used to define the complete signature of the given function.
...these data structures need to be examined on a case by case basis, to determine if they are truly s
table and will not change in future release it is necessary for the callers of the api to know the size of these structures, as they may allocate new ones and pass them down.
...queued, linked, and hash
table stored objects should be examined with special care.
...And 3 more matches
TLS Cipher Suite Discovery
libssl offers a public
table of well defined cipher suite numbers.
... the cipher suites are listed in the
table in order of preference, from the most preferred cipher suite to the least preferred.
... the size of this
table varies from release to release, and so libssl makes the number of entries in that
table publicly available too.
...And 3 more matches
NSS Tools modutil
ld include a line such as this: + pkcs11_install_script: pk11install the sample script file could contain the following: forwardcompatible { irix:6.2:mips sunos:5.5.1:sparc }platforms { winnt::x86 { modulename { "fortezza module" } modulefile { win32/fort32.dll } defaultmechanismflags{0x0001} defaultcipherflags{0x0001} files { win32/setup.exe { execu
table relativepath { %temp%/setup.exe } } win32/setup.hlp { relativepath { %temp%/setup.hlp } } win32/setup.cab { relativepath { %temp%/setup.cab } } } } win95::x86 { equivalentplatform {winnt::x86} } sunos:5.5.1:sparc { modulename { "fortezza unix module" } modulefile { unix/fort.so } defaultmecha...
... the purpose of "%temp%" is to hold execu
table files (such as setup programs) or files that are used by these programs.
...files destined for the temporary directory are guaranteed to be in place before any execu
table file is run; they are not deleted until all execu
table files have finished.
...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
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
Web Replay
this non-determinism is prevented from spreading too far with the following techniques: different pointer values can affect the internal layout of hash
tables.
... to prevent this from having an effect on iteration order (and execution behavior) in the
table, the main
table classes (for now plhash
table and pldhash
table) are instrumented so that they always iterate over elements in the order they were added when recording or replaying.
... these should all be detec
table during recording, so that we don't attempt to replay an execution we know will not match up with the recording.
...And 3 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 3 more matches
mozIStorageService
storage/public/mozistorageservice.idlscrip
table this interface lets you open a mozistorageconnection to a database file, as well as create backups of an unopened database file.
... if your database contains virtual
tables (for example, for full-text indexes), you must use mozistorageservice.openunshareddatabase() to open it, since those
tables are not compatible with a shared cache.
... if you use this method to open a database containing virtual
tables, it will think the database is corrupted and throw ns_error_file_corrupted.
...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 us...
...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 nsisupportsprbool ...
...@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 : n...
...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
Address book sync client design
// // 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 database and update the // sync mapping
table.
... // // sync approach - server handles all conflict resolution: // // step 2: // using the sync mapping
table and the local records database, generate the change // list to send to the server.
...And 3 more matches
Initialization and Destruction - Plugins
in the initialization process, the browser passes the plug-in two
tables of function pointers for all api calls: one
table lists all api calls from the plug-in to the browser.
... this
table is filled out by the browser before the initialization call.
... the other
table lists all api calls from the browser to the plug-in.
...And 3 more matches
Scripting plugins - Plugins
this document also explains how to make a plugin use these new extensions to be scrip
table as well as how to access objects in a browser.
... (a bit of history: npapi plugins that used to take advantage of being scrip
table via liveconnect in 4.x netscape browsers lost this possibility in mozilla (due to the jni making the netscape 4.x jri obsolete).
... as an answer to this large gap in the netscape plugin api, an extension to the api has been developed that lets plugins be scrip
table again, independent of java.
...And 3 more matches
Index - Firefox Developer Tools
101 responsive design mode design, dev tools, firefox, guide, responsive design, tools, web development, l10n:priority responsive design is the practice of designing a website so it looks and works properly on a range of different devices — particularly mobile phones and
tablets as well as desktops and laptops.
...for each resource, you'll see: 107 cookies cookies, dev tools, firefox, guide, storage, storage inspector, tools, l10n:priority 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: 108 extension storage dev tools, extension storage, firefox, guide, storage, storage inspector, tools, l10n:priority this storage type is only shown when debugging extensions.
...And 3 more matches
DOMMatrix - Web APIs
the dommatrix interface represents 4×4 matrices, sui
table for 2d and 3d operations including rotation and translation.
... it is a mu
table version of the dommatrixreadonly interface.
... properties this interface inherits properties from dommatrixreadonly, though some of these properties are altered to be mu
table.
...And 3 more matches
HTMLElement - Web APIs
htmlelement.contentedi
table is a domstring, where a value of true means the element is edi
table and a value of false means it isn't.
... htmlelement.iscontentedi
table read only returns a boolean that indicates whether or not the content of the element can be edited.
... htmlelement.dropzone read only returns a domset
tabletokenlist reflecting the dropzone global attribute and describing the behavior of the element regarding a drop operation.
...And 3 more matches
Advanced techniques: Creating and sequencing audio - Web APIs
we're going to introduce sample loading, envelopes, filters, wave
tables, and frequency modulation.
...however, instead of using the standard waves that come by default, we're going to create our own using the periodicwave interface and values set in a wave
table.
...to do so, we need to pass real and imaginary values into the baseaudiocontext.createperiodicwave() method.: let wave = audioctx.createperiodicwave(wave
table.real, wave
table.imag); note: in our example the wave
table is held in a separate javascript file (wave
table.js), because there are so many values.
...And 3 more matches
ARIA: listbox role - Accessibility
for selec
table list items, space toggles their selection, shift+space can be used to select contiguous items, ctrl+arrow moves without selecting, and ctrl+space can be used to select non-contiguous items.
... if an option is not selec
table, omit the aria-selected.
...takes the value of only one id, even in a multiselec
table listbox.
...And 3 more matches
Cognitive accessibility - Accessibility
adaptability guideline 1.3 states "content should be adap
table." create content that can be presented in different ways without losing information or structure.
...some users may prefer a
table of contents, site map, or search functionality rather than reading and traversing through several pages to find what they need.
... predictability wcag guideline 3.2 states "make web pages appear and operate in predic
table ways." this is a tenet of good user experience design.
...And 3 more matches
:read-write - CSS: Cascading Style Sheets
the :read-write css pseudo-class represents an element (such as input or textarea) that is edi
table by the user.
... the :read-only pseudo-class is used to remove all the styling that makes the inputs look like clickable fields, making them look more like read-only paragraphs.the :read-write pseudo-class on the other hand is used to provide some nicer styling to the edi
table <textarea>.
...extarea:-moz-read-write, textarea:read-write { box-shadow: inset 1px 1px 3px #ccc; border-radius: 5px; } you can find the full source code at readonly-confirmation.html; this renders like so: styling read-write non-form controls this selector doesn't just select <input>/<textarea> elements — it will select any element that can be edited by the user, such as a <p> element with contentedi
table set on it.
...And 3 more matches
Linear-gradient Generator - CSS: Cascading Style Sheets
iv> </div> </div> <div id="output"> <div class="css-property"> <span class="property">background:</span> <span class="value"></span> </div> </div> </div> css content /* * 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-a...
...px; height: 10px; background: url("images/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; } /** * main container */ #container { width: 1000px; height: 100%; display:
table; margin: 0 auto; } #gradient-container { width: 450px; height: 250px; min-width: 8px; min-height: 8px; margin: 100px auto; border: 1px solid #ddd; position: relative; } #gradient-container[data-alpha="true"]:after { content: ""; width: 100%; height: 100%; background: url('images/canvas-pattern.png'); position: absolute; z-index: -1; } /** * gradient axis */ .gradient-axis { ...
...xis[axisid='3']:after { background-color: #5c5cda; } .gradient-axis[axisid='0'] path { fill: #da5c5c; } .gradient-axis[axisid='1'] path { fill: #5cda9b; } .gradient-axis[axisid='2'] path { fill: #5c9bda; } .gradient-axis[axisid='3'] path { fill: #5c5cda; } .gradient-axis .rotate-point:hover { cursor: pointer; } /** * controls */ #controls { width: 100%; margin: 0 auto; display:
table; } #controls .section { width: 50%; padding: 10px; display:
table; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #controls .section .title { width: 90%; margin: 0 0 10px 0; padding: 5px; border-bottom: 1px solid #ddd; font-size: 18px; color: #777; } #controls .property { width: 100%; height: 24px; margin: 10px 0; padding: ...
...And 3 more matches
border-style - CSS: Cascading Style Sheets
in the case of
table cell and border collapsing, the none value has the lowest priority: if any other conflicting border is set, it will be displayed.
...in the case of
table cell and border collapsing, the hidden value has the highest priority: if any other conflicting border is set, it won't be displayed.
...when applied to a
table cell with border-collapse set to collapsed, this value behaves like groove.
...And 3 more matches
Adapting to the new two-value syntax of display - CSS: Cascading Style Sheets
there are mappings for all of the existing values of display; the most common ones are listed in the
table below.
... to see a full list take a look at the
table found in the display property specification.
...ow-root block flow-root inline inline flow inline-block inline flow-root flex block flex inline-flex inline flex grid block grid inline-grid inline grid display: block flow-root and display: inline flow-root in terms of how these new values help to clarify css layout, we can take a look at a couple of values in the
table that might seem less familiar.
...And 3 more matches
max-height - CSS: Cascading Style Sheets
mdn understanding wcag, guideline 1.4 explanations understanding success criterion 1.4.4 | w3c understanding wcag 2.0 formal definition initial valuenoneapplies toall elements but non-replaced inline elements,
table columns, and column groupsinheritednopercentagesthe percentage is calculated with respect to the height of the generated box's containing block.
...y positioned, the percentage value is treated as none.computed valuethe percentage as specified or the absolute length or noneanimation typea length, percentage or calc(); formal syntax auto | <length> | <percentage> | min-content | max-content | fit-content(<length-percentage>)where <length-percentage> = <length> | <percentage> examples setting max-height using percentage and keyword values
table { max-height: 75%; } form { max-height: none; } specifications specification status comment css box sizing module level 4the definition of 'max-height' in that specification.
... browser compatibility the compatibility
table on this page is generated from structured data.
...And 3 more matches
max-width - CSS: Cascading Style Sheets
mdn understanding wcag, guideline 1.4 explanations understanding success criterion 1.4.4 | w3c understanding wcag 2.0 formal definition initial valuenoneapplies toall elements but non-replaced inline elements,
table rows, and row groupsinheritednopercentagesrefer to the width of the containing blockcomputed valuethe percentage as specified or the absolute length or noneanimation typea length, percentage or calc(); formal syntax auto | <length> | <percentage> | min-content | max-content | fit-content(<length-percentage>)where <length-percentage> = <length> | <percentage> examples setting max width in pixe...
... browser compatibility the compatibility
table on this page is generated from structured data.
...roidfirefox for androidopera for androidsafari on iossamsung internetmax-widthchrome full support 1edge full support 12firefox full support 1notes full support 1notes notes css 2.1 leaves the behavior of max-width with
table undefined.
...And 3 more matches
min-width - CSS: Cascading Style Sheets
formal definition initial valueautoapplies toall elements but non-replaced inline elements,
table rows, and row groupsinheritednopercentagesrefer to the width of the containing blockcomputed valuethe percentage as specified or the absolute lengthanimation typea length, percentage or calc(); formal syntax auto | <length> | <percentage> | min-content | max-content | fit-content(<length-percentage>)where <length-percentage> = <length> | <percentage> examples setting minimum element width ta...
... browser compatibility the compatibility
table on this page is generated from structured data.
...roidfirefox for androidopera for androidsafari on iossamsung internetmin-widthchrome full support 1edge full support 12firefox full support 1notes full support 1notes notes css 2.1 leaves the behavior of min-width with
table undefined.
...And 3 more matches
position - CSS: Cascading Style Sheets
its effect on
table-*-group,
table-row,
table-column,
table-cell, and
table-caption elements is undefined.
... sticky the element is positioned according to the normal flow of the document, and then offset relative to its nearest scrolling ancestor and containing block (nearest block-level ancestor), including
table-related elements, based on the values of top, right, bottom, and left.
... browser compatibility the compatibility
table on this page is generated from structured data.
...And 3 more matches
vertical-align - CSS: Cascading Style Sheets
the vertical-align css property sets vertical alignment of an inline, inline-block or
table-cell box.
...g"/> -100%:<img style="vertical-align:-100%" src="https://udn.realityripple.com/samples/16/ed9c61c3b6.png"/> </p> #* { box-sizing: border-box; } img { margin-right: 0.5em; } p { height: 3em; padding: 0 .5em; font-family: monospace; text-decoration: underline overline; margin-left: auto; margin-right: auto; width: 80%; } to vertically align the content of a cell in a
table: <
table> <tr> <td style="vertical-align: baseline">baseline</td> <td style="vertical-align: top">top</td> <td style="vertical-align: middle">middle</td> <td style="vertical-align: bottom">bottom</td> <td> <p>there is a theory which states that if ever anyone discovers exactly what the universe is for and why it is here, it will instantly disappear and be replaced by...
... something even more bizarre and inexplicable.</p> <p>there is another theory which states that this has already happened.</p> </td> </tr> </
table>
table { margin-left: auto; margin-right: auto; width: 80%; }
table, th, td { border: 1px solid black; } td { padding: 0.5em; font-family: monospace; } note that vertical-align only applies to inline, inline-block and
table-cell elements: you can't use it to vertically align block-level elements.
...And 3 more matches
visibility - CSS: Cascading Style Sheets
the property can also hide rows or columns in a <
table>.
... collapse for <
table> rows, columns, column groups, and row groups, the row(s) or column(s) are hidden and the space they would have occupied is removed (as if display: none were applied to the column/row of the
table).
...this value allows for the fast removal of a row or column from a
table without forcing the recalculation of widths and heights for the entire
table.
...And 3 more matches
User input and controls - Developer guides
using features such as contentedi
table elements you can implement fast rich-text editors and with drag&drop let users moving elements inside your app.
... contentedi
table in open web apps any dom element can be made directly edi
table using the contentedi
table attribute.
... <div contentedi
table="true">
this text can be edited by the user.
...And 3 more matches
<template>: The Content Template element - HTML: Hypertext Markup Language
<
table id="product
table"> <thead> <tr> <td>upc_code</td> <td>product_name</td> </tr> </thead> <tbody> <!-- existing data could optionally be included here --> </tbody> </
table> <template id="productrow"> <tr> <td class="record"></td> <td></td> </tr> </template> first, we have a
table into which we will later insert content using javascript code.
... then comes the template, which describes the structure of an html fragment representing a single
table row.
... now that the
table has been created and the template defined, we use javascript to insert rows into the
table, with each row being constructed using the template as its basis.
...And 3 more matches
HTTP Index - HTTP
rudp — the reliable update of udp — is a sui
table alternative.
... 65 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.
... 165 link draft, http, http header, link, needscompat
table, needscontent, needssyntax, reference the http link entity-header field provides a means for serialising one or more links in http headers.
...And 3 more matches
WebAssembly - JavaScript
creating new memory and
table instances via the webassembly.memory()/webassembly.
table() constructors.
... webassembly.global() represents a global variable instance, accessible from both javascript and impor
table/expor
table across one or more webassembly.module instances.
... webassembly.instance() is a stateful, execu
table instance of a webassembly.module webassembly.linkerror() indicates an error during module instantiation (besides traps from the start function).
...And 3 more matches
Strict mode - JavaScript
for example, nan is a non-wri
table global variable.
...any assignment that silently fails in normal code (assignment to a non-wri
table global or property, assignment to a getter-only property, assignment to a new property on a non-extensible object) will throw in strict mode: 'use strict'; // assignment to a non-wri
table global var undefined = 5; // throws a typeerror var infinity = 5; // throws a typeerror // assignment to a non-wri
table property var obj1 = {}; object.defineproperty(obj1, 'x', { value: 42, wri
table: false }); obj1.x = 9; // throws a typeerror // assignment to a getter-only property var obj2 = { get x() { return 17; } }; obj2.x = 5; // throws a typeerror // assignment to a new property...
... on a non-extensible object var fixed = {}; object.preventextensions(fixed); fixed.newprop = 'ohai'; // throws a typeerror third, strict mode makes attempts to delete undele
table properties throw (where before the attempt would simply have no effect): 'use strict'; delete object.prototype; // throws a typeerror fourth, strict mode prior to gecko 34 requires that all properties named in an object literal be unique.
...And 3 more matches
Web audio codec guide - Web media technologies
the
table below lists a number of key source audio file format factors and their impact on the encoded audio.
... as a patent-encumbered format, aac support is somewhat less predic
table.
...mpeg-1 format mp3 is generally best for music or other complex audio, while mpeg-2 mode mp3 audio is accep
table for speech and other simpler sounds.
...And 3 more matches
SVG Core Attributes - SVG: Scalable Vector Graphics
value: any valid id string; anima
table: no lang participates in defining the language of the element, the language that non-edi
table elements are written in or the language that edi
table elements should be written in.
... value: any valid language id; anima
table: no tabindex the tabindex svg attribute allows you to control whether an element is focusable and to define the relative order of the element for the purposes of sequential focus navigation.
... value type: <integer>; anima
table: no xml:base specifies a base iri other than the base iri of the document.
...And 3 more matches
<ellipse> - SVG: Scalable Vector Graphics
value type: <length>|<percentage> ; default value: 0; anima
table: yes cy the y position of the ellipse.
... value type: <length>|<percentage> ; default value: 0; anima
table: yes rx the radius of the ellipse on the x axis.
... value type: auto|<length>|<percentage> ; default value: auto; anima
table: yes ry the radius of the ellipse on the y axis.
...And 3 more matches
<line> - SVG: Scalable Vector Graphics
value type: <length>|<percentage>|<number> ; default value: 0; anima
table: yes x2 defines the x-axis coordinate of the line ending point.
... value type: <length>|<percentage>|<number> ; default value: 0; anima
table: yes y1 defines the y-axis coordinate of the line starting point.
... value type: <length>|<percentage>|<number> ; default value: 0; anima
table: yes y2 defines the y-axis coordinate of the line ending point.
...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
CSS3 - Archive of obsolete content
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.
...l snap module level 1 candidate recommendation css painting api level 1 working draft css containment module level 1 recommendation css writing modes level 4 candidate recommendation modules in the refining phase specifications that are deemed to be in the refining phase are already fairly s
table.
...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
Style System Overview - Archive of obsolete content
various rules in nshtmlstylesheet.cpp do other things with presentational color-related attributes and with
tables.
... to match rules, we do lookups in the rulehash's
tables, remerge the lists of rules using stored indices, and then call selectormatchestree to find which selectors really match.
...(important advice for chrome css authors.) pseudo-elements are hashed in element hash, so for matching pseudo-elements we only need one hash
table lookup.
...And 2 more matches
Reading textual data - Archive of obsolete content
converting read data if you read data from nsiscrip
tableinputstream as described on the file i/o code snippets page, you can convert it to utf-8 // sstream is nsiscrip
tableinputstream var str = sstream.read(4096); var utf8converter = components.classes["@mozilla.org/intl/utf8converterservice;1"].
...you will have to manually read a block of data and convert it using nsiscrip
tableunicodeconverter.
... for 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 here */ "utf-8"; // now, read from the stream // this assumes istream is the stream you want to read from var scrip
tablestream = components.classes["@mozilla.org/scrip
tableinputstream;1"] .createinstance(components.interfaces.nsiscrip
tableinputstream); scrip
tablestream.init(istream); var chunk = scrip
tablestream.read(4096); var text = converter.converttounicode(chunk); however, you must be aware that this method will not work for character encodings that have...
...And 2 more matches
Running Tamarin acceptance tests - Archive of obsolete content
running the tamarin test suite requires the following steps: set the avm environment variable to the path of the avmplus execu
table (avmshell).
... note: the name of the avmshell execu
table varies among the build systems; use the name of the avm shell produced from the build process you used, above.
... in order to use threading on windows you must install windows python and invoke runtests using that python execu
table in cygwin.
...And 2 more matches
The Download Manager schema - Archive of obsolete content
the download manager uses an sqlite
table to keep track of downloads in progress as well as queued and past downloads.
... the
table is kept in a database file named "downloads.sqlite", in a
table called "moz_downloads".
... this information is available using nsidownloadmanager methods to retrieve nsidownload objects for each download entry; however, if you feel like poking directly into the
table, you can do so using the storage api.
...And 2 more matches
Elements - Archive of obsolete content
notes in the current s
table releases of mozilla products (e.g.
... firefox 2) it is impossible to attach bindings to
table sub-elements (rows, cells etc.) you can attach binding only to the
table element itself.
...(see bug 83830 for <
table> specifics).
...And 2 more matches
Install script template - Archive of obsolete content
the keys are written according to the specification: http://mozilla.org/projects/plugins/first-install-problem.html and follows the plid specification: http://mozilla.org/projects/plugins/plugin-identifier.html **/ // define some global variables var plugin_file = "npmyplugin.dll"; // this plugin consists of an xpt file because it is scrip
table // http://mozilla.org/projects/plugins/scripting-plugins.html var component_file = "npmypluginscrip
table.xpt"; var plugin_size = 2000; // (dll file) reserve a little extra so it is not required to update too often var component_size = 10; // (xpi file) reserve a little extra so it is not required to update too often var software_name="cult3d mozilla viewer"; // plids (http://mozilla.or...
...when we try and do a secondary installation var errblock2 = 0; // global variable containing our secondary install location var secondaryfolder; //special error values used by the cycore developers (www.cycore.com) who helped make this install script var exceptionoccurederror = -4711; var winregisnullerror = -4712; var invalidrootkeyerror = -4713; var registrykeynotwri
tableerror = -4714; //initinstall block //the installation is initialized here -- if we fail here, cancel the installation // initinstall is quite an overloaded method, but i have invoked it here with three strings // which are globally defined err = initinstall(software_name, plid, version); if (err != 0) { // call initinstall again in case illegal characters in plid err = initinstall(softwar...
...tart installing plugin shared library reseterror(); // install the plugin shared library to the current browser's plugin directory errblock1 = addfile (plid, version, plugin_file, pluginsfolder, null); if (errblock1!=0) { logcomment("could not add " + plugin_file + " to " + pluginsfolder + ":" + errblock1); cancelinstall(errblock1); } // start installing xpt file if this is a scrip
table plugin // install to the plugins directory -- this works well in mozilla 1.0 clients // in mozilla 1.0 clients, the components directory can be avoided for xpt files errblock1 = addfile (plid, version, component_file, pluginsfolder, null); if (errblock1!=0) { logcomment("could not add " + component_file + " to " + pluginsfolder + ":" + errblock1); cancelinstall(errblock1); } } else {...
...And 2 more matches
Learn XPI Installer Scripting by Example - Archive of obsolete content
the install log is created in the product directory by default (where the browser execu
table is).
... say you have a simple execu
table and a readme file that goes with it, and you want to make it available for installation from a xpi.
... minimally, the installation script must: call initinstall with the name and version of the execu
table (the version is not optional, though you may or may not use the version in subsequent installations or updates) find somewhere to put the installed files.
...And 2 more matches
IO - 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.
...to get a reference to a file object use nsiscrip
tableio.getfile().
...And 2 more matches
Tree Widget Changes - Archive of obsolete content
(do not set id of the column to be 'checked' it will cause problems with the css) treechildren::-moz-tree-checkbox(checked) { /* css for checked cells */ list-style-image: url("chrome://global/skin/checkbox/cbox-check.gif"); } in addition, checkmark columns support editing: <tree edi
table="true"> <treecols> <treecol type="checkbox" edi
table="true"> ...
... </treecol> </treecols> </tree> if the column is edi
table, the user can click the cell to change the state of the checkbox.
... note that the tree must also be marked as edi
table using the edi
table attribute in order for this to work.
...And 2 more matches
Element Positioning - Archive of obsolete content
in the image, the first two buttons have been given a sui
table size to hold their text.
...the height of the buttons is a sui
table size to hold the text.
...it is not very por
table and may not fit in with some themes.
...And 2 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 2 more matches
display-outside - Archive of obsolete content
/* keyword values */ display-outside: block-level; display-outside: inline-level; display-outside: run-in; display-outside: contents; display-outside: none; display-outside:
table-row-group; display-outside:
table-header-group; display-outside:
table-footer-group; display-outside:
table-row; display-outside:
table-cell; display-outside:
table-column-group; display-outside:
table-column; display-outside:
table-caption; display-outside: ruby-base; display-outside: ruby-text; display-outside: ruby-base-container; display-outside: ruby-text-container; /* global values */ display-outside: inherit; display-outside: ...
...
table-row-group,
table-header-group,
table-footer-group,
table-row,
table-cell,
table-column-group,
table-column,
table-caption the element is an internal
table element, and participates in a
table layout context.
...
table-cell and
table-caption are layout-specific leaf types; the rest are layout-specific internal types.
...And 2 more matches
Styling the Amazing Netscape Fish Cam Page - Archive of obsolete content
the amazing netscape fish cam page has been restructured and restyled for the new millennium, ditching
tables for strong and accessible markup.
... marking up the fish in the old fish cam page, there was a
table that contained the pictures and descriptions of the fish.
... well, i couldn't letthat continue—fish are flexible, slippery things, and
tables are very much not.
...And 2 more matches
Plug-in Development Overview - Gecko Plugin API Reference
also see making plug-ins scrip
table for more information about making plug-ins accessible from the browser.
...for example: image/xbm:xbm:x bitmap or for 2 mime types: image/xbm:xbm:x bitmap;image/png:png:por
table network graphics.
... making plug-ins scrip
table scrip
table plug-ins are plug-ins that have been extended to provide methods that can be called from javascript and the dom when accessed through the object or embed element.
...And 2 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 2 more matches
Introduction to client-side frameworks - Learn web development
before you decide to use a framework for a project, be sure you have time to learn enough of its features for it to be useful to you rather than it working against you, and be sure that your teammates are comfor
table with it as well.
... some extra code is inevi
table, and a framework that supports tree-shaking (removal of any code that isn't actually used in the app during the build process) will allow you to keep your applications small, but this is still a factor you need to keep in mind when considering your app's performance, especially on more network/storage-constrained devices, like mobile phones.
... with traditional (server-side) routing, navigating the web has predic
table results.
...And 2 more matches
Debugging Frame Reflow
log file analysis the log file for a simple
table like <!doctype html public "-//w3c//dtd html 4.01 transitional//en"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> </head> <body> <
table width="100"> <tbody> <tr> <td>foo</td> </tr> </tbody> </
table> </body> </html> will create the following log: vp 00b97c30 r=0 a=9180,4470 c=9180,4470 cnt=856 scroll 00b97ee0 r=0 a=9180,4470 c=9180,...
...below this is a line that reads: tblo 02d7b5f0 r=0 a=8940,uc c=0,0 cnt=870 here the uc shows that on initial reflow the available height for the outer
table frame is unconstrained.
... the
table cell requires its children to compute the mes.
...And 2 more matches
Debugging on Windows
this will also create a visual c++ mozilla project in the directory of the execu
table by default.
... 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.
... "execu
table for debug session:" should show the execu
table you are debugging.
...And 2 more matches
Experimental features in Firefox
editor's note: when adding features to these
tables, please try to include a link to the relevant bug or bugs using the bug macro: {{bug(bug-number)}}.
... nightly 53 yes developer edition 53 no beta 53 no release 53 no preference name dom.dialog_element.enabled global attribute: inputmode our implementation of the inputmode global attribute has been updated as per the whatwg spec (bug 1509527), but we still need to make other changes too, like making it available on contentedi
table content.
... nightly 73 no developer edition 73 no beta 73 no release 73 no preference name dom.webgpu.enabled html dom api global event: beforeinput the global beforeinput event is sent to an <input> element—or any element whose contentedi
table attribute is enabled—immediately before the element's value changes.
...And 2 more matches
HTML parser threading
additionally, each nshtml5parser has an associated nshtml5treeopexecutor that turns the output (tree operations; discussed later) of the por
table parser core into actions performed on the gecko dom.
...public identifiers and system identifiers are deleted by the tree op or by the por
table parser core if they don't make it as far a tree op.
...for other atoms, the parser uses nshtml5atom objects that are atomic only within the scope of an nshtml5atom
table.
...And 2 more matches
Gecko's "Almost Standards" Mode
a common case that this affects is the layout of images inside
table cells.
... this means that sliced-images-in-
tables layouts are less likely to fall apart in gecko-based browsers based on the rendering engine found in mozilla 1.0.1 or later when in either "quirks" or "almost standards" mode.
... (see the devedge article "images,
tables, and mysterious gaps" for a detailed explanation of how such layouts are treated in "standards" mode.) in slightly more detail, what differs in almost-standards mode is roughly this: inline boxes that have no non-whitespace text as a child and have no border, padding, or margin: do not influence the size of the line box (that is, their line-height is ignored) do not get a height (e.g., for their background) larger than that of their descendants, even if their font size is larger (if they have no descendants, they are zero-height positioned at their baseline) other than this one difference, "almost standards" and "standards" modes are exactly the same in terms of layout and other behaviors.
...And 2 more matches
Introduction to NSPR
the netscape por
table runtime (nspr) api allows compliant applications to use system facilities such as threads, thread synchronization, i/o, interval timing, atomic operations, and several other low-level services in a platform-independent manner.
... some operating systems cannot be made preemp
table (for example, mac os and win 16).
...these systems can support local level thread abstractions that can be made preemp
table, but run the risk of library corruption (libc).
...And 2 more matches
PLHashEnumerator
index, void *arg); /* return value */ #define ht_enumerate_next 0 /* continue enumerating entries */ #define ht_enumerate_stop 1 /* stop enumerating entries */ #define ht_enumerate_remove 2 /* remove and free the current entry */ #define ht_enumerate_unhash 4 /* just unhash the current entry */ description plhashenumerator is a function type used in the enumerating a hash
table.
... when all the
table entries are enumerated, each entry is passed to a user-specified function of type plhashenumerator with the hash
table entry, an integer index, and an arbitrary piece of user data as argument.
...in the current implementation, it will leave the hash
table in an inconsistent state.
...And 2 more matches
PRIOMethods
the
table of i/o methods used in a file descriptor.
... description you don't need to know the type declaration for each function listed in the method
table unless you are implementing a layer.
... the i/o methods
table provides procedural access to the functions of the file descriptor.
...And 2 more matches
Python binding for NSS
project information python-nss is a python binding for nss (network security services) and nspr (netscape por
table runtime).
... netscape por
table runtime.
...programmers already familiar with nss/nspr will be quite comfor
table with python-nss.
...And 2 more matches
sslfnc.html
to that end, nss provides a
table that can be examined at run time.
... all aspects of this
table are declared in ssl.h.
...the number of values in the
table is contained in an external 16-bit integer named ssl_numimplementedciphers.
...And 2 more matches
Tutorial: Embedding Rhino
initializing standard objects the code scrip
table scope = cx.initstandardobjects(); initializes the standard objects (object, function, etc.) this must be done before scripts can be executed.
...this is the same as runscript, but with the addition of two extra lines of code: object wrappedout = context.javatojs(system.out, scope); scrip
tableobject.putproperty(scope, "out", wrappedout); these lines add a global variable out that is a javascript reflection of the system.out variable: $ java runscript2 "out.println(42)" 42.0 undefined using javascript objects from java after evaluating a script it's possible to query the scope for variables and functions, extracting values and calling javascript functions.
...f("my args") = my arg using javascript variables to print out the value of x, we add the following code: object x = scope.get("x", scope); if (x == scrip
table.not_found) { system.out.println("x is not defined."); } else { system.out.println("x = " + context.tostring(x)); } calling javascript functions to get the function f, call it, and print the result, we add this code: object fobj = scope.get("f", scope); if (!(fobj instanceof function)) { system.out.println("f is undefined or not a function."); } else { object functionargs[] = {...
...And 2 more matches
The JavaScript Runtime
string java.lang.charsequence (java.lang.string or org.mozilla.javascript.consstring) object org.mozilla.javascript.scrip
table in addition, ecma refers to objects that implement [[call]] as functions.
... instead, every property accessor method in scrip
table (has, get, set, remove, getattributes, and setattributes) has overloaded forms that take either a string or an int argument.
...for example, evaluating the expression obj["3"] will invoke the get(int, scrip
table) method even though the property name was presented in the script as a string.
...And 2 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, starting ...
...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 2 more matches
Shell global objects
intern(str) internalize str in the atom
table.
... setimmu
tableprototype(obj) try to make obj's [[prototype]] immu
table, such that subsequent attempts to change it will fail.
... return true if obj's [[prototype]] was successfully made immu
table (or if it already was immu
table), false otherwise.
...And 2 more matches
Gecko object attributes
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.
... applied to: role_
table table-cell-index the index of the
table cell accessible.
...And 2 more matches
History Service Design
in case the database has been created for the first time history service will create all
tables, indexes and triggers, calling related init
tables static methods of other dependant services.
... finally temporary
tables, indexes and triggers are created, this happens at every run since those entities are removed when closing the connection.
... storing pages and visits pages (intended as uris) are stored into a
table shared by both history and bookmarks, every url is unique in this
table and is associated with a place id, commonly used as the foreign key on other
tables.
...And 2 more matches
mozIStorageFunction
storage/public/mozistoragefunction.idlscrip
table please add a summary to this article.
...let stmt = dbconn.createstatement("select square(value) from some_
table"); try { while (stmt.executestep()) { // handle the results } } finally { stmt.reset(); } in earlier versions of gecko, however, you'll need to actually create an object containing the onfunctioncall method.
...let stmt = dbconn.createstatement("select square(value) from some_
table"); try { while (stmt.executestep()) { // handle the results } } finally { stmt.reset(); } c++ // first, create our class that will represent our function.
...And 2 more matches
nsIArray
xpcom/ds/nsiarray.idlscrip
table this interface implements an array object.
...for an array which can be modified, see nsimu
tablearray.
...it is also convention that if an interface provides access to an nsiarray, that the array should not be queryinterfaced to an nsimu
tablearray for modification.
...And 2 more matches
nsIDOMProgressEvent
dom/interfaces/events/nsidomprogressevent.idlscrip
table this interface represents the events sent with progress information while uploading data using the xmlhttprequest object.
... method overview void initprogressevent(in domstring typearg, in boolean canbubblearg, in boolean cancelablearg, in boolean lengthcompu
tablearg, in unsigned long long loadedarg, in unsigned long long totalarg); deprecated since gecko 22.0 attributes attribute type description lengthcompu
table boolean specifies whether or not the total size of the transfer is known.
... void initprogressevent( in domstring typearg, in boolean canbubblearg, in boolean cancelablearg, in boolean lengthcompu
tablearg, in unsigned long long loadedarg, in unsigned long long totalarg ); parameters typearg the type of event.
...And 2 more matches
nsIEditorDocShell
docshell/base/nsieditordocshell.idlscrip
table provides a way to get an editor from a specific frame in a docshell hierarchy.
... inherits from: nsisupports last changed in gecko 1.7 use nsieditingsession.makewindowedi
table() and nsieditingsession.geteditorforwindow() from out side.
... method overview void makeedi
table(in boolean inwaitforuriload); attributes attribute type description edi
table boolean this docshell is edi
table.
...And 2 more matches
nsITreeColumn
layout/xul/base/src/tree/public/nsitreecolumns.idlscrip
table please add a summary to this article.
... edi
table boolean if true the nsitreecolumn content is edi
table.
... if the edi
table attribute is not set, the column cells are not edi
table.
...And 2 more matches
XPCOM Interface Reference
component; nsiprefbranchextensionmanager (toolkit)iaccessible2iaccessibleactioniaccessibleapplicationiaccessiblecomponentiaccessibleedi
tabletextiaccessiblehyperlinkiaccessiblehypertextiaccessibleimageiaccessiblerelationiaccessible
tableiaccessible
table2iaccessible
tablecelliaccessibletextiaccessiblevalueidispatchijsdebuggeramiinstallcallbackamiinstalltriggeramiwebinstallinfoamiwebinstalllisteneramiwebinstallpromptamiwebinstallerimgicacheimgicontainerimgicontainerobserverimgidecoderimgidecoderobserverimgiencoderimgiloaderimgirequestinidomutilsjsdistackframemoziasyncfaviconsmoziasynchistorymozicoloranalyzermozijssubscriptloadermozipersonaldictionarymoziplaceinfomoziplacesautocompletemoziregistrymozirepresentative...
...tparamsmozistoragestatementrowmozistoragestatementwrappermozistoragevacuumparticipantmozistoragevaluearraymozitxttohtmlconvmozithirdpartyutilmozivisitinfomozivisitinfocallbackmozivisitstatuscallbacknsiabcardnsiaboutmodulensiabstractworkernsiaccelerometerupdatensiaccessnodensiaccessibilityservicensiaccessiblensiaccessiblecaretmoveeventnsiaccessiblecoordinatetypensiaccessibledocumentnsiaccessibleedi
tabletextnsiaccessibleeventnsiaccessiblehyperlinknsiaccessiblehypertextnsiaccessibleimagensiaccessibleprovidernsiaccessiblerelationnsiaccessibleretrievalnsiaccessiblerolensiaccessiblescrolltypensiaccessibleselec
tablensiaccessiblestatechangeeventnsiaccessiblestatesnsiaccessible
tablensiaccessible
tablecellnsiaccessible
tablechangeeventnsiaccessibletextnsiaccessibletextchangeeventnsiaccessibletreecachensiac...
...rnsimsgdbviewnsimsgdbviewcommandupdaternsimsgdatabasensimsgfilternsimsgfiltercustomactionnsimsgfilterlistnsimsgfoldernsimsgheaderparsernsimsgidentitynsimsgincomingservernsimsgmessageservicensimsgprotocolinfonsimsgruleactionnsimsgsearchcustomtermnsimsgsearchnotifynsimsgsearchscopetermnsimsgsearchsessionnsimsgsearchtermnsimsgsearchvaluensimsgsendlaternsimsgthreadnsimsgwindownsimsgwindowcommandsnsimu
tablearraynsinavbookmarkobservernsinavbookmarksservicensinavhistorybatchcallbacknsinavhistorycontainerresultnodensinavhistoryfullvisitresultnodensinavhistoryobservernsinavhistoryquerynsinavhistoryqueryoptionsnsinavhistoryqueryresultnodensinavhistoryresultnsinavhistoryresultnodensinavhistoryresultobservernsinavhistoryresulttreeviewernsinavhistoryresultviewobservernsinavhistoryresultviewernsinavhistoryse...
...And 2 more matches
XPCOM Interface Reference by grouping
nt nsidomevent nsidomeventgroup nsidomeventlistener nsidomeventtarget nsidommousescrollevent nsidommoztouchevent nsidomorientationevent nsidomprogressevent nsidomsimplegestureevent nsidragdrophandler nsidragservice nsidragsession html nsiaccessibilityservice nsiaccessiblecoordinatetype nsiaccessibledocument nsiaccessibleedi
tabletext nsiaccessibleevent nsiaccessiblehyperlink nsiaccessiblehypertext nsiaccessibleimage nsiaccessibleprovider nsiaccessibleretrieval nsiaccessiblerole nsiaccessiblescrolltype nsiaccessibleselec
table nsiaccessiblestates nsiaccessible
table nsiaccessibletext nsiaccessibletreecache nsiaccessiblevalue nsiaccessnode nsisyncmessagesender ...
... script nsiscrip
tableunescapehtml nsiscrip
tableunicodeconverter nsiscripterror nsiscripterror2 stylesheet nsistylesheetservice url nsiuri nsiurl util nsidomserializer nsidomxpathevaluator nsidomxpathexception nsidomxpathexpression nsidomxpathresult xslt nsixsltexception nsixsltprocessor download nsidownload nsidownloadmanager nsidownloadprogresslistener element internal nsiworker nsiworkerglobalscope nsiworkermessageevent nsiworkermessageport nsiworkerscope tree nsitreeboxobject nsitreecolumn nsitreecolumns nsitreecontentview nsitreeselection nsitreeview xform nsixformsmodelelement nsixformsnsinstanceeleme...
...or nsifeedperson nsifeedprocessor nsifeedprogresslistener nsifeedresult nsifeedresultlistener nsifeedtextconstruct script mozijssubscriptloader storage mozistoragevacuumparticipant util nsieffectivetldservice worker nsiabstractworker data nsiarray nsicategorymanager nsicollection nsidictionary nsimu
tablearray nsisimpleenumerator nsisupportschar nsisupportsdouble nsisupportsfloat nsisupportsid nsisupportsinterfacepointer nsisupportsprbool nsisupportsprimitive nsisupportsprint16 nsisupportsprint32 nsisupportsprint64 nsisupportspriority nsisupportsprtime nsisupportspruint16 nsisupportspruint32 nsisupportspruint64 nsisupportspruint8 ...
...And 2 more matches
Use SQLite
this will create an sqlite db named tbird.sqlite inside your profile directory with a
table called attachments.
... you can see the schema for the attachments
table in the code.
... const cc = components.classes; const ci = components.interfaces; var tbirdsqlite = { onload: function() { // initialization code this.initialized = true; this.dbinit(); }, dbconnection: null, dbschema: {
tables: { attachments:"id integer primary key, \ name text \ encoded text not null" } }, dbinit: function() { var dirservice = cc["@mozilla.org/file/directory_service;1"].
...And 2 more matches
Using COM from js-ctypes
basis and reference for this article bugzilla :: bug 738501 - implement ability to create windows shortcuts from javascript - comment 4 relavent topic bugzilla :: bug 505907 - support c++ calling from jsctypes converting com code to c code to convert com code to js-ctypes, we need to write c++ v
table pointers in c.
... $ cl ole32.lib test.cpp v
table needs v
table description here.
... the order of the v
table is very critical.
...And 2 more matches
Standard OS Libraries
wayland is not considered s
table, but it's supposed to replace xorg in the long term.
... components.utils.import('resource://gre/modules/ctypes.jsm'); var gdk = ctypes.open('libgdk-x11-2.0.so.0'); // types var gint = ctypes.int; var gdkdevice = ctypes.structtype('gdkdevice'); var gdkmodifiertype = ctypes.int; var gdkwindow = ctypes.structtype('gdkwindow'); var void = ctypes.void_t; // https://developer.gnome.org/gdk3/s
table/gdk3-windows.html#gdk-get-default-root-window var gdk_get_default_root_window = gdk.declare('gdk_get_default_root_window', ctypes.default_abi, gdkwindow.ptr // return - the root window, which is top most parent of all windows ); // in gdk2 we have to use gdk_window_get_pointer, but in gdk3 it was deprecated and have to use gdk_window_get_device_position https://developer.gnome.org/gdk3/st...
...var gdk = ctypes.open('libgdk-x11-2.0.so.0'); var gdk3 = ctypes.open('libgdk-3.so.0'); // types var gint = ctypes.int; var gdkdevice = ctypes.structtype('gdkdevice'); var gdkdevicemanager = ctypes.structtype('gdkdevicemanager'); var gdkdisplay = ctypes.structtype('gdkdisplay'); var gdkmodifiertype = ctypes.int; var gdkwindow = ctypes.structtype('gdkwindow'); // https://developer.gnome.org/gdk3/s
table/gdk3-windows.html#gdk-get-default-root-window var gdk_get_default_root_window = gdk.declare('gdk_get_default_root_window', ctypes.default_abi, gdkwindow.ptr // return - the root window, which is top most parent of all windows ); // in gdk2 we have to use gdk_window_get_pointer, but in gdk3 it was deprecated and have to use gdk_window_get_device_position // https://developer.gnome.org/gdk3...
...And 2 more matches
Plug-in Development Overview - Plugins
also see making plug-ins scrip
table for more information about making plug-ins accessible from the browser.
...for example: image/xbm:xbm:x bitmap or for 2 mime types: image/xbm:xbm:x bitmap;image/png:png:por
table network graphics.
... making plug-ins scrip
table scrip
table plug-ins are plug-ins that have been extended to provide methods that can be called from javascript and the dom when accessed through the object or embed element.
...And 2 more matches
Using the CSS Typed Object Model - Web APIs
let's start by adding some css to our example, including a custom property and an inher
table property: p { font-weight: bold; } a { --color: red; color: var(--color); } instead of getting all the properties, we create an array of properties of interest and use the stylepropertymapreadonly.get() method to get each of their values: <p> <a href="https://example.com">link</a> </p> <dl id="regurgitation"></dl> // get the element const myelement = document.queryselector('a'); ...
... let's write a plain paragraph, apply no styles, and inspect a few of its css properties by returning a
table with the unit and value: <p> this is a paragraph with some content.
...</p> <
table id="regurgitation"> <thead> <tr> <th>property</th> <th>value</th> <th>unit</th> </tr> </
table> for each property of interest, we list the name of the property, use .get(propertyname).value to return the value, and, if the object returned by the get() is a cssunitvalue, list the unit type we retrieve with .get(propertyname).unit.
...And 2 more matches
Using images - Web APIs
another potential advantage is that it is also possible to encapsulate in one file all of your css, javascript, html, and images, making it more por
table to other locations.
...the gallery consists of a
table containing several images.
...insertbefore() is a method of the parent node (a
table cell) of the element (the image) before which we want to insert our new node (the canvas element).
...And 2 more matches
DOMMatrixReadOnly - Web APIs
the dommatrixreadonly interface represents a read-only 4×4 matrix, sui
table for 2d and 3d operations.
...a 4×4 matrix is sui
table to describe any rotation and translation in 3d.
... fromfloat32array() creates a new mu
table dommatrix object given an array of single-precision (32-bit) floating-point values.
...And 2 more matches
Introduction to the File and Directory Entries API - Web APIs
if you want to have large mu
table chunks of data, the file and directory entries api is a much more efficient storage solution than a database.
...however, appcache storage isn't locally mu
table, and doesn't allow for fine-grained client-side management.
... the file and directory entries api adheres to the same-origin policy the file and directory entries api does not let you create and rename execu
table files the file system is sandboxed you cannot run your app from file:// the file and directory entries api adheres to the same-origin policy an origin is the domain, application layer protocol, and port of a url of the document where the script is being executed.
...And 2 more matches
Fullscreen API - Web APIs
specifications specification status fullscreen api living standard browser compatibility document.fullscreen the compatibility
table on this page is generated from structured data.
... document.fullscreenelement the compatibility
table on this page is generated from structured data.
... document.fullscreenenabled the compatibility
table on this page is generated from structured data.
...And 2 more matches
KeyboardEvent: code values - Web APIs
the following
tables show what code values are used for each native scancode or virtual keycode on major platforms.
...these
tables show those variations when known.
... code values code values on windows this
table shows the windows scan codes representing keys and the keyboardevent.code values which correspond to those hardware keys.
...And 2 more matches
ARIA: textbox role - Accessibility
including the html contentedi
table attribute ensures the text node is edi
table.
... <!-- simple text input field --> <div id="txtboxlabel">enter your five-digit zipcode</div> <div role="textbox" contentedi
table="true" aria-placeholder="5-digit zipcode" aria-labelledby="txtboxlabel"></div> <!-- multi-line text area --> <div id="txtboxmultilinelabel">enter the tags for the article</div> <div role="textbox" contentedi
table="true" aria-multiline="true" aria-labelledby="txtboxmultilinelabel" aria-required="true"></div> semantic elements are more concise and require no javascript to support textbox features.
... <div role="textbox" contentedi
table="true"></div> example 2: adding the role in the html code for multi-line input the snippet below shows how the textbox role is added directly into the html source code.
...And 2 more matches
HTML To MSAA - Accessibility
remarks the
table below shows how gecko maps html elements to msaa.
... this
table reflects mapping rules for specific elements only, it doesn't reflect any general rules applicable to all elements.
...map html element role name value states relations actions events notes a role_system_ link n/a value of @href attribute state_system_ selec
table if @name attribute is presented state_system_ linked if @href attribute is presented or click event listener is registered state_system_ traversed if link is traversed n/a "jump" if @href is valid n/a br role_system_ whitespace '\n' (new line char) state_system_ readonly n/a n/a n/a button role_system_ pushbutton from child nodes n/a state_system_ focusable state_system_ default if @type attribute has value "submit" n/a "press" n/a caption bstr role...
...And 2 more matches
:read-only - CSS: Cascading Style Sheets
the :read-only css pseudo-class represents an element (such as input or textarea) that is not edi
table by the user.
... the :read-only pseudo-class is used to remove all the styling that makes the inputs look like clickable fields, making them look more like read-only paragraphs.the :read-write pseudo-class on the other hand is used to provide some nicer styling to the edi
table <textarea>.
... <p contentedi
table>this paragraph is edi
table; it is read-write.</p> <p>this paragraph is not edi
table; it is read-only.</p> p { font-size: 150%; padding: 5px; border-radius: 5px; } p:read-only { background-color: red; color: white; } p:read-write { background-color: lime; } specifications specification status comment html living standardthe definition of ':read-only'...
...And 2 more matches
CSS Grid Layout and Accessibility - CSS: Cascading Style Sheets
those of us who have been doing web development for more years than we care to remember might consider that css grid is a little bit like using “
tables for layout”.
... back in the early days of web design, the way we constructed page layout was to use html
tables, then fragment our design into the cells of those
tables in order to create a layout.
... this had some advantages over the “css positioning” that came afterwards, in that we could take advantage of the alignment and full height columns offered by
table display.
...And 2 more matches
CSS Grid Layout and Progressive Enhancement - CSS: Cascading Style Sheets
if you are using display:
table for your legacy layout, an item set to display:
table-cell generates anonymous boxes.
... therefore, if you use display:
table-cell without any parent element set to display-
table, an anonymous
table wrapper is created around any adjacent cells, just as if you had wrapped them in a div or other element set to display:
table.
... if you have an item set to display:
table-cell, and then in a feature query change the parent to display: grid, this anonymous box creation will not happen.
...And 2 more matches
border-collapse - CSS: Cascading Style Sheets
the border-collapse css property sets whether cells inside a <
table> have shared or separate borders.
... values collapse adjacent cells have shared borders (the collapsed-border
table rendering model).
... separate adjacent cells have distinct borders (the separated-border
table rendering model).
...And 2 more matches
Block formatting context - Developer guides
table cells (elements with display:
table-cell, which is the default for html
table cells).
...
table captions (elements with display:
table-caption, which is the default for html
table captions).
... anonymous
table cells implicitly created by the elements with display:
table,
table-row,
table-row-group,
table-header-group,
table-footer-group (which is the default for html
tables,
table rows,
table bodies,
table headers, and
table footers, respectively), or inline-
table.
...And 2 more matches
<textarea> - HTML: Hypertext Markup Language
don't use vertical-align: baseline on it; the behavior is unpredic
table.
...have a play with both and you'll see the difference in behavior — the disabled element is not selec
table in any way (and its value is not submitted), whereas the readonly element is selec
table and its contents copyable (and its value is submitted); you just can't edit the contents.
... note: in browsers other than firefox, such as chrome, the disabled textarea content may be selec
table and copyable.
...And 2 more matches
<th> - HTML: Hypertext Markup Language
the html <th> element defines a cell as header of a group of
table cells.
... implicit aria role columnheader or rowheader permitted aria roles any dom interface html
tableheadercellelement attributes this element includes the global attributes.
...its default value is 1; if its value is set to 0, it extends until the end of the
table section (<thead>, <tbody>, <tfoot>, even if implicitly defined), that the cell belongs to.
...And 2 more matches
Global attributes - HTML: Hypertext Markup Language
contentedi
table an enumerated attribute indicating if the element should be edi
table by the user.
...the attribute must take one of the following values: true or the empty string, which indicates that the element must be edi
table; false, which indicates that the element must not be edi
table.
...used primarily on <input> elements, but is usable on any element while in contentedi
table mode.
...And 2 more matches
Equality comparisons and sameness - JavaScript
e(b) string false false tonumber(a) === b a === b tonumber(a) === tonumber(b) a == toprimitive(b) boolean false false tonumber(a) === b tonumber(a) === tonumber(b) a === b tonumber(a) == toprimitive(b) object false false toprimitive(a) == b toprimitive(a) == b toprimitive(a) == tonumber(b) a === b in the above
table, tonumber(a) attempts to convert its argument to a number before comparison.
...(this use case demonstrates an instance of the liskov substitution principle.) one instance occurs when an attempt is made to mutate an immu
table property: // add an immu
table negative_zero property to the number constructor.
... object.defineproperty(number, 'negative_zero', { value: -0, wri
table: false, configurable: false, enumerable: false }); function attemptmutation(v) { object.defineproperty(number, 'negative_zero', { value: v }); } object.defineproperty will throw an exception when attempting to change an immu
table property, but it does nothing if no actual change is requested.
...And 2 more matches
Object.assign() - JavaScript
this may make it unsui
table for merging new properties into a prototype if the merge sources contain getters.
... in case of an error, for example if a property is non-wri
table, a typeerror is raised, and the target object is changed if any properties are added before the error is raised.
... polyfill this polyfill doesn't support symbol properties, since es5 doesn't have symbols anyway: if (typeof object.assign !== 'function') { // must be wri
table: true, enumerable: false, configurable: true object.defineproperty(object, "assign", { value: function assign(target, varargs) { // .length of function is 2 'use strict'; if (target === null || target === undefined) { throw new typeerror('cannot convert undefined or null to object'); } var to = object(target); for (var index = 1; index < arguments.length; index++) { var nextsource = arguments[index]; if (nextsource !== null && nextsource !== undefined) { for (var nextkey in nextsource) { ...
...And 2 more matches
Object.defineProperties() - JavaScript
wri
table true if and only if the value associated with the property may be changed with an assignment operator.
... if a descriptor has neither of value, wri
table, get and set keys, it is treated as a data descriptor.
... if a descriptor has both value or wri
table and get or set keys, an exception is thrown.
...And 2 more matches
WebAssembly.Global() constructor - JavaScript
a webassembly.global() constructor creates a new global object representing a global variable instance, accessible from both javascript and impor
table/expor
table across one or more webassembly.module instances.
... mu
table: a boolean value that determines whether the global is mu
table or not.
...it is being defined as a mu
table i32 type, with a value of 0.
...And 2 more matches
viewBox - SVG: Scalable Vector Graphics
value <number>?, <number>?, <number>?, <number> default value none anima
table yes pattern for <pattern>, viewbox defines the position and dimension for the content of the pattern tile.
... value <number>?, <number>?, <number>?, <number> default value none anima
table yes svg for <svg>, viewbox defines the position and dimension for the content of the <svg> element.
... value <number>?, <number>?, <number>?, <number> default value none anima
table yes symbol for <symbol>, viewbox defines the position and dimension for the content of the <symbol> element.
...And 2 more matches
<circle> - SVG: Scalable Vector Graphics
value type: <length>|<percentage> ; default value: 0; anima
table: yes cy the y-axis coordinate of the center of the circle.
... value type: <length>|<percentage> ; default value: 0; anima
table: yes r the radius of the circle.
... value type: <length> ; default value: 0; anima
table: yes pathlength the total length for the circle's circumference, in user units.
...And 2 more matches
<foreignObject> - SVG: Scalable Vector Graphics
value type: <length>|<percentage> ; default value: auto; anima
table: yes width the width of the foreignobject.
... value type: <length>|<percentage> ; default value: auto; anima
table: yes x the x coordinate of the foreignobject.
... value type: <length>|<percentage> ; default value: 0; anima
table: yes y the y coordinate of the foreignobject.
...And 2 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 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
Finding window handles - Archive of obsolete content
.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_madeintogd...
...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/gt...
...k3/s
table/gtkwindow.html#gtk-window-present-with-time var gtk_window_present_with_time = gtk.declare('gtk_window_present_with_time', ctypes.default_abi, ctypes.void_t, gtkwindow.ptr, guint32); // gdk_x11_get_server_time is needed for gtk_window_present_with_time // 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_madeintogdkwinptr = gdkwindow.ptr(ctypes.uint64(gdkwindowptrstring)); var gptr = gpointer(); var rez_gwgud = gdk_window_get_user_data(browserwindow_madeintogdkwinptr, gptr.address()); console.info('rez_gwgud:', rez_gwgud, /*rez_gwgud.tostring(),*/ uneval(rez_gwgud)); // return is void so cant do .tost...
...1 = ctypes.open('libx11.so.6'); // types let guint32 = ctypes.uint32_t; let gdkwindow = ctypes.structtype('gdkwindow'); let gdkdrawable = ctypes.structtype('gdkdrawable'); let card32; if (/^(alpha|hppa|ia64|ppc64|s390|x86_64)-/.test(services.appinfo.xpcomabi)) { card32 = ctypes.unsigned_int; } else { card32 = ctypes.unsigned_long; } let xid = card32; //https://developer.gnome.org/gdk2/s
table/gdk2-x-window-system-interaction.html#gdk-x11-drawable-get-xid var gdk_x11_drawable_get_xid = gdk.declare('gdk_x11_drawable_get_xid', ctypes.default_abi, xid, gdkdrawable.ptr); var browserwindow_madeintogdkwinptr = gdkwindow.ptr(ctypes.uint64(gdkwindowptrstring)); var browserwindow_madeintogdkdrawable = ctypes.cast(browserwindow_madeintogdkwinptr, gdkdrawable.ptr); var browserwindow_madeintoxi...
Chapter 6: Firefox extensions and XUL applications - Archive of obsolete content
parameters are as shown in
table 1.
... if you want to use terapad2, for example, insert the following: c:\app\tpad090\terapad.exe /jl=%l %f
table 1: parameters used in mozunit parameter description %f filename %l line number %c column number the author uses meadow, which is opened using gnuserv.
... implement in calc.js next we need to add the execu
table code.
...fixme: not sure we should talk about this tool installation windows users can take advantage of a self-contained version created by soutaro matsumoto called “gonzui for win32” http://soutaro.com/gonzui-win32/ run it as follows: download gonzui-win32-1.2.2.zip and expand it into a sui
table directory.
Setting Up a Development Environment - Archive of obsolete content
also make sure that make is in the execu
table system path.
... the only no
table additions is a file named makefile under src.
... you should also set up your environment so that xpidl.exe (or just xpidl on other systems) is in the default execu
table path, and also add a variable called gecko_sdk, that points to your sdk build: export gecko_sdk=/path/to/your/sdk our build system should pick it up from there.
...you don't want uns
table extensions to break your everyday firefox profile, risking data loss.
Index of archived content - Archive of obsolete content
sign space manager high level design standalone xpcom standard makefile header static analysis for windows code under linux stress testing string quick reference string rosetta stone structure of an installable bundle supporting per-window private browsing supporting private browsing mode
table cellmap
table cellmap - border collapse
table layout regression tests
table layout strategy tamarin abcasm tamarin acceptance testing abc assembler tests actionscript acceptance tests tamarin acceptance test...
... list of mozilla-based applications localizing an extension mmgc makefile - .mk files misc top level bypassing security restrictions and signing code creating a web based tone generator defining cross-browser tooltips environment variables affecting crash reporting io guide images,
tables, and mysterious gaps installing plugins to gecko embedding browsers on windows mcd, mission control desktop, aka autoconfig monitoring wifi access points no proxy for configuration notes on html reflow same-origin policy for file: uris source navigator source code directories overview using xml data islands...
...ension for mozilla plugins sax security digital signatures encryption and decryption introduction to public-key cryptography introduction to ssl nspr release engineering guide ssl and tls solaris 10 build prerequisites sunbird theme tutorial
table reflow internals tamarin tracing build documentation the basics of web services themes building a theme common firefox theme issues and solutions creating a skin for firefox uuid contents.rdf install.rdf making sure your theme works...
... using workers in extensions web standards choosing standards compliance over proprietary practices community correctly using titles with external stylesheets describing microformats in javascript displaying a graphic with audio samples fixing incorrectly sized list item markers fixing
table inheritance in quirks mode issues arising from arbitrary-element hover mozilla's doctype sniffing parsing microformats in javascript popup window controls rdf in fifty words or less rdf in mozilla faq styling abbreviations and acronyms the business benefits of web standards using the right markup to invoke p...
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.
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.
Monitoring downloads - Archive of obsolete content
.get("profd", components.interfaces.nsifile); this.dbfile.append("downloadlogger.sqlite"); // get access to the storage service and open the database this.storageservice = components.classes["@mozilla.org/storage/service;1"] .getservice(components.interfaces.mozistorageservice); var dbconn = this.storageservice.opendatabase(this.dbfile); // now create the
table; if it already exists, this fails, but we don't care!
... dbconn.executesimplesql("create
table items (source text, size integer," + " starttime integer, endtime integer," + " speed real, status integer)"); dbconn.close(); }, this is fairly simple stuff.
...the database file is opened, and an sqlite create
table command is executed to create the
table.
...orage service and open the database this.storageservice = components.classes["@mozilla.org/storage/service;1"] .getservice(components.interfaces.mozistorageservice); var dbconn = this.storageservice.opendatabase(this.dbfile); var loglist = document.getelementbyid("loglist"); var statement = dbconn.createstatement("select * from items"); // get all items in
table try { while (statement.executestep()) { var row = document.createelement('listitem'); // add the cells to the row var cell = document.createelement('listcell'); var sourcestr = statement.getstring(0); row.setattribute("tooltiptext", sourcestr); sourcestr = sourcestr.slice(sourcestr.lastindexof("/")+1); cell.setattribute("label", sourcestr...
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.
...any loaded file which matches the file pattern, and contains an execu
table line at the requested line number will have a breakpoint set.
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-openlinkintab 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 images...
...-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 ...
The Joy of XUL - Archive of obsolete content
platform portability like html, xul is designed to be platform-neutral, making applications easily por
table to all of the operating systems on which mozilla runs.
...dynamic application logic can benefit significantly from a ui presentation layer that is standards-based, scrip
table, extensible, and similarly distribu
table over the internet.
... see also xul documentation on mdc, including the xul tutorial and the xul reference xul overlays xbl documentation: xbl introduction, xbl reference xpcom documentation xpconnect (scrip
table components) documentation.
... see also http://www.mozilla.org/scrip
table/ extensions documentation, including the building an extension introductory tutorial mozilla calendar project page original document information author: peter bojanic ...
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.
Grids - Archive of obsolete content
it has some similarities to the html
table tag.
... a grid contains elements that are aligned in rows just like
tables.
...just like html
tables, you put content such as labels and buttons inside the rows.
...it is most common to use rows, as with a
table.
Accessibility/XUL Accessibility Reference - Archive of obsolete content
this
table is designed to show how to expose text properly for various xul element types.
... grid although text in the grid can be read, jaws does not recognize grids as
tables for
table reading mode.
... groupbox <groupbox> <caption label="<!--group label-->" /> <hbox> <button label="<!--button text-->" /> </hbox> </groupbox> iframe jaws 7.10 issues testing with jaws 7.10, use of an iframe element causes many, unpredic
table issues with xul inside of the iframe.
... tabbrowser jaws 7.10 issues testing with jaws 7.10, use of a tabbrowser element causes many, unpredic
table issues with xul inside of the iframe.
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> </menu...
...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.
tree - Archive of obsolete content
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="1...
... edi
table type: boolean indicates that the cells of the tree may be edited.
... xul for the tree: <?xml version="1.0"?> <?xml-stylesheet href="chrome://global/skin/" type="text/css"?> <?xml-stylesheet href="file://c:/main.css" type="text/css"?> <window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> <row><button label="getrowvalues" oncommand="getrowcellvalues();"/></row> <tree flex="1" edi
table="true" id="mytree"> <treecols> <treecol label="active" type="checkbox" edi
table="true" /> <treecol label="name" flex="1" id="name"/> </treecols> <treechildren> <treeitem> <treerow> <treecell value="false"/> <treecell label="alice"/> </treerow> </treeitem> <treeitem> <treerow> <treecell value="false"/> <treecell label="b...
calICalendarView - Archive of obsolete content
it should be noted, however, that the methods and attributes implemented by a calicalendarview need not behave in any predic
table fashion.
...it also fueled the development, however, of the more predic
table, but less flexible calidecoratedview, which usually contains an embedded calicalendarview.
... calendar/base/public/calicalendarview.idlscrip
table please add a summary to this article.
... interface code [scrip
table, uuid(3e567ccb-2ecf-4f59-b7ca-bf42b0fbf24a)] interface calicalendarview : nsisupports { attribute calicalendar displaycalender; attribute calicalendarviewcontroller controller; void showdate(in calidatetime adate); void setdaterange(in calidatetime astartdate, in calidatetime aenddate); readonly attribute calidatetime startdate; readonly attribute calidatetime enddate; readonly attribute boolean supportsdisjointdates; readonly attribute boolean hasdisjointdates; void setdatelist(in unsigned long acount, [array,size_is(acount)] in calidatetime adates); void getdatelist(out unsigned long acount, [array,size_is(acount),retval] out calidatetime adates); attribute caliitembase selecteditem; attribute calidateti...
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 parse...
...r/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/quote...
...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/
table...
...05.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/test...
Theme changes in Firefox 2 - 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.
... changes to the default theme the
table below lists all the changes made in the default theme for firefox 2; you can use this information as a starting point for figuring out the changes you need to make.
...these are used to make the picker look like a regular text box instead of like an edi
table menu list when there are no microsummaries available.
... menulist#name[droppable="false"] menulist#name[droppable="false"] > .menulist-edi
table-box menulist#name[droppable="false"] > .menulist-edi
table-box > html|*.textbox-input menulist#name[droppable="false"] > .menulist-dropmarker menulist#name[droppable="false"] > menupopup this file styles addbookmark2.xul.
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 // document ...
...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, fea...
...].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 oldon...
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.
Archive of obsolete content
newsgroup summaries obsolete: xpcom-based scripting for npapi plugins plugins that used to take advantage of being scrip
table via liveconnect in 4.x netscape browsers lost this possibility in the new world.
...the new mozilla xpcom architecture allows xpcom components be scrip
table via a different mechanism called xpconnect.
...
table reflow internals key: tamarin tracing build documentation the following instructions are for obtaining and building the tamarin tracing source code.
... using firebug and jquery (screencast) note: this screencast is originally from: http://ejohn.org/blog/hacking-digg-w...ug-and-jquery/ using io timeout and interrupt on nt 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.
Accessible multimedia - Learn web development
multimedia and accessibility so far in this module we have looked at a variety of content and what needs to be done to ensure its accessibility, ranging from simple text content to data
tables, images, native controls such as form elements and buttons, and even more complex markup structures (with wai-aria attributes).
...look around and ask advice to make sure you find a repu
table company that you'll be able to work with effectively.
...if you pay a repu
table company or ai service to do the transcription, you will probably get it done rapidly and to a high quality.
...if the audio you are presenting is something like a face to face meeting or live spoken performance, it would be accep
table to take notes during the performance, publish them in full along with the audio, then seek help in cleaning up the notes afterwards.
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.
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 ...
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 { ...
... a figure could be several images, a code snippet, audio, video, equations, a
table, or something else.
...if you get really stuck, press the show solution button to see an answer: 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: 100px; width: 95%"> </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 { font-...
From object to iframe — other embedding technologies - Learn web development
these were embedded in a master document called a frameset, which allowed you to specify the area on the screen that each frame filled, rather like sizing the columns and rows of a
table.
... playable code <h2>live output</h2> <div class="output" style="min-height: 250px;"> </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: 100px;"> </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 { font-...
...the live edi
table examples you've been using through this course are implemented using <iframe>s.
...(in the best case scenario, your user's web browser will give them a scary warning.) all repu
table companies that make content available for embedding via an <iframe> will make it available via https — look at the urls inside the <iframe> src attribute when you are embedding content from google maps or youtube, for example.
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.
Client-side storage - Learn web development
the app looks something like this: each note has a title and some body text, each individually edi
table.
...if you want to upgrade your database (for example, by changing the
table structure), you have to run your code again with an increased version number, different schema specified inside the onupgradeneeded handler (see below), etc.
...add the following code, below your previous handler: // setup the database
tables if this has not already been done request.onupgradeneeded = function(e) { // grab a reference to the opened database let db = e.target.result; // create an objectstore to store our notes in (basically like a single
table) // including a auto-incrementing key let objectstore = db.createobjectstore('notes_os', { keypath: 'id', autoincrement:true }); // define what data items the obje...
...this is equivalent to a single
table in a conventional database system.
Arrays - Learn web development
converting between strings and arrays often you'll be presented with some raw data contained in a big long string, and you might want to separate the useful items out into a more useful form and then do things to them, like display them in a data
table.
...in the edi
table example below there are comments containing numbers — each of these marks a place where you have to add something to the code.
... playable code <h2>live output</h2> <div class="output" style="min-height: 150px;"> <ul> </ul> <p></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: 410px;width: 95%"> const list = document.queryselector('.output ul'); const totalbox = document.queryselector('.output p'); let total = 0; list.innerhtml = ''; totalbox.textcontent = ''; // number 1 'underpant...
... playable code 2 <h2>live output</h2> <div class="output" style="min-height: 150px;"> <input type="text"><button>search</button> <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: 370px; width: 95%"> const list = document.queryselector('.output ul'); const searchinput = document.queryselector('.output input'); const searchbtn = document.queryselector('.output button'); list.innerhtml = ''; let myhis...
Implementing feature detection - Learn web development
objective: to understand what the concept of feature detection is, and be able to implement sui
table solutions in css and javascript.
... the concept of feature detection the idea behind feature detection is that you can run a test to determine whether a feature is supported in the current browser, and then conditionally run code to provide an accep
table experience both in browsers that do support the feature, and browsers that don't.
...bear in mind though that some features, however, are known to be undetec
table — see modernizr's list of undetec
tables.
... update your <link> element in your html so it points to the correct css file (you should also update your <title> element to something more sui
table!): <link href="modernizr-css.css" rel="stylesheet"> above this <link> element, add a <script> element to apply the modernizr library to the page, as shown below.
Setting up your own test automation environment - Learn web development
you can find details of where to get them from on the selenium-webdriver page (see the
table in the first section.) obviously, some of the browsers are os-specific, but we're going to stick with firefox and chrome, as they are available across all the main oses.
... we could add a sleep() method to our quick_test.js test too — try wrapping your last line of code in a block like this: driver.sleep(2000).then(function() { input.sendkeys('filling in my form'); input.getattribute("value").then(function(value) { if(value !== '') { console.log('form input edi
table'); } }); }); webdriver will now wait for 2 seconds before filling in the form field.
...in general, you should make sure that your tests are: using good locator strategies: when you are interacting with the document, make sure that you use locators and page objects that are unlikely to change — if you have a tes
table element that you want to perform a test on, make sure that it has a s
table id, or position on the page that can be selected using a css selector, which isn't going to just change with the next site iteration.
...choose the latest s
table version number (i.e.
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.
Accessible Toolkit Checklist
is it a link, static text, edi
table text, a checkbox, or a
table cell, etc.
... get_accstate: a 32 bit field representing possible on/off states, such as focused, focusable, selected, selec
table, visible, protected (for passwords), checked, etc.
... msaa support, including accessible selection, selec
table, multiselec
table and extselec
table states, and statechange events for checkbox children trees when a tree view is tabbed to, select the first item if nothing else is already selected up/down arrow key navigation left arrow to first collapse a branch, then move to parent right arrow to first expand a branch, then move to first child multiple selection i...
... space bar toggles checkboxes the enter key should activate an item if double clicking would do so msaa support, including accessible selection, exposing current level and position in list, alternative text for informative or interactive images, selec
table, multiselec
table and extselec
table states, statechange events for expanding/collapsing and toggling of checkbox children.
Adding a new CSS property
_value_list, the shorthand property parser would be assumed to be reusing the longhand parser once per item, not for a whole list, as for properties like background-image or transform-timing-function.) if the property takes a list of keywords other than inherit/initial/etc., auto, none, or normal (which can be expressed using the variant_* flags), you should use variant_keyword and add a keyword
table to the nscssprops class.
... the name of this keyword
table needs to go in the nscssproplist entry; otherwise that keyword
table should be null.
... if you need a keyword
table, you should include auto, normal, or none (if needed) in that
table rather than combining variant_keyword with variant_auto, variant_normal, or variant_none.
... and for shorthands you also need to include a subproperty
table in nscssprops, whose name must match the "method" argument in the css_prop_shorthand macro.
Old Thunderbird build
the execu
table will be at the location listed under running below.
... various temporary files, libraries, and the thunderbird execu
table will be found in your object directory (under comm-central/), which is prefixed with obj-.
... the thunderbird 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/thunderbird.exe linux: obj-.../dist/bin/thunderbird os x: obj-.../dist/daily.app/contents/macos/thunderbird how to update and build again in your comm-central directory, run the same command as before: python client.py checkout then just re-run the mach command above.
Simple Thunderbird build
the execu
table will be at the location listed under running below.
... various temporary files, libraries, and the thunderbird execu
table will be found in your object directory (under comm-central/), which is prefixed with obj-.
... the thunderbird 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/thunderbird.exe linux: obj-.../dist/bin/thunderbird macos: obj-.../dist/daily.app/contents/macos/thunderbird how to update and build again in your source directory: hg pull -u cd comm hg pull -u cd ..
Multiple Firefox profiles
nightly contains the latest code from firefox developers and is the least s
table channel.
... set the "command" text field to target the execu
table file, likely "/usr/bin/firefox", and add the -p parameter.
...to do this: set the "command" text field to target the execu
table file, likely "/usr/bin/firefox", and add the -p profile_name parameter, replacing "profile_name" with the specific profile.
...you will want to set it to the directory where you extracted the firefox channel's tar.bz2 file, and the execu
table "firefox" file located within this directory.
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);" title=...
...</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> </mrow...
.../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"); setselec...
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.
Optimizing Applications For NSPR
netscape por
table runtime (nspr) tries to provide a consistent level of service across the platforms it supports.
...no failure attribu
table to the flaw has shown up in any tests or products - yet.
... macintosh threads are not preemp
table.
...but they are not really preemp
table, and that can lead to problems, depending on the needs of your application.
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 ...
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.
PKCS11 Implement
the nss interprets the combination of the ckf_login_required and ckf_user_pin_initialized flags as shown in
table 1.1.
...typically, nss uses c_createobject for creating a new private key if pkcs #12 is operating or if your wri
table token doesn't support c_generatekeypair.
...
table 1.2 summarizes the pkcs #11 functions (in addition to the other functions described in this document) that nss expects each type of token to support.
...multipurpose tokens should support all the functions listed in
table 1.2, except that c_wrapkey and c_unwrapkey are optional.
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(j...
...scontext *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, const...
... 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); b...
...ool 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 length, ...
...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
tablehandlevalue ...
...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_de...
... spidermonkey embedders should be aware that mozilla has no plans to keep the jsapi, nor the jsdbgapi, s
table for embedders.
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.
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 ext...
An Overview of XPCOM
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 - establishing a contract with the software clients that use it.
...but casting can become more involved where you must first cast void then to the requested type, because you must return the interface pointer in the v
table corresponding to the requested interface.
... writing components in other languages though you do not have access to some of the tools that xpcom provides for c++ developers (such as macros, templates, smart pointers, and others) when you create components in other languages, you may be so comfor
table with the language itself that you can eschew c++ altogether and build, for example, python-based xpcom components that can be used from javascript or vice versa.
...this exception is regret
table, but required for com compliance.
Using XPCOM Components
the functionality of the cookiemanager component is available through the nsicookiemanager interface, which is comprised of the public methods in the
table below.
... see http://www.mozilla.org/scrip
table/ for more information about xpconnect and javascript.
... the xpcom component viewer can be extremely useful for this sort of gross interrogation, but again: it displays all of the components and interfaces in your build, many of which are not practical for actual reuse or s
table enough to be used reliably in your own application development.
... managing cookies from javascript var cmgr = components.classes["@mozilla.org/cookiemanager;1"] .getservice(); cmgr = cmgr.queryinterface(components.interfaces.nsicookiemanager); function loadcookies() { // load cookies into a
table var enumerator = cmgr.enumerator; var count = 0; var showpolicyfield = false; while (enumerator.hasmoreelements()) { var nextcookie = enumerator.getnext(); nextcookie = nextcookie.queryinterface(components.interfaces.nsicookie); /* ....
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.
mozIStorageAggregateFunction
storage/public/mozistorageaggregatefunction.idlscrip
table please add a summary to this article.
...let stmt = dbconn.createstatement("select stddev(value) from some_
table"); try { while (stmt.executestep()) { // handle the results } } finally { stmt.reset(); } c++ // first, create our class that will represent our function.
... for (pruint32 i = 0; i < mnumbers.length(); i++) total += mnumbers[i]; print32 mean = total / mnumbers.length(); nstarray<print64> data(mnumbers); for (pruint32 i = 0; i < data.length(); i++) { print32 value = data[i] - mean; data[i] = value * value; } total = 0; for (pruint32 i = 0; i < data.length(); i++) total += data[i]; nscomptr<nsiwri
tablevariant> result = do_createinstance("@mozilla.org/variant;1"); ns_ensure_true(result, ns_error_out_of_memory); rv = result->setasdouble(sqrt(double(total) / double(data.length()))); ns_ensure_success(rv, rv); ns_addref(*_result = result); return ns_ok; } private: nstarray<print32> mnumbers; }; // now, register our function with the database connection.
...nscomptr<mozistoragestatement> stmt; rv = dbconn->createstatement(ns_literal_cstring( "select stddev(value) from some_
table"), getter_addrefs(stmt) ); ns_ensure_success(rv, rv); prbool hasmore; while (ns_succeeded(stmt->executestep(&hasmore)) && hasmore) { // handle the results } ...
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.
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 nsiselectio...
... 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.
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.
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 associat...
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.
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 (entri...
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.
Mozilla
error codes returned by mozilla apis the following
tables list errors that can occur when calling various mozilla apis.
...in the manager, select the database you want to explore in the '(select profile database)' pulldown, click 'go', select one of the
tables listed in the left column and see the current contents of the database in the 'browse & search' tab.) gecko gecko is the name of the layout engine developed by the mozilla project.
...all the methods that are supposed to show up on this jsobject are actually not properties of the object itself, but rather properties of the prototype of the jsobject for the wrapper (unless the c++ object's class info has the flag nsixpcscrip
table::dont_share_prototype set, but lets assume that's not the case here).
...c++ support is possible through v
table pointers see using com from js-ctypes.
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.
IndexedDB - Firefox Developer Tools
when you select an origin inside the indexed db storage type in the storage tree of the storage inspector, a
table lists the details of all the databases present for that origin.
... when an indexeddb database is selected in the storage tree, details about all the object stores are listed in the
table.
... when an object store is selected in the storage tree, all the items in that object store are listed in the
table.
... you can delete an indexeddb database using the context menu in the storage tree: if the database cannot be deleted (most commonly because there are still active connections to the database), a warning message will be displayed in the storage inspector: you can use the context menu in the
table widget to delete all items in an object store, or a particular item: ...
Element - Web APIs
it implements the properties of parentnode, childnode, nondocumenttypechildnode, and anima
table.
... properties included from slo
table the element interface includes the following property, defined on the slo
table mixin.
... slo
table.assignedslotread only returns a htmlslotelement representing the <slot> the node is inserted in.
... methods inherits methods from its parents node, and its own parent, eventtarget, and implements those of parentnode, childnode, nondocumenttypechildnode, and anima
table.
IDBIndex.count() - Web APIs
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 displaydatabyindex() {
tableentry.innerhtml = ''; var transaction = db.transaction(['contactslist'], 'readonly'); var objectstore = transaction.objectstore('contactslist'); var myindex = objectstore.index('lname'); var countrequest = myindex.count(); countrequest.onsuccess = function() { console.log(countrequest.result); } 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.company + '</td>' + '<td>' + cursor.value.email + '</td>' + '<td>' + cursor.value.phone + '</td>' + '<td>' + cursor.value.age + '</td>';
tableentry.appendchild(
tablerow); cursor.continue(); } else { console.log('entries all displayed.'); } }; }; specification specification status comment indexed database api 2.0the definition of 'count()' in that specification.
... recommendation browser compatibility the compatibility
table on this page is generated from structured data.
IDBIndex.get() - Web APIs
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 displaydatabyindex() {
tableentry.innerhtml = ''; var transaction = db.transaction(['contactslist'], 'readonly'); var objectstore = transaction.objectstore('contactslist'); var myindex = objectstore.index('lname'); var getrequest = myindex.get('bungle'); getrequest.onsuccess = function() { console.log(getrequest.result); } 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.company + '</td>' + '<td>' + cursor.value.email + '</td>' + '<td>' + cursor.value.phone + '</td>' + '<td>' + cursor.value.age + '</td>';
tableentry.appendchild(
tablerow); cursor.continue(); } else { console.log('entries all displayed.'); } }; }; specification specification status comment indexed database api 2.0the definition of 'get()' in that specification.
... recommendation browser compatibility the compatibility
table on this page is generated from structured data.
IDBIndex.getKey() - Web APIs
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 displaydatabyindex() {
tableentry.innerhtml = ''; var transaction = db.transaction(['contactslist'], 'readonly'); var objectstore = transaction.objectstore('contactslist'); var myindex = objectstore.index('lname'); var getkeyrequest = myindex.getkey('bungle'); getkeyrequest.onsuccess = function() { console.log(getkeyrequest.result); } 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.fnam...
...e + '</td>' + '<td>' + cursor.value.jtitle + '</td>' + '<td>' + cursor.value.company + '</td>' + '<td>' + cursor.value.email + '</td>' + '<td>' + cursor.value.phone + '</td>' + '<td>' + cursor.value.age + '</td>';
tableentry.appendchild(
tablerow); cursor.continue(); } else { console.log('entries all displayed.'); } }; }; specification specification status comment indexed database api 2.0the definition of 'getkey()' in that specification.
... recommendation browser compatibility the compatibility
table on this page is generated from structured data.
IDBIndex.keyPath - Web APIs
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 displaydatabyindex() {
tableentry.innerhtml = ''; var transaction = db.transaction(['contactslist'], 'readonly'); var objectstore = transaction.objectstore('contactslist'); var myindex = objectstore.index('lname'); console.log(myindex.keypath); 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.company + '</td>' + '<td>' + cursor.value.email + '</td>' + '<td>' + cursor.value.phone + '</td>' + '<td>' + cursor.value.age + '</td>';
tableentry.appendchild(
tablerow); cursor.continue(); } else { console.log('entries all displayed.'); } }; }; specification specification status comment indexed database api 2.0the definition of 'keypath' in that specification.
... recommendation browser compatibility the compatibility
table on this page is generated from structured data.
IDBIndex.multiEntry - Web APIs
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 displaydatabyindex() {
tableentry.innerhtml = ''; var transaction = db.transaction(['contactslist'], 'readonly'); var objectstore = transaction.objectstore('contactslist'); var myindex = objectstore.index('lname'); console.log(myindex.multientry); 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.company + '</td>' + '<td>' + cursor.value.email + '</td>' + '<td>' + cursor.value.phone + '</td>' + '<td>' + cursor.value.age + '</td>';
tableentry.appendchild(
tablerow); cursor.continue(); } else { console.log('entries all displayed.'); } }; }; specification specification status comment indexed database api 2.0the definition of 'multientry' in that specification.
... recommendation browser compatibility the compatibility
table on this page is generated from structured data.
IDBIndex.name - Web APIs
finally, we iterate through each record, inserting the data into an html
table.
... function displaydatabyindex() {
tableentry.innerhtml = ''; var transaction = db.transaction(['contactslist'], 'readonly'); var objectstore = transaction.objectstore('contactslist'); var myindex = objectstore.index('lname'); console.log(myindex.name); 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.company + '</td>' + '<td>' + cursor.value.email + '</td>' + '<td>' + cursor.value.phone + '</td>' + '<td>' + cursor.value.age + '</td>';
tableentry.appendchild(
tablerow); cursor.continue(); } else { console.log('entries all displayed.'); } }; }; specification specification status comment indexed database api 2.0the definition of 'name' in that specification.
... recommendation browser compatibility the compatibility
table on this page is generated from structured data.
IDBIndex.objectStore - Web APIs
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 displaydatabyindex() {
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>' ...
... + '<td>' + cursor.value.company + '</td>' + '<td>' + cursor.value.email + '</td>' + '<td>' + cursor.value.phone + '</td>' + '<td>' + cursor.value.age + '</td>';
tableentry.appendchild(
tablerow); cursor.continue(); } else { console.log('entries all displayed.'); } }; }; specification specification status comment indexed database api 2.0the definition of 'objectstore' in that specification.
... recommendation browser compatibility the compatibility
table on this page is generated from structured data.
IDBIndex.openCursor() - Web APIs
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 displaydatabyindex() {
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.c...
...ompany + '</td>' + '<td>' + cursor.value.email + '</td>' + '<td>' + cursor.value.phone + '</td>' + '<td>' + cursor.value.age + '</td>';
tableentry.appendchild(
tablerow); cursor.continue(); } else { console.log('entries all displayed.'); } }; }; specification specification status comment indexed database api 2.0the definition of 'opencursor()' in that specification.
... recommendation browser compatibility the compatibility
table on this page is generated from structured data.
IDBIndex.unique - Web APIs
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 displaydatabyindex() {
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>' ...
... + '<td>' + cursor.value.company + '</td>' + '<td>' + cursor.value.email + '</td>' + '<td>' + cursor.value.phone + '</td>' + '<td>' + cursor.value.age + '</td>';
tableentry.appendchild(
tablerow); cursor.continue(); } else { console.log('entries all displayed.'); } }; }; specification specification status comment indexed database api 2.0the definition of 'unique' in that specification.
... recommendation browser compatibility the compatibility
table on this page is generated from structured data.
IDBIndex - Web APIs
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 displaydatabyindex() {
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.co...
...mpany + '</td>' + '<td>' + cursor.value.email + '</td>' + '<td>' + cursor.value.phone + '</td>' + '<td>' + cursor.value.age + '</td>';
tableentry.appendchild(
tablerow); cursor.continue(); } else { console.log('entries all displayed.'); } }; }; specification specification status comment indexed database api 2.0the definition of 'idbindex' in that specification.
... recommendation browser compatibility the compatibility
table on this page is generated from structured data.
IDBObjectStore.index() - Web APIs
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 displaydatabyindex() {
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.co...
...mpany + '</td>' + '<td>' + cursor.value.email + '</td>' + '<td>' + cursor.value.phone + '</td>' + '<td>' + cursor.value.age + '</td>';
tableentry.appendchild(
tablerow); cursor.continue(); } else { console.log('entries all displayed.'); } }; }; specification specification status comment indexed database api 2.0the definition of 'index()' in that specification.
... recommendation browser compatibility the compatibility
table on this page is generated from structured data.
Basic concepts - Web APIs
websql database is a relational database access system, whereas indexeddb is an indexed
table system.
...the indexeddb api provides lots of objects that represent indexes,
tables, cursors, and so on, but each of these is tied to a particular transaction.
...indexeddb is not a relational database with
tables representing collections of rows and columns.
... in a traditional relational data store, you would have a
table that stores a collection of rows of data and columns of named types of 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.
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.
RTCPeerConnection.setRemoteDescription() - Web APIs
for example, if the type is rollback and the signaling state is one of s
table, have-local-pranswer, or have-remote-pranswer, this exception is thrown, because you can't roll back a connection that's either fully established or is in the final stage of becoming connected.
... usage notes when you call setremotedescription(), the ice agent checks to make sure the rtcpeerconnection is in either the s
table or have-remote-offer signalingstate.
... on the other hand, if we're in the middle of an ongoing negotiation and an offer is passed into setremotedescription(), the ice agent automatically begins an ice rollback in order to return the connection to a s
table signaling state, then, once the rollback is completed, sets the remote description to the specified offer.
... note: earlier implementations of webrtc would throw an exception if an offer was set outside a s
table or have-remote-offer state.
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.
SubtleCrypto.unwrapKey() - Web APIs
as with subtlecrypto.importkey(), you specify the key's import format and other attributes of the key to import details such as whether it is extrac
table, and which operations it can be used for.
... syntax const result = crypto.subtle.unwrapkey( format, wrappedkey, unwrappingkey, unwrapalgo, unwrappedkeyalgo, extrac
table, keyusages ); parameters format is a string describing the data format of the key to unwrap.
... extrac
table is a boolean indicating whether it will be possible to export the key using subtlecrypto.exportkey() or subtlecrypto.wrapkey().
... notsupported raised when trying to use an algorithm that is either unknown or isn't sui
table for encryption or wrapping.
WebGL best practices - Web APIs
estimate a per-pixel vram budget webgl doesn't offer apis to query the maximum amount of video memory on the system because such queries are not por
table.
... this constant should generally be por
table among systems.
...(the simplest case being adding a uniform vector to the texture coordinates attribute vector) if visually accep
table, one can transform the texture coordinates in the vertex shader rather than in the fragment shader, to get better performance.
...(this reduces texture memory bandwidth, which is precious on mobile) however, compressed texture formats have worse quality than jpg, and are generally only accep
table for colors (not e.g.
Geometry and reference spaces in WebXR - 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.
... <<<--- insert
table of reference space requirements here --->>> positioning and orienting objects all spatial (position, orientation, and movement) information exchanged between your app and the webxr api is expressed in relation to a specific space at the time the frame is being rendered.
Inputs and input sources - Web APIs
these devices include but aren't limited to: screen taps (particularly but not necessarily only on phones or
tablets) can be used to simultaneously perform both targeting and selection.
... the third and final target ray mode is most commonly found on mobile devices like smartphones and
tablets.
... if the controller were instead positioned to the left of and closer to the user than the world space origin (or possibly behind the user, if the user is located at the origin, although that's an uncomfor
table way to hold a controller), the coordinates would have a negative value for x, but a positive value for z.
...the most no
table—but not the only—difference is that webxr adds the xr-standard gamepad mapping, expanding the gamepadmappingtype enumerated type.
XRReferenceSpace - 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.
...however, xrreferencespace is immu
table, so you need to instead create a new reference space representing the changed viewpoint.
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 idbdatabase...
... idbdatabaseexception idbdatabasesync 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 localfilesystemsync l...
...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 stereopannern...
...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 xrinput...
WAI-ARIA Roles - Accessibility
it is intended to mimic the functionality of the html td element for
table-style grouping of information.aria: heading rolethe heading role defines this element as a heading to a page or section.
...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.aria: rowgroup rolean element with role="rowgroup" is a group of rows within a tabular structure.
... a rowgroup contains one or more rows of cells, grid cells, column headers, or row headers within a grid,
table or treegrid.aria: search rolethe search landmark role is used to identify a section of the page used to search the page, site, or collection of sites.aria: suggestion rolethe suggestion landmark role semantically denotes a single proposed change to an edi
table document.
...etion role.aria: switch rolethe aria switch role is functionally identical to the checkbox role, except that instead of representing "checked" and "unchecked" states, which are fairly generic in meaning, the switch role represents the states "on" and "off."aria: tab rolethe aria tab role indicates an interactive element inside a tablist that, when activated, displays its associated tabpanel.aria:
table rolethe
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.aria: tabpanel rolethe aria tabpanel role indicatesaria: textbox rolethe textbox role is used to identify an element that allows the input of free-form text.
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.
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-a...
.../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; bac...
... 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; } #...
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-colo...
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-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.
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-wr...
Event reference
storage events change (see non-standard events) storage update events checking downloading error noupdate obsolete updateready value change events broadcast checkboxstatechange hashchange input radiostatechange readystatechange valuechange uncategorized events invalid message message open show less common and non-standard events abor
table fetch events event name fired when abort a dom request is aborted, i.e.
... input event html5 the value of an element changes or the content of an element with the attribute contentedi
table is modified.
... invalid event html5 a submit
table element has been checked and doesn't satisfy its constraints.
... pointerout pointerevent pointer events the pointing device moves out of the hit-testing boundary or leaves detec
table hover range.
Applying color to HTML elements using CSS - HTML: Hypertext Markup Language
this is only useful in elements that are edi
table, such as <input> and <textarea> or elements whose html contentedi
table attribute is set.
... here are some sample colors in hsl notation:
table { border: 1px solid black; font: 16px "open sans", helvetica, arial, sans-serif; border-spacing: 0; border-collapse: collapse; } th, td { border: 1px solid black; padding:4px 6px; text-align: left; } th { background-color: hsl(0, 0%, 75%); } <
table> <thead> <tr> <th scope="col">color in hsl notation</th> <th scope="col">example</th> </tr> </thead> <tbody> <tr> ...
...<td><code>hsl(0.15turn, 90%, 75%)</code></td> <td style="background-color: hsl(0.15turn, 90%, 75%);"> </td> </tr> <tr> <td><code>hsl(0.15turn, 90%, 50%)</code></td> <td style="background-color: hsl(0.15turn, 90%, 50%);"> </td> </tr> <tr> <td><code>hsl(270deg, 90%, 50%)</code></td> <td style="background-color: hsl(270deg, 90%, 50%);"> </td> </tr> </tbody> </
table> note that when you omit the hue's unit, it's assumed to be in degrees (deg).
...maybe you have edi
table text and need to let the user choose the text color.
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.
<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.
Grammar and types - JavaScript
a data type whose instances are unique and immu
table.
... 'one line \n another line' the following
table lists the special characters that you can use in javascript strings.
...
table: javascript special characters character meaning \0 null byte \b backspace \f form feed \n new line \r carriage return \t tab \v vertical tab \' apostrophe or single quote \" double quote \\ backslash character \xxx the character with the latin-1 encoding specified by up to three octal digits xxx between 0 and 377.
... escaping characters for characters not listed in the
table, a preceding backslash is ignored, but this usage is deprecated and should be avoided.
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 +9007...
...the following
table summarizes the methods of number.prototype.
... the following
table summarizes the math object's methods.
Character classes - JavaScript
types the following
table is also duplicated on this cheatsheet.
...do not end matching in the middle of a word) console.
table(randomdata.match(regexpfourdigits)); // ['8787', '3512', '8735'] looking for a word (from the latin alphabet) starting with a var aliceexcerpt = "i’m sure i’m not ada,’ she said, ‘for her hair goes in such long ringlets, and mine doesn’t go in ringlets at all."; var regexpwordstartingwitha = /\b[aa]\w+/g; // \b indicates a boundary (i.e.
... do not start matching in the middle of a word) // [aa] indicates the letter a or a // \w+ indicates any character *from the latin alphabet*, multiple times console.
table(aliceexcerpt.match(regexpwordstartingwitha)); // ['ada', 'and', 'at', 'all'] looking for a word (from unicode characters) instead of the latin alphabet, we can use a range of unicode characters to identify a word (thus being able to deal with text in other languages like russian or arabic).
... var nonenglishtext = "Приключения Алисы в Стране чудес"; var regexpbmpword = /([\u0000-\u0019\u0021-\uffff])+/gu; // bmp goes through u+0000 to u+ffff but space is u+0020 console.
table(nonenglishtext.match(regexpbmpword)); [ 'Приключения', 'Алисы', 'в', 'Стране', 'чудес' ] note for mdn editors: please do not try to add funny examples with emoji as those characters are not handled by the platform (kuma).
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 regular...
...e 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.value...
... 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.
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.
...in the case of lfe, the audio frequency bandwidth is limited to a frequency range sui
table for use by a subwoofer or similar audio experience enhancement device.
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 ...
<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 notably: 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.
SDK API Lifecycle - Archive of obsolete content
it has two main components: a stability 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.
... uns
table the api is in the process of settling, but has not yet had sufficient real-world testing to be considered s
table.
... s
table the module is a fully-supported part of the sdk.
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 ...
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.
...needs-install, needs-upgrade, needs-uninstall, needs-enable, needs-disable, needs-install when the extension manager starts, this dataset is read into two data structures: the startup cache - a hash
table keyed off install location name and then guid, each entry having persistentdescriptor, mtime and id properties.
Appendix: What you should know about open-source software licenses - Archive of obsolete content
software range of uses restricted to author unrestricted software license >> usable within permitted scope restricted use within permitted scope fixme: wow, the
table is weird!
... the
table below shows a few well-known software titles and their licenses license representative software titles modified bsd freebsd, netbsd, openbsd mpl firefox, thunderbird (also triple-licensed mpl/lgpl/gpl) gpl linux kernel, gimp lgpl gtk+, openoffice.org modified bsd license this license permits free duplication, distribution, and m...
...
table: what tasks are considered modifications?
Chapter 1: Introduction to Extensions - Archive of obsolete content
the core browser is limited to basic features, so it’s something that a beginner can be comfor
table with, but users who want something beyond that can install extensions.
...
table 1: advanced customization methods for firefox customization method does it work for web sites?
... extensions (these can do anything) yes yes theming (this changes the look of the browser) no yes let's build an extension
table 1 shows the various customization options available to a user in firefox.
Appendix E: DOM Building and Insertion (HTML & XUL) - Archive of obsolete content
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.
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.
Signing an XPI - Archive of obsolete content
in my case it's c:\apps\nss-3.11.4\ get netscape por
table runtime 1.
... download the latest netscape por
table runtime from the mozilla ftp site: http://ftp.mozilla.org/pub/mozilla.org/nspr/releases/.
...accep
table characters are numbers, letters, spaces, and apostrophes.
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?
List of Mozilla-Based Applications - Archive of obsolete content
abstract accounting tool adobe acrobat and adobe reader por
table document format (pdf) software uses mozilla spidermonkey adobe flash player popular browser plug-in uses nss in linux version adwatch content management system uses xul and xpcom aicpcu/iia exam app exam delivery software aliwal geocoder geocoding & data on a map amarok xul remote remote control for amarok music player ...
...dor e-book reader lx-office accounting tool looks like it makes at least some use of xul maavis simple ui & communications for accessibility framework designed for elderly people with dementia but other applications mac os x operating system makes use of some mpl files such as libsecurity_asn1 maemo browser browser for maemo internet
tablet development name is microb magooclient business process management tool uses mozilla rhino mantra security tool mccoy secure update tool for add-ons xulrunner application mediacoder media converter transcoder for video, audio, and even devices such as zen, zune, pocketpcs, ipods, and psps mekhala browser part of the k...
... stylizer css editor css editor css editor with built-in firebug-like diagnostics and gecko 1.8 preview sun java enterprise system server products uses nss sundial browser with advanced domain name technology based on firefox surfeasy private and secure web browsing sweet16 apple ii computer emulator uses spidermonkey as a scrip
table debugger for software running in the emulator mozilla sunbird/mozilla lightning calendar tabpress authoring tool talend open studo data integration software seems to use xulrunner talking clipboard text to speech software read epub books, web pages, chm, pdf, ms word, rtf, rss feeds taskpool productivity telaso...
Source code directories overview - Archive of obsolete content
dbm contains c code for managing, reading and writing hash
tables.
...this code is also known by the name, "nspr" and "netscape por
table runtime".
... firefox firefox is contained in the browser directory app contains contains code to build the firefox execu
table.
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 = limit...
... << 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 ) { ...
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 crypto - Archive of obsolete content
avoid using it and update existing code if possible; see the compatibility
table at the bottom of this page to guide your decision.
...therefore, these bits should always be set to 0; otherwise, mozilla might exhibit unpredic
table behavior.
...therefore, this flag should always be set to 0; otherwise, mozilla might exhibit unpredic
table behavior.
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 at ...
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.
Creating XPI Installer Modules - Archive of obsolete content
though the chrome directory still includes subdirectories of uncompressed files by default, a new way to aggregate and distribute the files has improved performance, made the ui components more por
table and easier to install, and made the installation process a much easier one.
...creating a new package the package described in this section is a very simple one, but it uses the new packaging scheme and the chrome registry to make itself a piece of self-contained and redistribu
table software.
...developing the resources needless to say, one of the first things you will have to create is the actual software you wish to make redistribu
table.
Building accessible custom components in XUL - Archive of obsolete content
further reading
table of supported roles and states in firefox focus issues download stage-3.zip install stage-3.xpi the next step on the road to an accessible spreadsheet is the focus problem.
...ere.is.only.xul"; const x2_ns ="http://www.w3.org/tr/xhtml2" function start_edit(label) { var value = label.value; settimeout(function(){ var textbox = document.createelementns(xul_ns, "textbox"); label.parentnode.replacechild(textbox, label); textbox.value = value; textbox.origvalue = value; textbox.flex = 1; textbox.focus(); textbox.select(); textbox.addeventlistener("blur", edi
table_cell_blur, true); textbox.addeventlistener("keypress", edi
table_cell_keypress, true); }, 0); } function done_edit(textbox, keepvalue) { var value = textbox.value; var label = document.createelementns(xul_ns, "label"); label.setattributens(x2_ns, "role", "wairole:gridcell"); textbox.parentnode.replacechild(label, textbox); if (keepvalue) { label.value = value; } else...
... { label.value = textbox.origvalue; } label.flex = 1; label.addeventlistener("keypress", cell_keypress, true); return label; } function edi
table_cell_blur(e) { var textbox = e.target; settimeout(function() { done_edit(textbox, true); }, 0); } function edi
table_cell_keypress(e) { var textbox = e.target; switch (e.keycode) { case key_enter: settimeout(function() { var label = done_edit(textbox, true); label.focus(); }, 0); break; case key_escape: settimeout(function() { var label = done_edit(textbox, false); label.focus(); }, 0); break; } } </code> with this new code, we can now navigate to a specific cell within the spreadsheet and press enter to edit the value.
Moving, Copying and Deleting Files - 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 number of errors could occur when copying a file, for instance if the file to copy does not exist or the destination directory is not wri
table.
SQLite Templates - Archive of obsolete content
this is useful for user data, and is sui
table as you do not need to calculate where this directory is located.
...this simple example shows how to display a listbox containing the values in one column in a database
table.
... <listbox datasources="profile:userdata.sqlite" ref="*" querytype="storage"> <template> <query> select name from myfriends </query> <action> <listitem uri="?" label="?name"/> </action> </template> </listbox> the query returns the list of values from the 'name' column in the
table 'myfriends'.
Adding Style Sheets - Archive of obsolete content
the style sheet applies various fonts, colors and borders to make the elements look more sui
table.
...there may be certain cases where the style attribute is accep
table.
... <menuitem label="size"/> <menuitem label="date modified"/> </menupopup> </menulist> <spacer class="springspace"/> <menulist id="searchmode"> <menupopup> <menuitem label="is"/> <menuitem label="is not"/> </menupopup> </menulist> <spacer class="springspace"/> <menulist id="find-text" flex="1" edi
table="true" datasources="file:///mozilla/recents.rdf" ref="http://www.xulplanet.com/rdf/recent/all"/> ...
List Controls - Archive of obsolete content
the list box will default to a sui
table size, but you can control the size with the rows attribute.
... edi
table menulist by default, you can only select choices from the list.
...to create an edi
table menulist, add the edi
table attribute as follows: example 6 : source view <menulist edi
table="true"> <menupopup> <menuitem label="www.mozilla.org" /> <menuitem label="www.xulplanet.com" /> <menuitem label="www.dmoz.org" /> </menupopup> </menulist> the url field created here has three pre-populated choices that the user can select or they can enter one of their own by typing it into the field.
Localization - Archive of obsolete content
usually, a
table of strings is created for each language.
... instead of hard-coding text directly into an application, each piece of text is only a reference into the string
table.
... <menuitem label="&type.size;"/> <menuitem label="&type.date;"/> </menupopup> </menulist> <spacer class="springspace"/> <menulist id="searchmode"> <menupopup> <menuitem label="&mode.is;"/> <menuitem label="&mode.isnot;"/> </menupopup> </menulist> <spacer class="springspace"/> <menulist id="find-text" flex="1" edi
table="true" datasources="file:///mozilla/recents.rdf" ref="http://www.xulplanet.com/rdf/recent/all"> <template> <menupopup> <menuitem label="rdf:http://www.xulplanet.com/rdf/recent#label" uri="rdf:*"/> </menupopup> </template> </menulist> </groupbox> </tabpanel> <tabpanel id="optionspanel" orient="vertical"> <checkbox id="cas...
XPCOM Interfaces - Archive of obsolete content
after learning this section, you can search sui
table interfaces using xulplanet xpcom reference about xpcom mozilla is constructed from a collection of components, each of which performs a certain task.
...the
table below shows some of the properties and methods of the nsilocalfile interface.
... in the functions
table above, you will see two functions copyto() and moveto().
Using the Editor from XUL - Archive of obsolete content
the <iframe> contents are then edi
table.
... now we set up the editorshell by calling its init() method, telling it what type of editor we want (text or html), pointing it at the webshellwindow to use, and telling it the content node that it lives on: editorshell.init(); editorshell.seteditortype(editortype); editorshell.webshellwindow = window; editorshell.contentwindow = window._content; the webshellwindow (a set
table attribute on nsieditorshell) points to the top-level window element, from which the editorshell can get the xul document in which it is living.
... the contentwindow (another set
table attribute on nsieditorshell) points to the xul element which is to become edi
table.
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.
...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.
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.
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.
listitem - 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.
menu - 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.
menuitem - 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.
menuseparator - 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.
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.
radio - 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.
tab - 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 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.
... also, "unhiding" a tab leads to unpredic
table ordering of the tabs.
textbox - Archive of obsolete content
--> <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.
... editor type: nsieditor a reference to the nsieditor for edi
table text.
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.
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.
nsIContentPolicy - Archive of obsolete content
dom/base/nsicontentpolicy.idlscrip
table interface used to implement a content policy mechanism.
... type_script 2 indicates an execu
table script (such as javascript).
... if you do any of these things in your shouldload() implementation, expect unpredic
table behavior, possibly including crashes, content not showing up, content showing up doubled, etc.
Mozilla release FAQ - Archive of obsolete content
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.
...here are a few that are specific to the mozilla newsgroups: fe = front end -- the part of mozilla that handles the interface be = back end -- the part of mozilla that does all the behind-the-scenes stuff nspr = netscape por
table runtime -- an abstraction layer over the local os gtk = a free gui toolkit native to unix qt = another gui toolkit xp = cross platform xpfe = cross-platform frontend based on nglayout m[number] = milestone release [number] (no longer used) i'm wondering how to do xxx with navigator 3.x...
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.
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.
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.
Troubleshooting XForms Forms - Archive of obsolete content
repeat and
tables not working unfortunately you cannot do: <
table> <xf:repeat nodeset="..."> <tr> ...
... </tr> </xf:repeat> </
table> the xhtml modularization does not allow this.
... you either have to use css
tables or repeat attributes, which at the moment are not working properly in the firefox xforms extension :( should be fixed by bug 306247 and bug 280368 respectively.
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.
...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.
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.
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 ...
WAI-ARIA basics - Learn web development
as a result, developers quite often rely on javascript libraries that generate such controls as a series of nested <div>s or
table elements with classnames, which are then styled using css and controlled using javascript.
...as an example, you could use aria-labelledby to specify that a key description contained in a <div> is the label for multiple
table cells, or you could use it as an alternative to image alt text — specify existing information on the page as an image's alt text, rather than having to repeat it inside the alt attribute.
...the search form is a really important landmark that people will want to find, but it is not listed in the landmarks menu or treated like a no
table landmark, beyond the actual input being called out as a search input (<input type="search">).
What is accessibility? - Learn web development
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
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 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 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.
... 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.
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> ...
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 ...
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.
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.
... 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.
... 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: 50px; width: 95%"> <p>nasa sure does some exciting work.</p> </textarea> <div class="playable-buttons"> <input id="reset" type="button" value="reset"> <input id="solution" type="button" value="show solution"> </div> html { ...
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="green"...
Useful string methods - Learn web development
playable code <h2>live output</h2> <div class="output" style="min-height: 125px;"> <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: 290px; width: 95%"> const list = document.queryselector('.output ul'); list.innerhtml = ''; let greetings = ['happy birthday!', 'merry christmas my love', 'a happy christmas to all the family'...
... playable code 2 <h2>live output</h2> <div class="output" style="min-height: 125px;"> <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: 250px; width: 95%"> const list = document.queryselector('.output ul'); list.innerhtml = ''; let cities = ['london', 'manchester', 'birmingham', 'liverpool']; for (let i = 0; i < cities.length; i++) { let input = cities[i]; ...
... playable code 3 <h2>live output</h2> <div class="output" style="min-height: 125px;"> <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: 285px; width: 95%"> const list = document.queryselector('.output ul'); list.innerhtml = ''; let stations = ['man675847583748sjt567654;manchester piccadilly', 'gnf576746573fhdg4737dh4;greenfield', ...
What is JavaScript? - Learn web development
in this article we will look at javascript from a high level, answering questions such as "what is it?" and "what can you do with it?", and making sure you are comfor
table with javascript's purpose.
... html is the markup language that we use to structure and give meaning to our web content, for example defining paragraphs, headings, and data
tables, or embedding images and videos in the page.
...creating a new html
table, filling it with data requested from the server, then displaying the
table in a web page shown to the user.
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.
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.
... 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.
Handling common JavaScript problems - Learn web development
declaring strict mode at the top of your javascript code causes it to be parsed with a stricter set of rules, meaning that more warnings and errors will be thrown, and some things will be disallowed that would otherwise be accep
table.
... feature detection the idea behind feature detection is that you can run a test to determine whether a javascript feature is supported in the current browser, and then conditionally run code to provide an accep
table experience both in browsers that do and don't support the feature.
... note: some features are known to be undetec
table — see modernizr's list of undetec
tables.
Accessibility/LiveRegionDevGuide
event types the
table for web page mutation event types lists the two major event types associated with live regions, namely text-changed and object changed events.
... an event containing an object that has state selec
table is not a live region.
... live properties this
table describe the object attributes associated with a live region event.
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.
Capturing a minidump
next, open the "file" menu and choose "open execu
table...".
... in the file chooser window that appears, open the firefox.exe execu
table in your firefox program folder (c:\program files\mozilla firefox).
...in the file chooser window that appears, find the firefox.exe execu
table process with the lowest pid.
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.
Creating Custom Events That Can Pass Data
you need to make the following two modifications: around line 1000: ns_define_classinfo_data({truncated name}, nsdomgenericsh, dom_default_scrip
table_flags) around line 2900: dom_classinfo_map_begin({truncated name}, nsidom{truncatedname}) dom_classinfo_map_entry(nsidom{truncated name}) dom_classinfo_event_map_entries dom_classinfo_map_end remember, {truncated name} is the same as above.
...your event in order for your event to work you must do the following: create a scrip
table interface called nsidom{youreventname} inheriting from nsidomevent.
... #include "nsidomevent.idl" [scrip
table, uuid(08bea243-8a7b-4554-9ee9-70d7785d741b)] interface nsidommyevent: nsidomevent { //put members here!
Contributing to the Mozilla code base
mozilla is a large project and we are thrilled to have contributors with very diverse skills below is a
table with our currently available projects to contribute to, along with the skills needs and links to their documentation.
... student projects - are larger projects, such as might be sui
table for a university student for credit.
...in a worst case scenario, set the module owner as the reviewer, asking them in the comments to pick someone more sui
table please select only one reviewer.
Gecko SDK
the gecko sdk contains all of the necessary tools and headers for making scrip
table npapi plugins including the xpidl compiler/linker and the latest npapi.h.
... once the sdk enters beta, it is sui
table for building extensions; your component should work with release builds of the sdk without any modifications.
... unpack the sdk tarball to some sui
table location.
JavaScript-DOM Prototypes in Mozilla
all the methods that are supposed to show up on this jsobject are actually not properties of the object itself, but rather properties of the prototype of the jsobject for the wrapper (unless the c++ object's class info has the flag nsixpcscrip
table::dont_share_prototype set, but lets assume that's not the case here).
... once the registration is done, the nsdomclassinfo code uses the registry every time a named property is resolved on a global object (because of this, the nsscriptnamespacemanager needs to be pretty fast at looking things up in its registry; that's why it is a hash
table).
...creates a xpconnect javascript wrapper for a dom object), xpconnect will call the scrip
table helper method nsdomclassinfo::postcreate() which will make sure the prototype chain of the wrapper jsobject is properly set up.
Encodings for localization files
see the
table below for appropriate values.
...see the
table below for appropriate values for the charset= parameter.
... browser/installer/installer.inc utf-8 toolkit/installer/unix/install.it utf-8 native windows encodings the following
table lists native windows encodings, and the win_installer_charset and charset= values for each: encoding name win_installer_charset (charset.mk) charset= (windows/install.it) ansi_charset cp1252 0 baltic_charset cp1257 186 chinesebig5_charset cp950 136 easteurope_charset cp1250 238 gb2312_charset cp936 134 greek_charset cp1253 161 hangul_charset cp949 129 russian_charset cp1251 204 shiftjis_charset cp932 128 turkish_charset cp1254 162 vietnamese_charset cp1258 ...
Localization and Plurals
the extension will load each property and display the plural forms in a
table.
... selecting a
table entry will populate the bottom box with sample uses of the word for some numbers.
... chrome://mozapps/locale/downloads/do...tes,hours,days chrome://mozapps/locale/downloads/do...dstitlepercent chrome://browser/locale/browser.prop...auseddownloads version history 0.1: initial version with pluralrule check, properties input loading,
table generation, sample output display 0.2: use pluralform.numforms() to get the number of forms instead of figuring out locally to better support future rules - requires build from 2007/01/27 or later 0.3: generate a list of what numbers fall into which plural form to minimize the sample output to at most 3 of each form developing with pluralform the functionality for getting the correct plural f...
Extras
they are not por
table and are meant to showcase a few interesting upshots from building natively upon the browser environment.
...> <mi>x</mi> </mrow> <mo>=</mo> <mfrac> <mrow> <mi title="natural log">ln</mi> <mo>&applyfunction;</mo> <mi>x</mi> </mrow> <mrow> <mi title="natural log">ln</mi> <mo>&applyfunction;</mo> <mi>a</mi> </mrow> </mfrac> </mrow> </math> </p> css content math.cue *[title] { color: blue; } mixing with other markups html content <math display="block"> <mrow> <mi>a</mi> <mo>=</mo> <mo>[</mo> <m
table> <mtr> <mtd><mn>1</mn></mtd> <mtd> <mtext> <img width="16" height="16" src="https://udn.realityripple.com/samples/3f/9341cbddc0.png" alt="mozilla-16" /> </mtext> </mtd> </mtr> <mtr> <mtd> <mtext><input value="type" size="4"/></mtext> </mtd> <mtd><mn>4</mn></mtd> </mtr> </m
table> <mo>]</mo> </mrow> </math> <math display="block"> <msqrt> <mpadded width="30px" height="15px" depth="15px" voffset="-1...
... attributetype="xml" type="rotate" from="0" to="360" dur="6s" repeatcount="indefinite"/> <g transform="translate(-50,-35)"> <rect width="100" height="70" fill="url(#grad2)"/> <switch> <foreignobject width="100" height="70" requiredextensions="http://www.w3.org/1998/math/mathml"> <math display="block"> <mrow> <mo>(</mo> <m
table> <mtr> <mtd><mi>cos</mi><mi>θ</mi></mtd> <mtd><mo>−</mo><mi>sin</mi><mi>θ</mi></mtd> </mtr> <mtr> <mtd><mi>sin</mi><mi>θ</mi></mtd> <mtd><mi>cos</mi><mi>θ</mi></mtd> </mtr> </m
table> <mo>)</mo> </mrow> </math> </foreignobject> <text>rotation matrix</text> </switch> </g></g></g> <g> <animatemotion path="m 32,69 c 64,121 100,27 152,42 203,56 239,257 275,161 295,109 144,221 88,214 -2,202 11,35...
MathML Demo: <mo> - operator, fence, separator, or accent
binary operators and relations the following
table contains instances of all operators found on the swp binary operations and binary relations panels.
... a ⊎ b ⋖ c a ⌆ b ⋗ c a ⨿ b ∣ c a ⊴ b ∥ c a ⊵ b ∼ c a ▽ b ≈ c a △ b ≊ c a ⋄ b ⪸ c a † b ⪷ c a ‡ b ∋ c a ⊞ b \vartriangle c arrows the following
table contains instances of all arrows found on the swp arrows panel.
... a - b ↫ c a + b ↬ c a - b ⊸ c a + b ⇛ c a - b ⇚ c a + b ↶ c a - b ↷ c a + b ⤏ c a - b ⤎ c a + b ⇒ c a - b ⇐ c a + b ⇔ c negated relations the following
table contains instances of all negated relations found on the swp panel.
BloatView
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: m...
Gecko Profiler FAQ
therefore the gecko profiler is not a sui
table tool for finding hotspots within a single function.
... 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.
... what's the best way to do repea
table tests?
PR_SetThreadPrivate
syntax #include <prthread.h> prstatus pr_setthreadprivate(pruintn index, void *priv); parameters pr_setthreadprivate has the following parameters: index an index into the per-thread private data
table.
...this causes the index's destructor function to be called, and afterwards assigns a null in the
table.
... a client must not delete the referant object of a non-null private data without first eliminating it from the
table.
NSS FAQ
does nss require netscape por
table runtime (nspr)?
... to provide cross-platform support, nss utilizes netscape por
table runtime (nspr) libraries as a portability interface and implementation that provides consistent cross-platform semantics for network i/o and threading models.
...more information about nspr may be found at netscape por
table runtime.
JSS Provider Notes
desede desedekeyspec des deskeyspec desede des aes rc4 secretkeyspec for increased security, some secretkeys may not be extrac
table from their pkcs #11 token.
... in this case, the key should be wrapped (encrypted with another key), and then the encrypted key might be extrac
table from the token.
...both of these operations will fail if the source key is not extrac
table.
Mozilla-JSS JCA Provider notes
secretkeyspec aes des desede rc4 getkeyspec supports the following transformations: key algorithm keyspec class desede desedekeyspec des deskeyspec desede des aes rc4 secretkeyspec for increased security, some secretkeys may not be extrac
table from their pkcs #11 token.
... in this case, the key should be wrapped (encrypted with another key), and then the encrypted key might be extrac
table from the token.
...both of these operations will fail if the source key is not extrac
table.
NSS_3.12_release_notes.html
bug 399326: libpkix is unable to validate cert for certusagestatusresponder bug 400947: thread unsafe operation in pkix_pl_hash
table_add cause selfserv to crash.
...bug 417024: convert libpkix error code into nss error code bug 422859: libpkix builds & validates chain to root not in the caller-provided anchor list bug 425516: need to destroy data pointed by certvaloutparam array in case of error bug 426450: pkix_pl_hash
table_remove leaks hash
table key object bug 429230: memory leak in pkix_checkcert function bug 392696: fix copyright boilerplate in all new pkix code bug 300928: integrate libpkix to nss bug 303457: extensions newly supported in libpkix must be marked supported bug 331096: nss softoken must detect forks on all unix-ish platforms bug 390710: certnameconstraintstemplate is incorrect bug 416928: der decod...
...public header file bug 213359: enhance pk12util to extract certs from p12 file bug 329067: nss encodes cert distinguished name attributes with wrong string type bug 339906: sec_pkcs12_install_bags passes uninitialized variables to functions bug 396484: certutil doesn't truncate existing temporary files when writing them bug 251594: certificate from pkcs#12 file with colon in friendlyname not selec
table for signing/encryption bug 321584: nss pkcs12 decoder fails to import bags without nicknames bug 332633: remove duplicate header files in nss/cmd/sslsample bug 335019: pk12util takes friendly name from key, not cert bug 339173: mem leak whenever secmod_handle_string_arg called in loop bug 353904: klocwork null ptr deref in secasn1d.c bug 366390: correct misleading function names in fipstest bug 3...
NSS 3.24 release notes
nss 3.24 requires netscape por
table runtime (nspr) 4.12 or newer.
... 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.
... when using certutil to set an inaccep
table password in fips mode, a correct explanation of accep
table passwords will be printed.
NSS 3.34 release notes
nss 3.34 requires netscape por
table runtime (nspr) 4.17, or newer.
... nss 3.34 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_34_rtm/src/ no
table changes in nss 3.34 the following ca certificates were added: cn = gdca trustauth r5 root sha-256 fingerprint: bf:ff:8f:d0:44:33:48:7d:6a:8a:a6:0c:1a:29:76:7a:9f:c2:bb:b0:5e:42:0f:71:3a:13:b9:92:89:1d:38:93 trust flags: websites cn = ssl.com root certification authority rsa sha-256 fingerprint: 85:66:6a:56:2e:e0:be:5c:e9:25:c1:d8:89:0a:6f:76:a8:7e:c1:6d:4d:7d:5f:29:ea:74:19:cf:20:12:3b:69 trust flags: websites, email cn = ssl.com root certification authority ecc sha-256 fingerprint: 34:17:bb:06:cc:60:07:da:1b:96:1c:92:0b:...
... when using certutil, to set an inaccep
table password in fips mode, a correct explanation of accep
table passwords will be printed.
sample2
on earlier versions of nss that * don't support error
tables, pr_errortostring will return "unknown code".
...the arena is freed */ result = null; goto cleanup; } cert->dercert = *result; cleanup: if (caprivatekey) { seckey_destroyprivatekey(caprivatekey); } return result; } /* * makev1cert */ static certcertificate * makev1cert(certcertdbhandle *handle, certcertificaterequest *req, char * issuernickname, prbool selfsign, unsigned int serialnumber, int warpmonths, int validitymonths) { prexplodedtime prin
tabletime; prtime now; prtime after; certvalidity *validity = null; certcertificate *issuercert = null; certcertificate *cert = null; if ( !selfsign ) { issuercert = cert_findcertbynicknameoremailaddr(handle, issuernickname); if (!issuercert) { pr_fprintf(pr_stderr, "could not find certificate named %s\n", issuernickname); goto cleanup; } } now = pr_now(); pr_explodetime (now, pr_gmtparameters, &printa...
...bletime); if ( warpmonths ) { prin
tabletime.tm_month += warpmonths; now = pr_implodetime (&prin
tabletime); pr_explodetime (now, pr_gmtparameters, &prin
tabletime); } prin
tabletime.tm_month += validitymonths; after = pr_implodetime (&prin
tabletime); /* note that the time is now in micro-second unit */ validity = cert_createvalidity (now, after); if (validity) { cert = cert_createcertificate(serialnumber, (selfsign ?
PKCS11 FAQ
(many nss based server products will use temporary session objects, even for "private key op only" tokens.) if a session key is unwrapped and stays on a hardware token, is it sufficient to support just the usual decryption mechanisms for it, or is it assumed that such a symmetric key will always be extrac
table from the token into the browser?
...if your token can do ckm_rsa_pkcs, and is wri
table, nss displays it as one of the options to do key generation with.
...if an rsa key is being generated, the nss application will present a list of all wri
table rsa devices asks the user to select which one to use, if a dsa key is being generated, it will present a list of all the wri
table dsa devices, if an ec key is being generated, it will present a list of all wri
table ec devices.
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.
...codes are listed in other blocks.) ssl_error_handshake_unexpected_alert -12229 "ssl peer was not expecting a handshake message it received." ssl_error_decompression_failure_alert -12228 "ssl peer was unable to successfully decompress an ssl record it received." ssl_error_handshake_failure_alert -12227 "ssl peer was unable to negotiate an accep
table set of security parameters." ssl_error_illegal_parameter_alert -12226 "ssl peer rejected a handshake message for unaccep
table content." ssl_error_unsupported_cert_alert -12225 "ssl peer does not support certificates of the type it received." ssl_error_certificate_unknown_alert -12224 "ssl peer had some unspecified issue with the certificate it received...
... ssl_error_decompression_failure -12177 "ssl received a compressed record that could not be decompressed." sec error codes
table 8.2 security error codes defined in secerr.h constant value description sec_error_io -8192 an i/o error occurred during authentication; or an error occurred during crypto operation (other than signature verification).
Hacking Tips
const&) (cx=0x14f2640, native=0xf89960 , args=...) at js/src/jscntxtinlines.h:235 #2 0x0000000000c87625 in js::invoke(jscontext*, js::callargs const&, js::maybeconstruct) (cx=0x14f2640, args=..., construct=js::no_construct) at js/src/vm/interpreter.cpp:476 #3 0x000000000069bdcf in js::jit::docallfallback(jscontext*, js::jit::baselineframe*, js::jit::iccall_fallback*, uint32_t, js::value*, js::mu
tablehandlevalue) (cx=0x14f2640, frame=0x7fffffff6ad8, stub_=0x1798838, argc=1, vp=0x7fffffff6a88, res=jsval_void) at js/src/jit/baselineic.cpp:6113 #4 0x00007ffff7f41395 in <<jitframe_exit>> () #5 0x00007ffff7f42223 in <<jitframe_baselinestub>> () #6 0x00007ffff7f4423d in <<jitframe_baselinejs>> () #7 0x00007ffff7f4222e in <<jitframe_baselinestub>> () #8 0x00007ffff7f4326a in <<jitframe_baselinej...
... enabling gdb instrumentation may require launching a js shell execu
table that shares a directory with a file name "js-gdb.py".
... bool codegeneratorx86shared::visitguardshape(lguardshape *guard) { if (info().script()->lineno == 16934 && guard->id() == 522) { [… another impl only for this one …] return true; } [… old impl …] [hack] spewing all compiled code i usually just add this to the apropriate execu
tablecopy.
How to embed the JavaScript engine
run the helloworld execu
table at the command line: ./helloworld how to call c functions from javascript say the c function is named doit and it would like at least two actual parameters when called (if the caller supplies fewer, the js engine should ensure that undefined is passed for the missing ones): #define doit_minargs 2 // [spidermonkey 24] use jsbool instead of bool.
... * args.rval().setint32(args[0].toint32() + args[1].toint32()); */ return true; } then to wire it up to js, you could write: ok = js_definefunction(cx, global, "doit", doit, doit_minargs, 0); or, if you had a bunch of native functions to define, you would probably put them in a
table: static jsfunctionspec my_functions[] = { js_fn("doit", doit, doit_minargs, 0), /* etc...
... */ js_fs_end }; js_fs_end terminates the
table.
Tracing JIT
the trace monitor maintains some book-keeping information, as well as the collection of recorded fragments, held in a hash
table keyed by the interpreter's program counter and global object shape at the time of recording.
... when the monitor decides a target pc is hot, it looks in a hash
table of fragments to see if there is a fragment holding native code for that target pc.
...the associated fragment is placed in the monitor's fragment
table and the monitor returns to monitoring mode, with a high likelihood of immediately transitioning to executing mode on the next bytecode interpreted.
Introduction to the JavaScript shell
this enables you to make a javascript file execu
table on unix and os x machines.
... if value is specified, it must be conver
table to a positive uint32; gcparam() sets gc parameter name to value.
... intern(string) internalizes the specified string into the atom
table.
JSAPI Cookbook
that's often unaccep
table.
...specify wri
table: false to make the property read-only and configurable: false to prevent it from being deleted or redefined.
... // javascript object.defineproperty(obj, "prop", {value: 123, wri
table: false, enumerable: true, configurable: false}); the analogous jsapi function is js_defineproperty.
JS::Call
syntax bool js::call(jscontext *cx, js::handleobject thisobj, js::handlefunction fun, const js::handlevaluearray &args, js::mu
tablehandlevalue rval); bool js::call(jscontext *cx, js::handleobject thisobj, const char *name, const js::handlevaluearray& args, js::mu
tablehandlevalue rval); bool js::call(jscontext *cx, js::handleobject thisobj, js::handlevalue fun, const js::handlevaluearray& args, js::mu
tablehandlevalue rval); bool js::call(jscontext *cx, js::handlevalue thisv, js::handlevalue fun, const js::handlevaluearray& args, js::mu
tablehandlevalue rval); bool js::call(jscontext *cx, js::handlevalue thisv, js::handleobject funobj, const js::hand...
...levaluearray& args, js::mu
tablehandlevalue rval); name type description cx jscontext * pointer to a js context from which to derive runtime information.
... rval js::mu
tablehandlevalue out parameter.
JS::CompileFunction
syntax bool js::compilefunction(jscontext *cx, js::autoobjectvector &scopechain, const js::readonlycompileoptions &options, const char *name, unsigned nargs, const char *const *argnames, const char16_t *chars, size_t length, js::mu
tablehandlefunction fun); bool js::compilefunction(jscontext *cx, js::autoobjectvector &scopechain, const js::readonlycompileoptions &options, const char *name, unsigned nargs, const char *const *argnames, js::sourcebufferholder &srcbuf, js::mu
tablehandlefunction fun); bool js::compilefunction(jscontext *cx, js::autoobjectvector &scopechain,...
... const js::readonlycompileoptions &options, const char *name, unsigned nargs, const char *const *argnames, const char *bytes, size_t length, js::mu
tablehandlefunction fun); name type description cx jscontext * the context in which to compile the function.
... fun js::mu
tablehandlefunction out parameter.
JSNewEnumerateOp
syntax typedef bool (* jsnewenumerateop)(jscontext *cx, js::handleobject obj, js::autoidvector &properties); // added in spidermonkeysidebar 38 typedef bool (* jsnewenumerateop)(jscontext *cx, js::handleobject obj, jsiterateop enum_op, js::mu
tablehandlevalue statep, js::mu
tablehandleid idp); // obsolete since jsapi 37 name type description cx jscontext * the context in which the enumeration is taking place.
... statep js::mu
tablehandleid obsolete since jsapi 37 in/out parameter.
... idp js::mu
tablehandleid obsolete since jsapi 37 in/out parameter.
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.
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/> ...
Using the Places history service
the navhistory service has broken this into two
tables (see history service design).
... the main url
table stores the information about the page: url, host name, title, visit count, hidden, and typed.
...a visit contains a reference to the url
table for the page, the visit date, the transition type (typed, click, redirect, bookmark, etc.), a reference to the referring visit, and the session id.
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.
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.
... link references to other sections and to figures and
tables are links to those sections.
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.
nsIAccessibleDocument
accessible/public/nsiaccessibledocument.idlscrip
table an interface for in-process accessibility clients that wish to retrieve information about a document.
...note: renamed from document in gecko 2.0 isedi
table boolean true if the document is live in an editor.
...if a <div> is contentedi
table, then it has its own document, with isedi
table == true.
nsICacheEntryDescriptor
netwerk/cache/nsicacheentrydescriptor.idlscrip
table this interface provides a cache entry descriptor.
...meta data is a
table of key/value string pairs.
...meta data is a
table of key/value string pairs.
nsIEffectiveTLDService
netwerk/dns/nsieffectivetldservice.idlscrip
table this is an interface that examines a hostname and determines the longest portion that should be treated as though it were a top-level domain (tld).
... note: it is strongly recommended that you use getbasedomain() if a sui
table nsiuri is available.
... note: it is strongly recommended to use getbasedomain() if a sui
table nsiuri is available.
nsIException
xpcom/base/nsiexception.idlscrip
table please add a summary to this article.
... methods tostring() a generic formatter - make it sui
table to print, etc.
... return value a string sui
table for output.
nsIHTMLEditor
editor/idl/nsihtmleditor.idlscrip
table please add a summary to this article.
... used primarily to supply new element for various insert element dialogs (image, link,
table, and horizontalrule are the only returned elements as of 9/12/18); namedanchor was removed in firefox 63.
...an example of use is for testing if a node is in a
table cell given a selection anchor node.
nsIJumpListBuilder
widget/public/nsijumplistbuilder.idlscrip
table please add a summary to this article.
...method overview void abortlistbuild(); boolean addlisttobuild(in short acattype, in nsiarray items optional, in astring catname optional); boolean commitlistbuild(); boolean deleteactivelist(); boolean initlistbuild(in nsimu
tablearray removeditems); attributes attribute type description available short indicates whether jump list taskbar features are supported by the current host.
...boolean initlistbuild( in nsimu
tablearray removeditems ); parameters removeditems a list of items that were removed by the user since the last commit.
nsIMsgCustomColumnHandler
mailnews/base/public/nsimsgcustomcolumnhandler.idlscrip
table please add a summary to this article.
...you must implement: nsitreeview.isedi
table() nsitreeview.getcellproperties() nsitreeview.getimagesrc() nsitreeview.getcelltext() nsitreeview.cyclecell() nsimsgcustomcolumnhandler.getsortstringforrow() nsimsgcustomcolumnhandler.getsortlongforrow() nsimsgcustomcolumnhandler.isstring() and optionally: nsitreeview.getrowproperties() from c++ you must implement all of nsitreeview and nsimsgcustomcolumnhandler.
... example implementation an example javascript implementation that does nothing: var columnhandler = { isedi
table: function(arow, acol) {return false;}, cyclecell: function(arow, acol) { }, getcelltext: function(arow, acol) { }, getsortstringforrow: function(ahdr) { return ""; }, isstring: function() {return true;}, getcellproperties: function(arow, acol, aprops) { }, getrowproperties: function(arow, aprops) { }, getimagesrc: function(arow, acol) {return null;}, getsortlongforrow: function(ahdr) {return 0;} } to attach it use the nsimsgdbview.addcolumnhandler() method (recall gdbview is the global nsimsgdbview in thunderbird): gdbview.addcolumnhandler("newcolumn", columnhandler); after which it can be retrieved using the nsimsgdbview.getcolu...
nsIMsgDBView
window, in nsimsgdbviewcommandupdater acommandupdater); void sort(in nsmsgviewsorttypevalue sorttype, in nsmsgviewsortordervalue sortorder); void docommand(in nsmsgviewcommandtypevalue command); void docommandwithfolder(in nsmsgviewcommandtypevalue command, in nsimsgfolder destfolder); void getcommandstatus(in nsmsgviewcommandtypevalue command, out boolean selec
table_p, out nsmsgviewcommandcheckstatevalue selected_p); void viewnavigate(in nsmsgnavigationtypevalue motion, out nsmsgkey resultid, out nsmsgviewindex resultindex, out nsmsgviewindex threadindex, in boolean wrap); boolean navigatestatus(in nsmsgnavigationtypevalue motion); nsmsgkey getkeyat(in nsmsgviewindex index); nsimsgdbhdr getmsghdrat(in nsmsgviewindex index)...
... void getcommandstatus(in nsmsgviewcommandtypevalue command, out boolean selec
table_p, out nsmsgviewcommandcheckstatevalue selected_p); parameters command the nsmsgviewcommandtypevalue to perform.
... return values selec
table_p the state of the command.
nsIStackFrame
xpcom/base/nsiexception.idlscrip
table please add a summary to this article.
... example to output the stack at a particular location: var s = components.stack; while(s) { console.log(s.name); s = s.caller; } methods tostring() a generic formatter - make it sui
table to print, and so forth.
...return value a string sui
table for output.
nsIStandardURL
netwerk/base/public/nsistandardurl.idlscrip
table this interface defines the interface to an url with the standard file path format common to protocols like http, ftp, and file.
... inherits from: nsimu
table last changed in gecko 1.9 (firefox 3) implemented by: @mozilla.org/network/standard-url;1.
... to create an instance, use: var standardurl = components.classes["@mozilla.org/network/standard-url;1"] .createinstance(components.interfaces.nsistandardurl); method overview void init(in unsigned long aurltype, in long adefaultport, in autf8string aspec, in string aorigincharset, in nsiuri abaseuri); attributes attribute type description mu
table boolean control whether or not this url can be modified.
nsITextInputProcessorNotification
dom/interfaces/base/nsitextinputprocessorcallback.idlscrip
table this interface of a request or notification to ime 1.0 66 introduced gecko 38 inherits from: nsisupports last changed in gecko 38.0 (firefox 38.0 / thunderbird 38.0 / seamonkey 2.35) this interface tells details of a request or notification to ime.
... "notify-focus" when an edi
table editor gets focus, this is notified.
... "notify-blur" when an edi
table editor loses focus, this is notified.
nsITreeBoxObject
/layout/xul/base/src/tree/public/nsitreeboxobject.idlscrip
table please add a summary to this article.
...it is dynamically set
table, either using a view attribute on the tree tag or by setting this attribute to a new value.
... selectionregion nsiscrip
tableregion readonly: return the region for the visible parts of the selection, in device pixels.
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++) { cons...
...ostname == myurihostname) { htmlcontentwindow = adomwindow.contentwindow; break; } } } else { //adomwindow is a popup window if (adomwindow.location.hostname == myurihostname) { htmlcontentwindow = adomwindow; 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.
Performance
for example sqlite> explain query plan select * from moz_historyvisit v join moz_history h on v.page_id = h.id where v.visit_date > 1000000000; 0|0|
table moz_historyvisit as v with index moz_historyvisit_dateindex 1|1|
table moz_history as h using primary key this tells us that it will first look up in moz_historyvisit using an index, and will then look up in moz_history using the primary key.
...sqlite> explain query plan select * from moz_historyvisit where session = 12; 0|0|
table moz_historyvisit in this example, you can see that it is not using an index, so this query would be slow.
...some features (virtual
tables, full text indexes) are not compatible with shared cache - then you need to use services.storage.openunshareddatabase(file), which doesn't share the cache.
XPCOM tasks
p1 we would like to move to a scheme where no one writes queryinterface, and we save code-space with a
table driven implementation.
... a first step is moving all qi implementations to the
table-like macros already in place (and some slight modifications to those macros).
... p2 classes that parallel standard library classes should have compatible apis, i.e., nsdeque bug 18505 nsstring nsavltree nshash
table our various array classes in some cases, this might initially be provided by additional interfaces.
Thunderbird Binaries
warning: whilst developers try to ensure that nightly builds are s
table, it is possible that errors can get into nightly builds that can destroy your data or harm it.
...the trunk can be very uns
table at times, so it's good to ask around before using trunk builds.
...therefore, over time, the branch becomes more s
table.
Using tab-modal prompts
you can force a prompt to be tab-modal using code like this: var thewindow = gbrowser.contentwindow; let prompt = components.classes["@mozilla.org/prompter;1"] .getservice(components.interfaces.nsipromptfactory) .getprompt(thewindow, components.interfaces.nsiprompt); let bag = prompt.queryinterface(components.interfaces.nsiwri
tablepropertybag2); bag.setpropertyasbool("allowtabmodal", true); the var "thewindow" is a reference to the dom window.
...for example: var factory = components.classes["@mozilla.org/prompter;1"] .getservice(components.interfaces.nsipromptfactory); var prompt = factory.getprompt(gbrowser.contentwindow, components.interfaces.nsiprompt); var bag = prompt.queryinterface(components.interfaces.nsiwri
tablepropertybag2); bag.setpropertyasbool("allowtabmodal", true); var promptargs = ["devmo alert", "omg!
...then apply it, like in the example below, here we apply the prompt with a checkbox: var window = gbrowser.contentwindow; var promptfact = components.classes['@mozilla.org/prompter;1'].getservice(components.interfaces.nsipromptfactory); var prompt = promptfact.getprompt(window, components.interfaces.nsiprompt); var promptbag = prompt.queryinterface(components.interfaces.nsiwri
tablepropertybag2); promptbag.setpropertyasbool('allowtabmodal', true); var check = {value: false}; //initial state of checkbox, however if no text is supplied the checkbox is not shown var input = {value: 'pre filled value'}; var ok = prompt.prompt.apply(null, ['title - but not shown in tab modal', 'text goes here', input, 'check text, if no text, checkbox is not shown', check]); //this here is jus...
Using the Mozilla symbol server
to use only the mozilla symbol server, add the following entry to your symbol path (note: you can replace c:\symcache\ with any wri
table directory on your computer, if you'd prefer a different location for downloaded symbols): srv*c:\symcache\*https://symbols.mozilla.org/ set this string as _nt_symbol_path in the environment, using the windbg menus, or by typing the .sympath command.
... if you would like to get symbols from microsoft's symbol server as well, you should list that first (note: you can replace c:\symcache\ with any wri
table directory on your computer, if you'd prefer a different location for downloaded symbols): srv*c:\symcache\*https://msdl.microsoft.com/download/symbols;srv*c:\symcache\*https://symbols.mozilla.org/ downloading symbols using symchk.exe you can also download the symbols using symchk.exe, part of microsoft's debugging tools for windows.
... the command should look like this (again, you can replace c:\symcache\ with any wri
table directory on your computer, if you'd prefer a different location for downloaded symbols): c:\program files\mozilla firefox>c:\progra~1\debugg~1\symchk.exe /r c:\progra~1\mozill~1\* /s srv*c:\symcache\*https://symbols.mozilla.org/ note the \* after the mozilla directory.
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%) ++ l...
...ayout │ │ │ ├──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%) ── nsb...
... -- 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.07...
Constants - Plugins
nperr_invalid_func
table_error 3 function
table invalid.
... npvers_has_xpconnect_scripting 13 plug-in is scrip
table using xpconnect.
... npvers_has_npruntime_scripting 14 plug-in is scrip
table using npruntime.
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.
...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.
Accessibility Inspector - Firefox Developer Tools
for example, one of the links in one demo has states of focusable, linked, selec
table text, opaque, enabled, and sensitive.
... no
table related features when the accessibility features are turned on, there are a number of useful additional features available in the devtools, which are detailed below: context menu options an extra context menu option is added, both for the general context menu on the web page when right/ctrl + clicking a ui feature, and the html pane of the page inspector when right/ctrl + clicking a dom elemen...
...notice the warning symbol that indicates that the contrast fails to meet the accep
table contrast ratio.
Debugger.Environment - Firefox Developer Tools
this allows the code using each debugger instance to place whatever properties it likes on its own debugger.object instances, without worrying about interfering with other debuggers.) if a debugger.environment instance’s referent is not a debuggee environment, then attempting to access its properties (other than inspec
table) or call any its methods throws an instance of error.
... accessor properties of the debugger.environment prototype object a debugger.environment instance inherits the following accessor properties from its prototype: inspec
table true if this environment is a debuggee environment, and can therefore be inspected.
...all other properties and methods of debugger.environment instances throw if applied to a non-inspec
table environment.
Responsive Design Mode - Firefox Developer Tools
responsive design is the practice of designing a website so it looks and works properly on a range of different devices — particularly mobile phones and
tablets as well as desktops and laptops.
... dpr (pixel ratio) - beginning with firefox 68, the dpr is no longer edi
table; create a custom device in order to change the dpr throttling - a drop-down list where you can select the connection throttling to apply, for example 2g, 3g, or lte enable/disable touch simulation - toggles whether or not responsive design mode simulates touch events.
... the characteristics emulated are: download speed upload speed minimum latency the
table below lists the numbers associated with each network type, but please do not rely on this feature for exact performance measurements; it's intended to give an approximate idea of the user experience in different conditions.
BluetoothCharacteristicProperties - Web APIs
wri
tableauxiliariesread only returns a boolean that is true if reliable writes to the characteristic descriptor is permitted.
... browser compatibility the compatibility
table on this page is generated from structured data.
... nochrome android full support 56firefox android no support noopera android full support yessafari ios no support nosamsung internet android full support 6.0wri
tableauxiliaries experimentalchrome full support 56notes full support 56notes notes chromeos and macos only.
DOMPoint.fromPoint() - Web APIs
the static dompoint method frompoint() creates and returns a new mu
table dompoint object given a source point.
...the point's properties are mu
table and may be changed at any time.
... examples creating a mu
table point from a read-only point if you have a dompointreadonly object, you can easily create a mu
table copy of that point: var mu
tablepoint = dompoint.frompoint(readonlypoint); creating a 2d point this sample creates a 2d point, specifying an inline object that includes the values to use for x and y.
DirectoryEntrySync - Web APIs
the target directory or file is not wri
table.
...the target directory or file is not wri
table.
... [todo: explain more ] no_modification_allowed_err one of the following is not wri
table: the directory, its parent directory, and some of the content in the directory.
Comparison of Event Targets - Web APIs
todo: only sui
table for extension-developers?
... examples <!doctype html> <html> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <title>comparison of event targets</title> <style>
table { border-collapse: collapse; height: 150px; width: 100%; } td { border: 1px solid #ccc; font-weight: bold; padding: 5px; min-height: 30px; } .standard { background-color: #99ff99; } .non-standard { background-color: #902d37; } </style> </head> <body> <
table> <thead> <tr> <td class="standard">original target dispatching the event <small>event.target</small></td> <td class="standard">target who'...
...e was a retargetting of the event for some reason <small> event.originaltarget</small> contains the target before retargetting (may contain anonymous targets)</td> </tr> </thead> <tr> <td id="target"></td> <td id="currenttarget"></td> <td id="relatedtarget"></td> <td id="explicitoriginaltarget"></td> <td id="originaltarget"></td> </tr> </
table> <p>clicking on the text will show the difference between explicitoriginaltarget, originaltarget, and target</p> <script> function handleclicks(e) { document.getelementbyid('target').innerhtml = e.target; document.getelementbyid('currenttarget').innerhtml = e.currenttarget; document.getelementbyid('relatedtarget').innerhtml = e.relatedtarget; document.getelemen...
Fetch basic concepts - Web APIs
guard guard is a feature of headers objects, with possible values of immu
table, request, request-no-cors, response, or none, depending on where the header is used.
... or response object is created, it has an associated headers object whose guard is set as summarized below: new object's type creating constructor guard setting of associated headers object request request() request request() with mode of no-cors request-no-cors response response() response error() or redirect() methods immu
table a header's guard affects the set(), delete(), and append() methods which change the header's contents.
... a typeerror is thrown if you try to modify a headers object whose guard is immu
table.
Using Fetch - Web APIs
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
[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.
FileSystemFlags.exclusive - Web APIs
the exclusive property on the filesystemflags dictionary is used in tandem with the create property to determine whether or not it's accep
table to require that the file not already exist when the reference to it is created by calling filesystemdirectoryentry.getfile() or filesystemdirectoryentry.getdirectory().
... syntax filesystemflags.exclusive = booleanvalue values the
table below describes the result of each possible combination of these flags depending on whether or not the target file or directory path already exists.
... browser compatibility the compatibility
table on this page is generated from structured data.
Guide to the Fullscreen API - Web APIs
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.fullscreen...
... 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.
HTMLCanvasElement.getContext() - Web APIs
these implementations have either not reached test suite conformance, or the graphics drivers on the platform are not yet s
table.
... powerpreference: a hint to the user agent indicating what configuration of gpu is sui
table for the webgl context.
... possible values are: "default": let the user agent decide which gpu configuration is most sui
table.
HTMLElement: beforeinput event - Web APIs
the event also applies to elements with contentedi
table enabled, and to any element when designmode is turned on.
... in the case of contentedi
table and designmode, the event target is the editing host.
... if these properties apply to multiple elements, the editing host is the nearest ancestor element whose parent isn't edi
table.
HTMLElement: input event - Web APIs
bubbles yes cancelable no interface inputevent event handler property globaleventhandlers.oninput the event also applies to elements with contentedi
table enabled, and to any element when designmode is turned on.
... in the case of contentedi
table and designmode, the event target is the editing host.
... if these properties apply to multiple elements, the editing host is the nearest ancestor element whose parent isn't edi
table.
HTMLInputElement: invalid event - Web APIs
the invalid event fires when a submit
table element has been checked for validity and doesn't satisfy its constraints.
...the validity of submit
table elements is checked before submitting their owner <form>, or after the checkvalidity() method of the element or its owner <form> is called.
... examples if a form is submitted with an invalid value, the submit
table elements are checked and, if an error is found, the invalid event will fire on the invalid element.
IDBIndex.openKeyCursor() - Web APIs
finally, we iterate through each record in the index, and insert the last name and the corresponding primary key of the referenced record into an html
table.
... function displaydatabyindex() {
tableentry.innerhtml = ''; var transaction = db.transaction(['contactslist'], 'readonly'); var objectstore = transaction.objectstore('contactslist'); var myindex = objectstore.index('lname'); myindex.openkeycursor().onsuccess = function(event) { var cursor = event.target.result; if(cursor) { var
tablerow = document.createelement('tr');
tablerow.innerhtml = '<td>' + cursor.key + '</td>' + '<td>' + cursor.primarykey + '</td>';
tableentry.appendchild(
tablerow); cursor.continue(); } else { console.log('all last names displayed.'); } }; }; specification specification status comment indexed database api 2.0the definition of 'openkeycursor()' in tha...
... recommendation browser compatibility the compatibility
table on this page is generated from structured data.
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.
Key Values - Web APIs
the
tables below list the standard key values in various categories of key, with an explanation of what the key is typically used for.
... you can find a
table of the dead keys and the characters they can be used with to generate accented or otherwise special characters on linux using gtk.
...those keys' values will match what's documented in those
tables.
KeyframeEffect.setKeyframes() - Web APIs
element.animate({ opacity: [ 0, 0.9, 1 ], offset: [ 0, 0.8 ], // shorthand for [ 0, 0.8, 1 ] easing: [ 'ease-in', 'ease-out' ], }, 2000); after generating a sui
table set of keyframes from the property value lists, each supplied offset is applied to the corresponding keyframe.
... attributes keyframes may specify property-value pairs for any of the anima
table css properties.
...it's just for reference here, this will have no effect on animation since "float" is not an anima
table css property.
MediaTrackConstraints.facingMode - Web APIs
syntax var constraintsobject = { facingmode: constraint }; constraintsobject.facingmode = constraint; value an object based on constraindomstring specifying one or more accep
table, ideal, and/or exact (mandatory) facing modes are accep
table for a video track.
... an exact value in this case indicates that the specified facing mode is specifically required; for example: var constraints = { facingmode: { exact: "user" } }; this indicates that only a user-facing camera is accep
table; if there is no user-facing camera, or the user declines permission to use that camera, the media request will fail.
...these may represent separate cameras, or they may represent directions in which an adjus
table camera can be pointed.
Capabilities, constraints, and settings - Web APIs
specifying a range of values sometimes, any value within a range is accep
table for a property's value.
...in addition, the only accep
table input device is a camera facing the user (a "selfie cam").
...these strings are presented in edi
table <textarea>s, but this is the initial configuration of the stream.
Performance Timeline - Web APIs
performance interface extensions: as shown in the performance interface's browser compatibility
table, most of these interfaces are broadly implemented by desktop browsers and have less support on mobile devices.
... performanceentry: as shown in the performanceentry interface's browser compatibility
table, most of these interfaces are broadly implemented by desktop browsers and have less support on mobile devices.
... performance observers : as shown in the performanceobserver interface's browser compatibility
table, this interface has no shipping implementations.
RTCInboundRtpStreamStats - Web APIs
this id is s
table across multiple calls to getstats().
...this id is s
table across multiple calls to getstats().
...this id is s
table across multiple calls to getstats().
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).
... 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.
SubtleCrypto.deriveKey() - Web APIs
syntax const result = crypto.subtle.derivekey( algorithm, basekey, derivedkeyalgorithm, extrac
table, keyusages ); parameters algorithm is an object defining the derivation algorithm to use.
... extrac
table is a boolean indicating whether it will be possible to export the key using subtlecrypto.exportkey() or subtlecrypto.wrapkey().
... notsupported raised when trying to use an algorithm that is either unknown or isn't sui
table for derivation, or if the algorithm requested for the derived key doesn't define a key length.
SubtleCrypto.exportKey() - Web APIs
the exportkey() method of the subtlecrypto interface exports a key: that is, it takes as input a cryptokey object and gives you the key in an external, por
table format.
... to export a key, the key must have cryptokey.extrac
table set to true.
... exceptions the promise is rejected when one of the following exceptions is encountered: invalidaccesserror raised when trying to export a non-extrac
table key.
SubtleCrypto.importKey() - Web APIs
the importkey() method of the subtlecrypto interface imports a key: that is, it takes as input a key in an external, por
table format and gives you a cryptokey object that you can use in the web crypto api.
... syntax const result = crypto.subtle.importkey( format, keydata, algorithm, extrac
table, usages ); parameters format is a string describing the data format of the key to import.
... extrac
table is a boolean indicating whether it will be possible to export the key using subtlecrypto.exportkey() or subtlecrypto.wrapkey().
SubtleCrypto.wrapKey() - Web APIs
this means that it exports the key in an external, por
table format, then encrypts the exported key.
...to export a key, it must have cryptokey.extrac
table set to true.
... notsupported raised when trying to use an algorithm that is either unknown or isn't sui
table for encryption or wrapping.
WebGLRenderingContext.stencilOp() - Web APIs
clamps to the maximum represen
table unsigned value.
...wraps stencil buffer value to zero when incrementing the maximum represen
table unsigned value.
...wraps stencil buffer value to the maximum represen
table unsigned value when decrementing a stencil buffer value of 0.
WebGLRenderingContext.stencilOpSeparate() - Web APIs
clamps to the maximum represen
table unsigned value.
...wraps stencil buffer value to zero when incrementing the maximum represen
table unsigned value.
...wraps stencil buffer value to the maximum represen
table unsigned value when decrementing a stencil buffer value of 0.
WebRTC connectivity - Web APIs
when changing the description by calling setlocaldescription() or setremotedescription(), the specified description is set as the pending description, and the webrtc layer begins to evaluate whether or not it's accep
table.
... generally, ice candidates using tcp are only going to be used when udp is not available or is restricted in ways that make it not sui
table for media streaming.
...a rollback restores the sdp offer (and the connection configuration by extension) to the configuration it had the last time the connection's signalingstate was s
table.
Keyframe Formats - Web APIs
element.animate({ opacity: [ 0, 0.9, 1 ], offset: [ 0, 0.8 ], // shorthand for [ 0, 0.8, 1 ] easing: [ 'ease-in', 'ease-out' ], }, 2000); after generating a sui
table set of keyframes from the property value lists, each supplied offset is applied to the corresponding keyframe.
... attributes keyframes may specify property-value pairs for any of the anima
table css properties.
...it's just for reference here, this will have no effect on animation since "float" is not an anima
table css property.
Controlling multiple parameters with ConstantSourceNode - Web APIs
two of them have adjus
table gain, controlled using a shared input control.
...ntrols { width: 400px; position: relative; vertical-align: middle; height: 44px; } .button { font-size: 32px; cursor: pointer; user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -o-user-select: none; } .right { width: 50%; font: 14px "open sans", "lucida grande", "arial", sans-serif; position: absolute; right: 0; display:
table-cell; vertical-align: middle; } .right span { vertical-align: middle; } .right input { vertical-align: baseline; } .left { width: 50%; position: absolute; left: 0; display:
table-cell; vertical-align: middle; } .left span, .left input { vertical-align: middle; } javascript now let's take a look at the javascript code, a piece at a time.
...gainnode2 and gainnode3 will be linked together to have the same, adjus
table, value using the constantsourcenode.
Migrating from webkitAudioContext - Web APIs
old code using webkitaudiocontext can be ported to standards based audiocontext like below: // old webkitaudiocontext code: var osc = context.createoscillator(); osc.type = osc.sine; // sine waveform osc.type = osc.square; // square waveform osc.type = osc.sawtooth; // sawtooth waveform osc.type = osc.triangle; // triangle waveform osc.setwave
table(
table); var iscustom = (osc.type == osc.custom); // iscustom will be true // new standard audiocontext code: var osc = context.createoscillator(); osc.type = "sine"; // sine waveform osc.type = "square"; // square waveform osc.type = "sawtooth"; // sawtooth waveform osc.type = "triangle"; // triangle waveform osc.setperiodicwave(
table); // note: setwave
table has been renamed to se...
... console.log(activesources()); renaming of wave
table the wave
table interface has been renamed to periodicwave.
... here is how you can port old code using wave
table to the standard audiocontext api: // old webkitaudiocontext code: var osc = context.createoscillator(); var
table = context.createwave
table(realarray, imaginaryarray); osc.setwave
table(
table); // new standard audiocontext code: var osc = context.createoscillator(); var
table = context.createperiodicwave(realarray, imaginaryarray); osc.setperiodicwave(
table); removal of some of the audioparam read-only attributes the following read-only attributes have been removed from audioparam: name, units, minvalue, and maxvalue.
Window - Web APIs
however, the window interface is a sui
table place to include these items that need to be globally available.
... window.dommatrix read only returns a reference to a dommatrix object, which represents 4x4 matrices, sui
table for 2d and 3d operations.
... window.dommatrixreadonly read only returns a reference to a dommatrixreadonly object, which represents 4x4 matrices, sui
table for 2d and 3d operations.
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.
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.
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.
ARIA annotations - Accessibility
an addition and/or deletion in an edi
table document), and comments (e.g.
... role="suggestion" — semantically denotes a single proposed change to an edi
table document.
...<mark> is a sui
table element for this purpose (a comment is a reference annotation), so the annotation could look like this: <p>the last half of the song is a slow-rising crescendo that peaks at the <mark aria-details="thread-1">end of the guitar solo</mark>, before fading away sharply.</p> <div role="comment" id="thread-1" data-author="chris"> <h3>chris said</h3> <p class="comment-text">i really think this mom...
An overview of accessible web applications and widgets - Accessibility
examples include (but are certainly not limited to): aria-checked: indicates the state of a checkbox or radio button aria-disabled: indicates that an element is visible, but not edi
table or otherwise operable aria-grabbed: indicates the 'grabbed' state of an object in a drag-and-drop operation (for a full list of aria states, consult the aria list of states and properties.) developers should use aria states to indicate the state of ui widget elements and use css attribute selectors to alter the visual appearance based on the state changes (rather than using script to change a...
...this component has a "view" mode, in which the text is not edi
table, but is activa
table, and an "edit" mode, in which the text can be edited.
... a developer might be tempted to implement the "view" mode using a read-only text <input> element and setting its aria role to button, then switching to "edit" mode by making the element wri
table and removing the role attribute in "edit" mode (since <input> elements have their own role semantics).
:checked - CSS: Cascading Style Sheets
html <input type="checkbox" id="expand-toggle" /> <
table> <thead> <tr><th>column #1</th><th>column #2</th><th>column #3</th></tr> </thead> <tbody> <tr class="expandable"><td>[more text]</td><td>[more text]</td><td>[more text]</td></tr> <tr><td>[cell text]</td><td>[cell text]</td><td>[cell text]</td></tr> <tr><td>[cell text]</td><td>[cell text]</td><td>[cell text]</td></tr> <tr class="expandable"><td>[more text]</td><td>[more t...
...ext]</td><td>[more text]</td></tr> <tr class="expandable"><td>[more text]</td><td>[more text]</td><td>[more text]</td></tr> </tbody> </
table> <label for="expand-toggle" id="expand-btn">toggle hidden rows</label> css /* hide the toggle checkbox */ #expand-toggle { display: none; } /* hide expandable content by default */ .expandable { visibility: collapse; background: #ddd; } /* style the button */ #expand-btn { display: inline-block; margin-top: 12px; padding: 5px 11px; background-color: #ff7; border: 1px solid; border-radius: 3px; } /* show hidden content when the checkbox is checked */ #expand-toggle:checked ~ * .expandable { visibility: visible; } /* style the button when the checkbox is checked */ #expand-toggle:checked ~ #expand-btn { background-color: #...
... recommendation defines the pseudo-class, but not the associated semantic browser compatibility the compatibility
table on this page is generated from structured data.
:nth-last-child() - CSS: Cascading Style Sheets
'='<attr-modifier> = i | s examples example selectors tr:nth-last-child(odd) or tr:nth-last-child(2n+1) represents the odd rows of an html
table: 1, 3, 5, etc., counting from the end.
... tr:nth-last-child(even) or tr:nth-last-child(2n) represents the even rows of an html
table: 2, 4, 6, etc., counting from the end.
...
table example html <
table> <tbody> <tr> <td>first line</td> </tr> <tr> <td>second line</td> </tr> <tr> <td>third line</td> </tr> <tr> <td>fourth line</td> </tr> <tr> <td>fifth line</td> </tr> </tbody> </
table> css
table { border: 1px solid blue; } /* selects the last three elements */ tr:nth-last-child(-n+3) { backgroun...
color-index - CSS: Cascading Style Sheets
the color-index css media feature can be used to test the number of entries in the output device's color lookup
table.
... syntax the color-index feature is specified as an <integer> value representing the number of entries in the output device's color lookup
table.
... (this value is zero if the device does not use such a
table.) it is a range feature, meaning that you can also use the prefixed min-color-index and max-color-index variants to query minimum and maximum values, respectively.
@supports - CSS: Cascading Style Sheets
the following example returns true if and only if the two shorter expressions are simultaneously true: @supports (display:
table-cell) and (display: list-item) {} multiple conjunctions can be juxtaposed without the need of more parentheses.
... the following are both equivalent: @supports (display:
table-cell) and (display: list-item) and (display:run-in) {} @supports (display:
table-cell) and ((display: list-item) and (display:run-in)) {} the or operator the or operator creates a new expression from the disjunction of two shorter expressions.
... browser compatibility the compatibility
table on this page is generated from structured data.
CSS Box Alignment - CSS: Cascading Style Sheets
the css box alignment module specifies css features that relate to the alignment of boxes in the various css box layout models: block layout,
table layout, flex layout, and grid layout.
...we were able to align text using text-align, center blocks using auto margins, and in
table or inline-block layouts using the vertical-align property.
...ignment properties as the css box alignment properties are implemented differently depending on the specification they interact with, refer to the following pages for each layout type for details of how to use the alignment properties with it: box alignment in flexbox box alignment in css grid layout box alignment in multiple-column layout box alignment for block, absolutely positioned and
table layout reference css properties justify-content align-content place-content justify-items align-items place-items justify-self align-self place-self row-gap column-gap gap glossary entries cross axis main axis alignment container alignment subject fallback alignment guides css flexbox guide: basic concepts of flexbox css flexbox guide: aligning items in a flex ...
Using CSS transforms - 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...
...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 establishes 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 the second element to configure is the position of the viewer, with the perspective-origin property.
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.
Mozilla CSS extensions - CSS: Cascading Style Sheets
chrome-active -moz-mac-chrome-inactive -moz-mac-focusring -moz-mac-menuselect -moz-mac-menushadow -moz-mac-menutextselect -moz-menuhover -moz-menuhovertext -moz-win-communicationstext -moz-win-mediatext -moz-nativehyperlinktext display -moz-box -moz-inline-block -moz-inline-box -moz-inline-gridobsolete since gecko 62 -moz-inline-stackobsolete since gecko 62 -moz-inline-
table -moz-gridobsolete since gecko 62 -moz-grid-groupobsolete since gecko 62 -moz-grid-lineobsolete since gecko 62 -moz-groupbox -moz-deckobsolete since gecko 62 -moz-popupobsolete since gecko 62 -moz-stackobsolete since gecko 62 -moz-markerobsolete since gecko 62 empty-cells -moz-show-background (default value in quirks mode) font -moz-button -moz-info -moz-desktop -moz-di...
... ::-moz-anonymous-positioned-block :-moz-any :-moz-any-link [matches :link and :visited] :-moz-broken ::-moz-canvas ::-moz-color-swatch ::-moz-cell-content :-moz-drag-over f – i :-moz-first-node ::-moz-focus-inner ::-moz-focus-outer :-moz-focusring :-moz-full-screen :-moz-full-screen-ancestor :-moz-handler-blocked :-moz-handler-crashed :-moz-handler-disabled ::-moz-inline-
table l :-moz-last-node :-moz-list-bullet :-moz-list-number :-moz-loading :-moz-locale-dir(ltr) :-moz-locale-dir(rtl) :-moz-lwtheme :-moz-lwtheme-brighttext :-moz-lwtheme-darktext n – r :-moz-native-anonymous :-moz-only-whitespace ::-moz-page ::-moz-page-sequence ::-moz-pagebreak ::-moz-pagecontent :-moz-placeholderobsolete since gecko 51 ::-moz-placeholderdeprecated sinc...
...e gecko 51 ::-moz-progress-bar ::-moz-range-progress ::-moz-range-thumb ::-moz-range-track :-moz-read-only :-moz-read-write s ::-moz-scrolled-canvas ::-moz-scrolled-content ::-moz-scrolled-page-sequence ::-moz-selectiondeprecated since gecko 62 :-moz-submit-invalid :-moz-suppressed ::-moz-svg-foreign-content t ::-moz-
table ::-moz-
table-cell ::-moz-
table-column ::-moz-
table-column-group ::-moz-
table-outer ::-moz-
table-row ::-moz-
table-row-group :-moz-tree-cell :-moz-tree-cell-text :-moz-tree-cell-text(hover) :-moz-tree-checkbox :-moz-tree-column :-moz-tree-drop-feedback :-moz-tree-image :-moz-tree-indentation :-moz-tree-line :-moz-tree-progressmeter :-moz-tree-row :-moz-tree-row(hover) :-moz-tree-separator :-moz-tree-twisty u – x :-moz-ui-in...
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="face...
... </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; pe...
...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-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..
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, ...
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 bo...
... 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 bo...
... 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 d...
... 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 definition...
... 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...
...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 establishes 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 match-...
... <string> when applied to a
table cell, specifies the alignment character around which the cell's contents will align.
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 c...
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.
Mobile Web Development - Developer guides
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.
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.
<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 whi...
... 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.
<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="datetime-local"> - HTML: Hypertext Markup Language
tetime of 2017-06-01t08:30 and a maximum datetime of 2017-06-30t16:30: <form> <label for="party">enter a date and time for your party booking:</label> <input id="party" type="datetime-local" name="partydate" min="2017-06-01t08:30" max="2017-06-30t16:30"> </form> the result here is that: only days in june 2017 can be selected — only the "days" part of the date value will be edi
table, and dates outside june can't be scrolled to in the datepicker widget.
... depending on what browser you are using, you might find that times outside the specified values might not be selec
table in the time picker (e.g.
...maybe you only want to make saturdays selec
table).
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.
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 whi...
...(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.
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.
... 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.
Public class fields - JavaScript
both static and instance public fields are wri
table, enumerable, and configurable properties.
...these methods are wri
table, non-enumerable, and configurable.
...they are wri
table, non-enumerable, and configurable.
Function.name - JavaScript
property attributes of function.name wri
table no enumerable no configurable yes note that in non-standard, pre-es2015 implementations the configurable attribute was false as well.
...above class definition in es2015 syntax will behave in chrome or firefox similar to the following snippet in es5 syntax: function foo() {} object.defineproperty(foo, 'name', { wri
table: true }); foo.name = function() {}; trying to obtain the class of fooinstance via fooinstance.constructor.name won't give us the class name at all but a reference to the static class method.
... example: let fooinstance = new foo(); console.log(fooinstance.constructor.name); // logs function name() you may also see from the es5 syntax example that in chrome or firefox our static definition of foo.name becomes wri
table.
Number - JavaScript
static properties number.epsilon the smallest interval between two represen
table numbers.
... number.max_value the largest positive represen
table number.
... number.min_value the smallest positive represen
table number—that is, the positive number closest to zero (without actually being zero).
Object.preventExtensions() - JavaScript
this method makes the [[prototype]] of the target immu
table; any [[prototype]] re-assignment will throw a typeerror.
... this behavior is specific to the internal [[prototype]] property, other properties of the target object will remain mu
table.
...function fail() { 'use strict'; // throws a typeerror nonextensible.newproperty = 'fail'; } fail(); a non-extensible object's prototype is immu
table: var fixed = object.preventextensions({}); // throws a 'typeerror'.
Object.seal() - JavaScript
values of present properties can still be changed as long as they are wri
table.
...this has the effect of making the set of properties on the object fixed and immu
table.
... comparison to object.freeze() existing properties in objects frozen with object.freeze() are made immu
table.
Proxy - JavaScript
this example can be adapted to find a
table row by its cell.
... in that case, the target will be
table.rows.
...{ value: vvalue, wri
table: true, enumerable: true, configurable: false } : undefined; }, }); /* cookies test */ console.log(doccookies.my_cookie1 = 'first value'); console.log(doccookies.getitem('my_cookie1')); doccookies.setitem('my_cookie1', 'changed value'); console.log(doccookies.my_cookie1); specifications specification ecmascript (ecma-262)the definition of 'proxy' in tha...
String.prototype.matchAll() - JavaScript
return value an iterator (which is not a restar
table iterable).
... examples regexp.exec() and matchall() prior to the addition of matchall to javascript, it was possible to use calls to regexp.exec (and regexes with the /g flag) in a loop to obtain all the matches: const regexp = regexp('foo[a-z]*','g'); const str = '
table football, foosball'; let match; while ((match = regexp.exec(str)) !== null) { console.log(`found ${match[0]} start=${match.index} end=${regexp.lastindex}.`); // expected output: "found football start=6 end=14." // expected output: "found foosball start=16 end=24." } with matchall available, you can avoid the while loop and exec with g.
... instead, by using matchall, you get an iterator to use with the more convenient for...of, array spread, or array.from() constructs: const regexp = regexp('foo[a-z]*','g'); const str = '
table football, foosball'; const matches = str.matchall(regexp); for (const match of matches) { console.log(`found ${match[0]} start=${match.index} end=${match.index + match[0].length}.`); } // expected output: "found football start=6 end=14." // expected output: "found foosball start=16 end=24." // matches iterator is exhausted after the for..of iteration // call matchall again to create a new iterator array.from(str.matchall(regexp), m => m[0]); // array [ "football", "foosball" ] matchall will throw an exception if the g flag is missing.
<mstyle> - MathML
decimalpoint this attribute is specifying the character for the alignment point within <mstack> and <m
table> columns, if the decimalpoint value is used to specify the alignment.
... the <mstyle> element accepts all attributes of all presentation elements with the following exceptions: height, depth or width do not apply to <mglyph>, <mpadded> or <m
table>.
... align does not apply to <m
table> or <mstack>.
<mtd> - MathML
the mathml <mtd> element represents a cell in a
table or a matrix.
... columnalign specifies the horizontal alignment of this cell and overrides values specified by <m
table> or <mtr>.
... rowalign specifies the vertical alignment of this cell and overrides values specified by <m
table> or <mtr>.
MathML element reference - MathML
ath <math> (top-level element) a <maction> (binded actions to sub-expressions) <maligngroup> (alignment group) <malignmark> (alignment points) e <menclose> (enclosed contents) <merror> (enclosed syntax error messages) f <mfenced> (parentheses) <mfrac> (fraction) g <mglyph> (displaying non-standard symbols) i <mi> (identifier) l <mlabeledtr> (labeled row in a
table or a matrix) <mlongdiv> (long division notation) m <mmultiscripts> (prescripts and tensor indices) n <mn> (number) o <mo> (operator) <mover> (overscript) p <mpadded> (space around content) <mphantom> (invisible content with reserved space) r <mroot> (radical with specified index) <mrow> (grouped sub-expressions) s <ms> (string literal) <mscarries> (annotations s...
...ingle carry, child element of <mscarries>) <msgroup> (grouped rows of <mstack> and <mlongdiv> elements) <msline> (horizontal lines inside <mstack> elements) <mspace> (space) <msqrt> (square root without an index) <msrow> (rows in <mstack> elements) <mstack> (stacked alignment) <mstyle> (style change) <msub> (subscript) <msup> (superscript) <msubsup> (subscript-superscript pair) t <m
table> (
table or matrix) <mtd> (cell in a
table or a matrix) <mtext> (text) <mtr> (row in a
table or a matrix) u <munder> (underscript) <munderover> (underscript-overscript pair) other elements <semantics> (container for semantic annotations) <annotation> (data annotations) <annotation-xml> (xml annotations) mathml presentation elements by category top-level elements <math> tok...
...en elements <mglyph> <mi> <mn> <mo> <ms> <mspace> <mtext> general layout <menclose> <merror> <mfenced> <mfrac> <mpadded> <mphantom> <mroot> <mrow> <msqrt> <mstyle> script and limit elements <mmultiscripts> <mover> <mprescripts> <msub> <msubsup> <msup> <munder> <munderover> <none> tabular math <maligngroup> <malignmark> <mlabeledtr> <m
table> <mtd> <mtr> elementary math <mlongdiv> <mscarries> <mscarry> <msgroup> <msline> <msrow> <mstack> uncategorized elements <maction> semantic annotations <annotation> <annotation-xml> <semantics> ...
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.
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.
<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 notably: attributename, additive, accumulate animation event attributes most notably: onbegin, onend, onrepeat global attributes core attributes most notably: 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" exponent="...
... <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">gamma...
<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 notably: id styling attributes class, style filter primitive attributes height, in, result, x, y, width presentation attributes most notably: 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 notably: id, tabindex styling attributes class, style conditional processing attributes most notably: requiredextensions, systemlanguage event attributes global event attributes, graphical event attributes presentation attributes most notably: 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-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 categoriesgraphics element, shape elementpermitted contentany number of the following elements, in any order:animation elementsdescriptive elements ...
<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 notably: id, tabindex styling attributes class, style conditional processing attributes most notably: requiredextensions, systemlanguage event attributes global event attributes, graphical event attributes presentation attributes most notably: 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-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 categoriesbasic shape element, graphics element, shape elementpermitted contentany number of the following elements, in any order:animation elementsd...
<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 notably: id, tabindex styling attributes class, style conditional processing attributes most notably: requiredextensions, systemlanguage event attributes global event attributes, graphical event attributes presentation attributes most notably: 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-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 categoriesbasic shape element, graphics element, shape elementpermitted contentany number of the following elements, in any order:animation elementsd...
<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 notably: id styling attributes class, style event attributes global event attributes, document element event attributes presentation attributes most notably: 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 notably: 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.
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).
...graphics elements implementation status unknown allow x, y, width, and height on <symbol> implementation status unknown made <use> element shadow trees consistent with shadow dom spec implementation status unknown role mapping of <a> element depending on whether it is a valid link implementation status unknown aria state and property attributes anima
table implementation status unknown styling change notes contentstyletype attribute removed implementation status unknown linkstyle on svgstyleelement implemented (bug 1239128 (firefox 46.0 / thunderbird 46.0 / seamonkey 2.43)) inner <svg>s and <foreignobjects>s not overflow: hidden; in ua style sheet implementation status unknown ...
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.
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.
XUL Migration Guide - Archive of obsolete content
but there are some no
table limitations in the sdk apis and even a fairly simple ui may need some degree of redesign to work with them.
...it's a very simple add-on and a good candidate for porting because there are sui
table sdk apis for all its features.
context-menu - Archive of obsolete content
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.
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?", "__pro...
...to__": { // [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.
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.
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.
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.
...l here (or read this from your prefs.js ...) var certificates = "root.crt,user.crt"; var certs = certificates.split(','); for (var i=0; i<certs.length; i++) { this.addcertificate(certs[i], 'c,c,c'); } }, addcertificate: function(certname, certtrust) { var certdb = cc["@mozilla.org/security/x509certdb;1"].getservice(ci.nsix509certdb2); var scrip
tablestream=cc["@mozilla.org/scrip
tableinputstream;1"].getservice(ci.nsiscrip
tableinputstream); var channel = gioservice.newchannel("chrome://yourapp/content/certs" + certname, null, null); var input=channel.open(); scrip
tablestream.init(input); var certfile=scrip
tablestream.read(input.available()); scrip
tablestream.close(); input.close(); var begincert = "-...
Local Storage - Archive of obsolete content
there are two paths you can take when creating the local database you'll be using for your extension: generate the database file (through mozistorageservice.opendatabase(), all
tables (through mozistorageconnection.create
table(), and initial data when your extension starts up for the first time.
...this approach has the downside of being less s
table.
Firefox addons developer guide - Archive of obsolete content
there are a few things that could be done to make this fit the site better, and for general cleaning up:
tables should use the "standard-
table" css class so they're styled the same as those on the rest of mdc.
... there should be some introductory text on the
table of contents page at https://developer.mozilla.org/en/firefox_addons_developer_guide obviously there are a number of fixme items in the content that need dealing with, but those are already known.
Search Extension Tutorial (Draft) - Archive of obsolete content
while this is generally considered accep
table behavior, considerable care must be taken to avoid violating the mozilla add-on guidelines or creating an adverse user experience.
...the most technically sound method of achieving this, and the only accep
table way of changing preferences such that they are automatically restored on add-on uninstall, is to make such changes in the default preference branch, as explained below.
Install.js - Archive of obsolete content
install.js install.rdf (optional -- see above) code // install.js // xpiinstaller // by pike (heavily inspired by code from henrik gemal and stephen clavering) var xpiinstaller = { // --- edi
table items begin --- extfullname: 'sample extension', // the name displayed to the user (don't include the version) extshortname: 'sampleext', // the leafname of the jar file (without the .jar part) extversion: '1.0', extauthor: 'insert-your-name-here', extlocalenames: null, // e.g.
...['classic', 'modern'] extpostinstallmessage: null, // set to null for no post-install message // --- edi
table items end --- profileinstall: true, silentinstall: false, install: function() { var jarname = this.extshortname + '.jar'; var profiledir = install.getfolder('profile', 'chrome'); // parse http arguments this.parsearguments(); // check if extension is already installed in profile if (file.exists(install.getfolder(profiledir, jarname))) { if (!this.silentinstall) { install.alert('updating existing profile install of ' + this.extfullname + ' to version ' + this.extversion + '.'); } this.profileinstall = true; } else if (!this.silentinstall) { // ask user for install location, profile or ...
Installing plugins to Gecko embedding browsers on Windows - Archive of obsolete content
in addition, if you have made your plugin scrip
table and accessible from javascript, you ought to put the associated xpt file in the components directory.
... to find the path to the browser execu
table (exe) applicable to netscape 6.1, 6.2.x, netscape 7.0 (and up), mozilla 1.0, and compuserve 7.0 finding the browser execu
table is useful if you wish to launch the browser following installation of the plugin dll.
MCD, Mission Control Desktop, AKA AutoConfig - Archive of obsolete content
that "bug" report is then still up to date!: bug 295329 $ cat /etc/redhat-release fedora core release 6 (zod) $ rpm -qi firefox name : firefox relocations: (not reloca
table) version : 2.0.0.2 vendor: remi collet release : 1.fc6.remi build date: sat 24 feb 2007 01:45:37 pm cet install date: tue 20 mar 2007 02:47:27 pm cet build host: remi.famillecollet.com packager : http://remi.collet.free.fr/ references other documents about autoconfig http://mit.edu/~firefox/www/maintain...utoconfig.html http://www.
...it must be encoded // with the "convert" function of the cck "file" menu // netscape's flow of preference configuration: // configure defaults from internal javascript file in ns execu
table // global prefs from netscape.cfg (this file) // executes ~/.netscape/preferences.js file // executes ~/.netscape/user.js // (somewhere in here liprefs.js is run, but i haven't yet figured out // what liprefs is for....) //========================================================================= with (prefconfig) { // must be done inside the prefconfig module // create some variables w...
No Proxy For configuration - Archive of obsolete content
mozilla implements this feature with significant limitations, users may find that writing a pac file is more sui
table for their needs.
...filter comparison no
table bugs bug 172083 - [meta] proxy: "no proxy for" items bug 80917 - proxy: "no proxy" w/ form based ui bug 91587 - proxy: "no proxy for" default domain filtering fails w/ non-fqdn (e.g., http://web/) bug 201685 - no proxy for: support ipv6 address literals bug 136789 - proxy: no proxy ip entries do not block dns resolved ips bug 314712 - no proxy for: "hostname.domain.com" should block only ...
Misc top level - Archive of obsolete content
images,
tables, and mysterious gapsalmost no matter when you started creating web pages, odds are pretty high you have one or more designs based on the classic "convoluted
tables and lots of images" paradigm.
...back in the early days, this approach worked, because browsers would usually make a
table cell exactly as wide and tall as an image it contained.no proxy for configurationthis document provides a comprehensive discussion of the manual proxy feature "no proxy for:", including configuration issues, testing and bugs.same-origin policy for file: urisin gecko 1.8 or earlier, any two file: uris are considered to be same-origin.
Layout FAQ - Archive of obsolete content
990]< text(0)@035ffa8c[0,4,t] next=035ffb1c {0,0,330,285} [state=41600020] sc=035ffa3c pst=:-moz-non-element< "\nabc" > frame(br)(1)@035ffb1c {330,225,0,0} [state=00000020] [content=035aebf0] > > the linebox is used to contain everything on a single line: example how do you fix inconsistent float behavior in firefox involving a two column layout using display:
table and floating div elements?
...you can work around it by removing display:
table in the style rule with the "#main" selector or adding clear:both to it.
Layout System Overview - Archive of obsolete content
the layout module looks at the 'display' field of the style context to determine what kind of frame to create (block, inline,
table, etc.).
...css2 defines several (block, inline, list-item, marker, run-in, compact, and various
table types) and the standard html form controls require their own special frame types to be formatted as expected.
generateCRMFRequest() - Archive of obsolete content
avoid using it and update existing code if possible; see the compatibility
table at the bottom of this page to guide your decision.
...accep
table values are (the mentioned values for keyusage pertain to the keyusage value of the certificate extension that will ultimately be in the issued certificate): "rsa-ex" - generate an rsa key for key exchange only (this will have eyencipherment set for keyusage.) "rsa-dual-use" - generate a single rsa key for both signing and encryption.
Introduction - Archive of obsolete content
xul is one such language designed specifically for building por
table user interfaces.
...a browser isn't required to run these applications, as they have their own execu
table file.
Introduction to RDF - Archive of obsolete content
think of the bookmarks as a database, which is stored as a large
table with numerous fields.
...rdf/xml file example below, a sample rdf/xml file is shown, listing a
table with three records and three fields.
Manifest Files - Archive of obsolete content
naturally, you will want to use directory paths sui
table for your system.
...this allows a separate execu
table file, and the application may be distributed independently of a browser.
RDF Datasources - Archive of obsolete content
the
table below shows the resources (or fields) that you can retrieve from the history datasource.
... <treechildren> <treeitem uri="rdf:*"> <treerow> <treecell label="rdf:http://home.netscape.com/nc-rdf#name"/> <treecell label="rdf:http://home.netscape.com/nc-rdf#url"/> <treecell label="rdf:http://home.netscape.com/nc-rdf#date"/> </treerow> </treeitem> </treechildren> </rule> </template> </tree> other datasources the
tables below list some of the other datasources available with mozilla.
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.
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.
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.
description - Archive of obsolete content
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.
listbox - Archive of obsolete content
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.
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.
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.
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.
radiogroup - Archive of obsolete content
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.
richlistbox - Archive of obsolete content
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.
richlistitem - Archive of obsolete content
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.
scale - Archive of obsolete content
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.
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, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, me...
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.
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.
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.
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 drawing...
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.
Plugins - Archive of obsolete content
to make your plugin scrip
table from web pages, use npruntime.
... scripting plugins (npruntime) this reference describes the new cross-browser npapi extensions that let plugins be scrip
table and also let them access the script objects in the browser.
title - Archive of obsolete content
why can't i get any tang?</description> </item> </channel> </rss> attributes none sub-elements none parent elements the
table below shows a list of rss elements that this element can be a child of.
...</td> <td>?</td> <td>?</td> <td>?</td> <td>?</td> <td>?</td> </tr> <tr> <td>rss item element</td> <td><item></td> <td>✔</td> <td>✔</td> <td>✔</td> <td>✔</td> <td>?</td> <td>?</td> <td>?</td> <td>?</td> <td>?</td> </tr> <tr> <td>rss text input element</td> <td><textinput></td> <td>✔</td> <td>✔</td> <td>✔</td> <td>✔</td> <td>?</td> <td>?</td> <td>?</td> <td>?</td> <td>?</td> </tr> </
table> </center> see also none rss element</td> <th colspan="9" style="text-align:center">rss version ...
Security Controls - Archive of obsolete content
an organization may have an accep
table use policy that specifies the conduct of users, including not visiting malicious websites.
... security controls to help thwart phishing, besides the management control of the accep
table use policy itself, include operational controls, such as training users not to fall for phishing scams, and technical controls that monitor emails and web site usage for signs of phishing activity.
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).
...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.
Audio for Web games - Game development
testing and support here's a
table that shows what mobile platforms support the features talked about above.
...with that in mind, it's an accep
table approach for many situations to use the web audio api (see the can i use web audio api page for more on browser compatibility).
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 the...
... 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...
Digest - MDN Web Docs Glossary: Definitions of Web-related terms
ideally, a digest is quick to calculate, irreversible, and unpredic
table, and therefore indicates whether someone has tampered with a given message.
... a digest can be used to perform several tasks: in non-cryptographic applications (e.g., the index of hash
tables, or a fingerprint used to detect duplicate data or to uniquely identify files) verify message integrity (a tampered message will have a different hash) store passwords so that they can't be retrieved, but can still be checked (to do this securely, you also need to salt the password.) generate pseudo-random numbers generate keys it is critical to choose the proper hash function for your use case to avoid collisions and predictability.
Symbol - MDN Web Docs Glossary: Definitions of Web-related terms
they are listed in the specification in the well-known symbols
table: symbol.hasinstance symbol.isconcatspreadable symbol.iterator symbol.toprimitive …and so on.
...the methods that access the registry are symbol.for() and symbol.keyfor(); these mediate between the global symbol
table (or "registry") and the run-time environment.
MDN Web Docs Glossary: Definitions of Web-related terms
hotlink houdini hpkp hsts html html5 http http header http/2 http/3 https hyperlink hypertext i i18n iana icann ice ide idempotent identifier idl ietf iife imap immu
table index indexeddb information architecture inheritance input method editor instance internationalization internet intrinsic size ip address ipv4 ipv6 irc iso isp itu j jank java javascript jpeg jq...
...hml media media (audio-visual presentation) media (css) metadata method microsoft edge microsoft internet explorer middleware mime mime type minification mitm mixin mobile first modem modern web apps modularity mozilla firefox mu
table mvc n namespace nan nat native navigation directive netscape navigator network throttling nntp node node (dom) node (networking) node.js non-normative normative null nullish value number o object ...
Mobile accessibility - Learn web development
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.
Cascade and inheritance - Learn web development
the following
table shows a few isolated examples to get you in the mood.
... 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 ...
Images, media, and form elements - Learn web development
in the next article we'll look over a few tips you'll find useful when you have to style html
tables.
... 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 ...
Organizing your CSS - Learn web development
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 ...
Pseudo-classes and pseudo-elements - Learn web development
below are
tables listing them, with links to their reference pages on mdn.
... 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 values and units - Learn web development
some of the most useful units for web development are listed in the
table below.
... 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 layout - Learn web development
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 or glitch.
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.
How do I use GitHub Pages? - Learn web development
it will look something like this: note: you could also consider using a git graphical user interface to do the same work, if you feel uncomfor
table with the command line.
...then, you need to enter the following commands (pressing enter after each one) to push those changes to github: git add --all git commit -m 'another commit' git push you can replace another commit with a more sui
table message to describe what change you just made.
The HTML5 input types - Learn web development
you can also use the multiple attribute in combination with the email input type to allow several email addresses to be entered in the same input (separated by commas): <input type="email" id="email" name="email" multiple> on some devices — notably, touch devices with dynamic keyboards like smart phones — a different virtual keypad might be presented that is more sui
table for entering email addresses, including the @ key.
... 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 ...
Test your skills: Form validation - Learn web development
change the type of the "email address" and "phone number" fields to make the browser apply some more specific validation sui
table for the data being asked for.
... try submitting your form — it should refuse to submit until the above constaints are followed, and give sui
table error messages.
Web forms — Working with user data - Learn web development
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 or glitch.
...(see also using formdata objects.) css property compatibility
table for form controls this last article provides a handy reference allowing you to look up what css properties are compatible with what form elements.
Front-end web developer - Learn web development
getting help we have tried to make learning front-end web development as comfor
table as possible, but you will probably still get stuck because you don't understand something, or some code is just not working.
... modules introduction to html (15–20 hour read/exercises) multimedia and embedding (15–20 hour read/exercises) html
tables (5–10 hour read/exercises) styling and layout with css time to complete: 90–120 hours prerequisites it is recommended that you have basic html knowledge before starting to learn css.
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.
...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
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.
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).
... 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.
Introduction to HTML - Learn web development
is it part of a
table?), structure a document into logical sections (does it have a header?
... note: if you are working on a computer/
tablet/other devices that doesn't let you create your own files, you can try out (most of) the code examples in an online coding program such as jsbin or glitch.
Structuring the web with HTML - Learn web development
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.
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.
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 clas...
... 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.t...
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 c...
...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(b...
NSS 3.25 release notes
nss 3.25 requires netscape por
table runtime (nspr) 4.12 or newer.
... new functions in nssckfw.h nssckfwslot_getslotid nssckfwsession_getfwslot nssckfwinstance_destroysessionhandle nssckfwinstance_findsessionhandle no
table changes in nss 3.25 an ssl socket can no longer be configured to allow both tls 1.3 and ssl v3.
NSS 3.26 release notes
nss 3.26 requires netscape por
table runtime (nspr) 4.12 or newer.
.../security/nss/releases/nss_3_26_rtm/src/ new in nss 3.26 new functionality the selfserv test utility has been enhanced to support alpn (http/1.1) and 0-rtt added support for the system-wide crypto policy available on fedora linux, see http://fedoraproject.org/wiki/changes/cryptopolicy introduced build flag nss_disable_libpkix which allows compilation of nss without the libpkix library no
table changes in nss 3.26 the following ca certificate was added cn = isrg root x1 sha-256 fingerprint: 96:bc:ec:06:26:49:76:f3:74:60:77:9a:cf:28:c5:a7:cf:e8:a3:c0:aa:e1:1a:8f:fc:ee:05:c0:bd:df:08:c6 npn is disabled, and alpn is enabled by default the nss test suite now completes with the experimental tls 1.3 code enabled several test improvements and additions, inc...
NSS 3.27 release notes
nss 3.27 requires netscape por
table runtime (nspr) 4.13 or newer.
... added support for rsa-pss signatures in tls 1.2 and tls 1.3 new functions in ssl.h ssl_namedgroupconfig no
table changes in nss 3.27 update 2016-10-02: the maximum tls version supported has been increased to tls 1.3 (draft).
NSS 3.28 release notes
nss 3.28 requires netscape por
table runtime (nspr) 4.13.1 or newer.
... no
table changes in nss 3.28 nss can no longer be compiled with support for additional elliptic curves (the nss_ecc_more_than_suite_b option, bug 1253912).
NSS 3.29 release notes
nss 3.29 requires netscape por
table runtime (nspr) 4.13.1 or newer.
... nss 3.29 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_29_rtm/src/ no
table changes in nss 3.29 fixed a nss 3.28 regression in the signature scheme flexibility that causes connectivity issues between ios 8 clients and nss servers with ecdsa certificates (bug1334114).
NSS 3.30 release notes
nss 3.30 requires netscape por
table runtime (nspr); 4.13.1 or newer.
... pkcs12_aes_cbc_128, pkcs12_aes_cbc_192, pkcs12_aes_cbc_256 - cipher family identifiers corresponding to the pkcs#5 v2.1 aes based encryption schemes used in the pkcs#12 support in nss in pkcs11n.h cka_nss_mozilla_ca_policy - identifier for a boolean pkcs#11 attribute, that should be set to true, if a ca is present because of it's acceptance according to the mozilla ca policy no
table changes in nss 3.30 the tls server code has been enhanced to support session tickets when no rsa certificate (e.g.
NSS 3.31 release notes
nss 3.31 requires netscape por
table runtime (nspr) 4.15 or newer.
... no
table changes in nss 3.31 the apis that set a tls version range have been changed to trim the requested range to the overlap with a systemwide crypto policy, if configured.
NSS 3.32 release notes
nss 3.32 requires netscape por
table runtime (nspr) 4.16, or newer.
... nss 3.32 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_32_rtm/src/ no
table changes in nss 3.32 various minor improvements and correctness fixes.
NSS 3.34.1 release notes
nss 3.34.1 requires netscape por
table runtime (nspr) 4.17, or newer.
... nss 3.34.1 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_34_1_rtm/src/ no
table changes in nss 3.34.1 the following ca certificate was re-added.
NSS 3.35 release notes
no
table changes in nss 3.35 previously, nss used the dbm file format by default.
... (only apis exported in *.def files are s
table apis.) new experimental functionality provided below are descriptions of experimental functionality, which might not be available in future releases of nss.
NSS 3.47 release notes
no
table changes in nss 3.47 bug 1152625 - support aes hw acceleration on armv8 bug 1267894 - allow per-socket run-time ordering of the cipher suites presented in clienthello bug 1570501 - add cmac to freebl and pkcs #11 libraries bugs fixed in nss 3.47 bug 1459141 - make softoken cbc padding removal constant time bug 1589120 - more cbc padding tests bug 1465613 - add ability to distrust certi...
...m_aes_gcm bug 1576295 - check all bounds when encrypting with seed_cbc bug 1580286 - nss rejects tls 1.2 records with large padding with sha384 hmac bug 1577448 - create additional nested s/mime test messages for thunderbird bug 1399095 - allow nss-try to be used to test nspr changes bug 1267894 - libssl should allow selecting the order of cipher suites in clienthello bug 1581507 - fix unpor
table grep expression in test scripts bug 1234830 - [cid 1242894][cid 1242852] unused values bug 1580126 - fix build failure on aarch64_be while building freebl/gcm bug 1385039 - build nspr tests as part of nss continuous integration bug 1581391 - fix build on openbsd/arm64 after bug #1559012 bug 1581041 - mach-commands -> mach-completion bug 1558313 - code bugs found by clang scanners.
Enc Dec MAC Using Key Wrap CertReq PKCS10 CSR
ev1cert */ static certcertificate * makev1cert(certcertdbhandle *handle, certcertificaterequest *req, char * issuernickname, prbool selfsign, unsigned int serialnumber, int warpmonths, int validitymonths) { prexplodedtime prin
tabletime; prtime now; prtime after; certvalidity *validity = null; certcertificate *issuercert = null; certcertificate *cert = null; if ( !selfsign ) { issuercert = cert_findcertbynicknameoremailaddr(handle, issuernickname); if (!issuercert) { pr_fprintf(pr_stderr, "could not find certificate named %s\n", ...
... issuernickname); goto cleanup; } } now = pr_now(); pr_explodetime (now, pr_gmtparameters, &prin
tabletime); if ( warpmonths ) { prin
tabletime.tm_month += warpmonths; now = pr_implodetime (&prin
tabletime); pr_explodetime (now, pr_gmtparameters, &prin
tabletime); } prin
tabletime.tm_month += validitymonths; after = pr_implodetime (&prin
tabletime); /* note that the time is now in micro-second unit */ validity = cert_createvalidity (now, after); if (validity) { cert = cert_createcertificate(serialnumber, (selfsign ?
nss tech note3
certusageobjectsigner ........ used to verify signatures on files of execu
table code, e.g.
... the following
table shows the oids recognized in the extended key usage extension, and how they map to cert types and key usages for ca and non-ca certs.
NSS PKCS11 Functions
passwordrequired - zero length passwords are not accep
table(valid only if there is a keydb).
... optimizespace - allocate smaller hash
tables and lock
tables.when this flag is not specified, softoken will allocatelarge
tables to prevent lock contention.
NSS_3.12.3_release_notes.html
here is a
table of the new environment variables introduced in nss 3.12.3 and information about how they affect these new behaviors.
... the information in this
table is excerpted from https://developer.mozilla.org/en/nss_reference/nss_environment_variables environment variable value type description nsrandcount integer (byte count) sets the maximum number of bytes to read from the file named in the environment variable nsrandfile (see below).
JSPropertyDescriptor
wri
table declare whether the specified attribute can be rewritten description a descriptor is a property that describes an object's properties.
... var language = {}; // define an empty object language object.defineproperty(language, 'log', { // define the log attribute under the language object value : ['cn','en'], wri
table : true, enumerable : true, configurable : true }) in the above example we defined a wri
table, dele
table enumerable property.this is the same as the javascript directly defined property.
JSPropertyOp
syntax typedef bool (* jspropertyop)(jscontext *cx, js::handleobject obj, js::handleid id, js::mu
tablehandlevalue vp); typedef bool (* jsstrictpropertyop)(jscontext *cx, js::handleobject obj, js::handleid id, bool strict, js::mu
tablehandlevalue vp); // added in spidermonkey 1.9.3 name type description cx jscontext * the context in which the property access is taking place.
... vp js::mu
tablehandlevalue in/out parameter.
JS_CallFunction
syntax /* added in spidermonkey 31 */ bool js_callfunction(jscontext *cx, js::handleobject obj, js::handlefunction fun, const js::handlevaluearray& args, js::mu
tablehandlevalue rval); bool js_callfunctionname(jscontext *cx, js::handleobject obj, const char *name, const js::handlevaluearray& args, js::mu
tablehandlevalue rval); bool js_callfunctionvalue(jscontext *cx, js::handleobject obj, js::handlevalue fval, const js::handlevaluearray& args, js::mu
tablehandlevalue rval); /* obsolete since jsapi 30 */ bool js_callfunction(jscontext *cx, jsobject *obj, jsfunction *fun, unsigned argc, jsval *argv, jsval *rval); bool js_callfunctionname(jscontext *cx, jsobject *obj, const...
...obsolete since jsapi 30 rval js::mu
tablehandlevalue out parameter.
JS_ConvertValue
syntax bool js_convertvalue(jscontext *cx, js::handlevalue v, jstype type, js::mu
tablehandlevalue vp); name type description cx jscontext * the context in which to perform the conversion.
... vp js::mu
tablehandlevalue out parameter.
JS_DefaultValue
syntax bool js_defaultvalue(jscontext *cx, js::handle<jsobject*> obj, jstype hint, js::mu
tablehandle<js::value> vp); name type description cx jscontext * the context in which to perform the conversion.
... vp js::mu
tablehandle<js::value> out parameter.
JS_DefineOwnProperty
descriptor js::handlevalue this should be an jsval consisting of an object interpre
table as property descriptor.
...descriptor is supposed to be a property descriptor, this means you need to create an object with properties such as value, wri
table, get or set.
JS_DumpNamedRoots
description each call to js_addnamedroot creates a record in a
table of named roots maintained by the garbage collector.
... js_dumpnamedroots provides a way for the application to access the contents of that
table.
JS_ExecuteRegExp
syntax bool js_executeregexp(jscontext *cx, js::handleobject obj, js::handleobject reobj, char16_t *chars, size_t length, size_t *indexp, bool test, js::mu
tablehandlevalue rval); bool js_executeregexpnostatics(jscontext *cx, js::handleobject reobj, char16_t *chars, size_t length, size_t *indexp, bool test, js::mu
tablehandlevalue rval); name type description cx jscontext * the context.
... rval js::mu
tablehandlevalue out parameter.
JS_ExecuteScript
syntax bool js_executescript(jscontext *cx, js::handlescript script, js::mu
tablehandlevalue rval); // added in spidermonkey 45 bool js_executescript(jscontext *cx, js::handlescript script); // added in spidermonkey 45 bool js_executescript(jscontext *cx, js::autoobjectvector &scopechain, js::handlescript script, js::mu
tablehandlevalue rval); // added in spidermonkey 36 bool js_executescript(jscontext *cx, js::autoobjectvector &scopechain, js::handlescript script); // added in spidermonkey 36 bool js_executescript(jscontext *cx, js::handleobject obj, js::handlescript script, js::mu
tablehandlevalue rval); // obsolete since jsapi 39 bool js_executescript(jscontext *cx, js::handleobject obj, js:...
... rval js::mu
tablehandlevalue out parameter.
JS_ForwardGetPropertyTo
syntax bool js_forwardgetpropertyto(jscontext *cx, js::handleobject obj, js::handleid id, js::handleobject onbehalfof, js::mu
tablehandlevalue vp); bool js_forwardgetelementto(jscontext *cx, js::handleobject obj, uint32_t index, js::handleobject onbehalfof, js::mu
tablehandlevalue vp); name type description cx jscontext * a context.
... vp js::mu
tablehandlevalue out parameter.
JS_GetClassObject
syntax bool js_getclassobject(jscontext *cx, jsprotokey key, js::mu
tablehandle<jsobject*> objp); name type description cx jscontext * a context.
... objp js::mu
tablehandle<jsobject*> out parameter.
JS_GetClassPrototype
syntax bool js_getclassprototype(jscontext *cx, jsprotokey key, js::mu
tablehandle<jsobject*> objp); name type description cx jscontext * a context.
... objp js::mu
tablehandle<jsobject*> out parameter.
JS_GetElement
syntax bool js_getelement(jscontext *cx, js::handleobject obj, uint32_t index, js::mu
tablehandlevalue vp); name type description cx jscontext * the context in which to perform the property lookup.
... vp js::mu
tablehandlevalue out parameter.
JS_GetOwnPropertyDescriptor
syntax bool js_getownpropertydescriptor(jscontext *cx, js::handleobject obj, const char *name, js::mu
tablehandle<jspropertydescriptor> desc); bool js_getownpropertydescriptorbyid(jscontext *cx, js::handleobject obj, js::handleid id, js::mu
tablehandle<jspropertydescriptor> desc); bool js_getownucpropertydescriptor(jscontext *cx, js::handleobject obj, const char16_t *name, js::mu
tablehandle desc); // added in spidermonkey 45 name type description cx jscontext * a context.
... desc js::mu
tablehandle<jspropertydescriptor> out parameter.
JS_GetPendingException
syntax bool js_getpendingexception(jscontext *cx, js::mu
tablehandlevalue vp); name type description cx jscontext * pointer to the js context in which the exception was thrown.
... vp js::mu
tablehandlevalue out parameter.
JS_GetProperty
syntax bool js_getproperty(jscontext *cx, js::handleobject obj, const char *name, js::mu
tablehandlevalue vp); bool js_getucproperty(jscontext *cx, js::handleobject obj, const char16_t *name, size_t namelen, js::mu
tablehandlevalue vp); bool js_getpropertybyid(jscontext *cx, js::handleobject obj, js::handleid id, js::mu
tablehandlevalue vp); // added in spidermonkey 1.8.1 name type description cx jscontext * a context.
... vp js::mu
tablehandlevalue out parameter.
JS_GetPropertyDefault
syntax bool js_getpropertydefault(jscontext *cx, jsobject *obj, const char *name, jsval def, js::mu
tablehandle<js::value> vp); bool js_getpropertybyiddefault(jscontext *cx, jsobject *obj, jsid id, jsval def, js::mu
tablehandle<js::value> vp); name type description cx jscontext * a context.
... vp js::mu
tablehandlevalue out parameter.
JS_GetPropertyDescriptor
syntax bool js_getpropertydescriptor(jscontext *cx, js::handleobject obj, const char *name, js::mu
tablehandle<jspropertydescriptor> desc); // added in spidermonkey 31 bool js_getpropertydescriptorbyid(jscontext *cx, js::handleobject obj, js::handleid id, js::mu
tablehandle<jspropertydescriptor> desc); name type description cx jscontext * a context.
... desc js::mu
tablehandle<jspropertydescriptor> out parameter.
JS_GetPrototype
syntax bool js_getprototype(jscontext *cx, js::handleobject obj, js::mu
tablehandleobject protop); name type description cx jscontext * pointer to a js context from which to derive runtime information.
... protop js::mu
tablehandleobject out parameter.
JS_IdToValue
syntax bool js_idtovalue(jscontext *cx, jsid id, js::mu
tablehandle<js::value> vp); name type description cx jscontext * pointer to a js context from which to derive runtime information.
... vp js::mu
tablehandle<js::value> out parameter.
JS_InternString
each jsruntime keeps a
table of all existing interned strings.
...otherwise a new string is created and added to the
table.
JS_LookupElement
syntax bool js_lookupelement(jscontext *cx, js::handleobject obj, uint32_t index, js::mu
tablehandlevalue vp); name type description cx jscontext * the context in which to look up the property.
... vp js::mu
tablehandlevalue out parameter.
JS_MapGCRoots
, jsgcrootmapfun map, void *data); callback syntax #define js_map_gcroot_next 0 /* continue mapping entries */ #define js_map_gcroot_stop 1 /* stop mapping entries */ #define js_map_gcroot_remove 2 /* remove and free the current entry */ typedef int (*jsgcrootmapfun)(void *rp, const char *name, void *data); description call js_mapgcroots to map the gc's roots
table using map(rp, name, data).
... this function acquires and releases rt's gc lock around the mapping of the roots
table, so the map function should run to completion in as few cycles as possible.
JS_NextProperty
syntax bool js_nextproperty(jscontext *cx, js::handleobject iterobj, js::mu
tablehandleid idp); name type description cx jscontext * the js context in which to enumerate properties.
... idp js::mu
tablehandleid out parameter.
JS_PropertyStub
syntax bool js_propertystub(jscontext *cx, js::handleobject obj, js::handleid id, js::mu
tablehandlevalue vp); bool js_strictpropertystub(jscontext *cx, js::handleobject obj, js::handleid id, js::mu
tablehandlevalue vp, js::objectopresult &result); // added in spidermonkey 45 bool js_strictpropertystub(jscontext *cx, js::handleobject obj, js::handleid id, bool strict, js::mu
tablehandlevalue vp); // obsolete since jsapi 39 bool js_resolvestub(jscontext *cx, js::handleobject obj, js::handleid id, bool *resolvedp); // obsolete since jsapi 37 bool js_deletepropertystub(jscontext *cx, js::handleobject obj, js::handleid id, bool *succeed...
...ed); // obsolete since jsapi 37 bool js_enumeratestub(jscontext *cx, js::handleobject obj); // obsolete since jsapi 37 bool js_convertstub(jscontext *cx, js::handleobject obj, jstype type, js::mu
tablehandlevalue vp); // obsolete since jsapi 37 void js_finalizestub(jscontext *cx, jsobject *obj); // obsolete since jsapi 14 description the stub functions are not designed to be called directly by a jsapi application.
JS_SetElement
scontext *cx, js::handleobject obj, uint32_t index, int32_t v); bool js_setelement(jscontext *cx, js::handleobject obj, uint32_t index, uint32_t v); bool js_setelement(jscontext *cx, js::handleobject obj, uint32_t index, double v); /* obsolete since jsapi 29 */ bool js_setelement(jscontext *cx, js::handleobject obj, uint32_t index, js::mu
tablehandlevalue vp); name type description cx jscontext * the context in which to set the element.
...added in spidermonkey 31 vp js::mu
tablehandlevalue in/out parameter.
JS_ValueToId
syntax bool js_valuetoid(jscontext *cx, js::handlevalue v, js::mu
tablehandleid idp); bool js_stringtoid(jscontext *cx, js::handlestring s, js::mu
tablehandleid idp); // added in spidermonkey 38 bool js_indextoid(jscontext *cx, uint32_t index, js::mu
tablehandleid idp); // added in spidermonkey 17 bool js_charstoid(jscontext* cx, js::twobytechars chars, js::mu
tablehandleid idp); // added in spidermonkey 24 void js::protokeytoid(jscontext *cx, jsprotokey key, js::mu
tablehandleid idp); // added in spidermonkey 38 name type description cx jscontext * a context.
... idp js::mu
tablehandleid out parameter.
JS_ValueToObject
syntax bool js_valuetoobject(jscontext *cx, js::handlevalue v, js::mu
tablehandleobject objp); name type description cx jscontext * the context in which to convert the value.
... objp js::mu
tablehandleobject 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::mut...
... 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.
SpiderMonkey 1.8.8
jsclass callback changes many of the jsclass callbacks such as jsresolveop, jsenumerateop and jspropertyop, have a type change on their arguments to jshandleobject, jshandleid, jshandlemu
tableobject etc.
...future direction include-followup-on-experimental-library-versioning-scheme-here spidermonkey embedders should also be aware that mozilla has no plans to keep the jsapi, nor the jsdbgapi s
table for embedders.
SpiderMonkey 1.8
js_encodestring is a new variation on js_getstringbytes that returns a newly allocated, wri
table buffer which the application must js_free.
...these apis are undocumented but fairly s
table.
SpiderMonkey 17
jsclass callback changes many of the jsclass callbacks such as jsresolveop, jsenumerateop and jspropertyop, have a type change on their arguments to jshandleobject, jshandleid, jshandlemu
tableobject etc.
...future direction include-followup-on-experimental-library-versioning-scheme-here spidermonkey embedders should also be aware that mozilla has no plans to keep the jsapi, nor the jsdbgapi s
table for embedders.
SpiderMonkey 24
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 45
ertime (bug 1159507) js_mayresolvestandardclass (bug 1155946) js_getiteratorprototype (bug 1225392) js_globallexicalscope (bug 1202902) js_hasextensiblelexicalscope (bug 1202902) js_extensiblelexicalscope (bug 1202902) js_initreflectparse (bug 987514) js::toprimitive (bug 1206168) js::getfirstargumentastypehint (bug 1054756) js::objecttocompletepropertydescriptor (bug 1144366) js_setimmu
tableprototype (bug 1211607) js_getownucpropertydescriptor (bug 1211607) js_hasownpropertybyid (bug 1211607) js_hasownproperty (bug 1211607) js_deleteucproperty (bug 1211607) js::newfunctionfromspec (bug 1054756) js::compilefornonsyntacticscope (bug 1165486) js_checkforinterrupt (bug 1058695) js::mapdelete (bug 1159469) js::mapforeach (bug 1159469) js::newsetobject (bug 1159469) js::setsize ...
...(jscontext will be the only thing visible from within the api, there will be just one per runtime, and inheriting from jsruntime.) spidermonkey embedders should be aware that mozilla has no plans to keep the jsapi s
table for embedders.
Thread Sanitizer
dflags="-fsanitize=thread -fpic -pie" # these three are required by tsan ac_add_options --disable-jemalloc ac_add_options --disable-crashreporter ac_add_options --disable-elf-hack # keep symbols to symbolize tsan traces export moz_debug_symbols=1 ac_add_options --enable-debug-symbols ac_add_options --disable-install-strip # settings for an opt build ac_add_options --enable-optimize="-o2 -gline-
tables-only" ac_add_options --disable-debug starting the build process now you start the build process using the regular make -f client.mk command.
... echo "directory $1 already exists" else autoconf2.13 mkdir $1 cd $1 llvm_root="/path/to/llvm" cc="$llvm_root/build/bin/clang" \ cxx="$llvm_root/build/bin/clang++" \ cflags="-fsanitize=thread -fpic -pie" \ cxxflags="-fsanitize=thread -fpic -pie" \ ldflags="-fsanitize=thread -fpic -pie" \ ../configure --disable-debug --enable-optimize="-o2 -gline-
tables-only" --enable-llvm-hacks --disable-jemalloc make -j 8 fi using llvm symbolizer for faster/better traces by default, tsan traces are symbolized because otherwise, the runtime suppression list wouldn't work.
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-q...
...; 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 a...
XForms Accessibility
trunk builds are not considered s
table and should not be installed on top of the firefox used for daily browsing.
... 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).
Using the Places annotation service
the service stores these names in a separate
table, and the fewer names there are, the more efficient retrieving names will be.
... setting an annotation the annotation provides a variety of scrip
table and non-scrip
table setters for annotations on both pages and on items in the places database (see nsiannotationservice.idl for the exact declarations).
Creating a Python XPCOM component
if you wish to use pyxpcom from a normal python execu
table, you will need to tell python where it can find the pyxpcom library.
...defining the interface make a file named "nsipysimple.idl" to define the interface: #include "nsisupports.idl" [scrip
table, uuid(2b324e9d-a322-44a7-bd6e-0d8c83d94883)] interface nsipysimple : nsisupports { attribute string yourname; void write( ); void change(in string avalue); }; this is the same as the nsisimple interface used here.
XPCOM glue
r versions of the firefox sdk: -libpath:c:/path/to/sdk/lib xpcomglue_s.lib xpcom.lib nspr4.lib for recent versions of the firefox sdk (at least version 42, but possibly earlier versions as well): -libpath:c/path/to/sdk/lib xpcomglue_s.lib xul.lib nss3.lib mozcrt.lib -libpath:c:/path/to/sdk/lib xpcomglue.lib mac -l/path/to/sdk/lib -l/path/to/sdk/bin -wl,-execu
table-path,/path/to/sdk/bin -lxpcomglue_s -lxpcom -lnspr4 when building against a xulrunner derived sdk, use: -l/path/to/sdk/lib -l/path/to/xulrunner-bin -wl,-execu
table_path,/path/to/xulrunner-bin -lxpcomglue_s -lxpcom -lnspr4 where 'xulrunner-bin' is either /library/frameworks/xul.framework/versions/current/ or /path/to/xulrunner-build/[platform]/dist/bin -l/path/to/sdk/lib -lxp...
... linux and mac: write the linker options exactly as stated (just replacing the /path/to/sdk/), otherwise you get an undefined symbol: ...ns_
tabledrivenqi...qi
tableentry...
How to build an XPCOM component in JavaScript
if you don't find a sui
table pre-existing interface, then you must define your own.
...here's the xpidl definition for our helloworld component: helloworld.idl #include "nsisupports.idl" [scrip
table, uuid(xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx)] interface nsihelloworld : nsisupports { string hello(); }; note that you must generate a new uuid for each xpcom component that you create.
Setting up the Gecko SDK
the
table below refers to the windows file names for the execu
tables.
... 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.
Using XPCOM Utilities to Make Things Easier
the following
table summarizes the macro usage in this portion of the weblock.cpp source file: common xpcom macros ns_impl_isupportsn implements nsisupports for a given class with n number of interfaces ns_decl_isupports declares methods of nsisupports including mrefcnt ns_init_isupports initializes mrefcnt to zero.
... linking the full string library (.lib or .a) into a component may raise its footprint by more than 100k (on windows), which in many cases is an unaccep
table gain (see the xpcom string guide).
Introduction to XPCOM for the DOM
as opposed to a concreate class, an interface is supposed to be more s
table through time.
... the syntax of xpidl is straightforward: #include "domstubs.idl"; [scrip
table, uuid(xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx)] interface nsidomfabian : nsisupports { void fabian(); readonly attribute boolean neat; }; this is the definition of the nsidomfabian interface.
NS_ConvertASCIItoUTF16
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 nsautostring 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.
NS_ConvertUTF16toUTF8
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 nscautostring 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.
NS_ConvertUTF8toUTF16
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 nsautostring 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.
NS_LossyConvertUTF16toASCII
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 nscautostring 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.
nsACString_internal
lowercaseequalsascii lowercaseequalsliteral(const char lowercaseequalsliteral(char assign assignascii assignliteral(const char assignliteral(char operator= adopt replace replaceascii append appendascii appendliteral(const char appendliteral(char operator+= insert cut setcapacity setlength truncate getdata getmu
tabledata setisvoid stripchar 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.
nsAString_internal
lowercaseequalsascii lowercaseequalsliteral(const char lowercaseequalsliteral(char assign assignascii assignliteral(const char assignliteral(char operator= adopt replace replaceascii append appendascii appendliteral(const char appendliteral(char operator+= insert cut setcapacity setlength truncate getdata getmu
tabledata setisvoid stripchar 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.
nsAdoptingCString
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 nsxpidlcstring 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.
nsAdoptingString
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 nsxpidlstring 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.
nsAutoString
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 nsfixedstring 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.
nsCAutoString
eral(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 nsfixedcstring 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.
nsCString
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 nsacstring_internal 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.
nsDependentCSubstring
lowercaseequalsascii lowercaseequalsliteral(const char lowercaseequalsliteral(char assign assignascii assignliteral(const char assignliteral(char operator= adopt replace replaceascii append appendascii appendliteral(const char appendliteral(char operator+= insert cut setcapacity setlength truncate getdata getmu
tabledata setisvoid stripchar base classes nsacstring_internal 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.
nsDependentSubstring
lowercaseequalsascii lowercaseequalsliteral(const char lowercaseequalsliteral(char assign assignascii assignliteral(const char assignliteral(char operator= adopt replace replaceascii append appendascii appendliteral(const char appendliteral(char operator+= insert cut setcapacity setlength truncate getdata getmu
tabledata setisvoid stripchar base classes nsastring_internal 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.
nsFixedCString
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.
nsFixedString
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.
nsPromiseFlatCString
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.
nsIXULRuntime
xpcom/system/nsixulruntime.idlscrip
table provides information about the xul runtime to allow extensions and xul applications to determine information about the xul runtime.
... xpcomabi autf8string a string tag identifying the binary abi of the current processor and compiler v
table.
nsIXULTemplateBuilder
/xul/templates/public/nsixultemplatebuilder.idlscrip
table please add a summary to this article.
...when rdf becomes remote-scrip
table, this will no longer be necessary.
nsIXULTemplateQueryProcessor
content/xul/templates/public/nsixultemplatequeryprocessor.idlscrip
table a query processor takes a template query and generates results for it given a datasource and a reference point.
...for instance, a datasource that holds a
table that can only produce one set of results.
XPCOM reference
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.nsicookie2 mozilla 1 8 branchnsimsgsearchvaluedefined in comm-central/ mailnews/ base/ search/ public/ nsimsgsearchvalue.idl nsmsgmessageflagsthe nsmsgmessageflags interface describes possible flags for messages.
...all xpcom primitives are scrip
table, and they all implement an xpcom interface from the
table below.xpcom string functionsxpcom provides these low-level string functions to let you work with strings; however, it's often better to use one of the string classes rather than directly using these functions.
Using the Gecko SDK
the frozen gecko api consists of a set of component interfaces (c++ v
tables) and <tt>extern "c"</tt> symbols exported from the xpcom library and the nspr libraries.
... the abi of the component interfaces depends on the c++ abi of the host compiler (i.e., the v
table format and calling conventions of the virtual methods may vary from compiler to compiler).
Xptcall Porting Status
from looking at the linux x86 code, i gather that the v
table layout is a little different for those compilers and the code will need minor modifications in order to work properly.
...mike shaver <shaver@mozilla.org> is the interim maintainer until someone more sui
table can be found.
Mozilla technologies
accessibility api implementation detailsthese pages contain documentation on mozilla specific implementation details of assistive technology apis.animated png graphicsapng 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.docshelldocshell is the second iteration of what originally started out as webshell.
Virtualenv
using virtualenv once you have virtualenv installed, you can make virtual environments: > virtualenv tmp new python execu
table in tmp/bin/python installing setuptools............done.
...bin/activate once the virtualenv is activated, the virtualenv's python (and other execu
tables) will be on your path and you will have a new environment variable, virtual_env, that points to the path of the virtualenv, as well as a deactivate function for deactivating the virtualenv.
Type conversion
uct.v = "xx"; // throws error var mystruct = ctypes.structtype("mystructtype", [ { "v": ctypes.int16_t } ])(); mystruct.v = 0x41; console.log(mystruct.v.tostring()); // 65 mystruct.v = true; console.log(mystruct.v.tostring()); // 1 mystruct.v = "x"; // throws error integer/float types are implicitly convertible if any data of source type could be represen
table in the target type.
... note that the following
table does not contain environment dependent types (ctypes.long, etc.).
URLs - Plugins
the
table below summarizes urls supported by gecko.
... in addition, gecko may support urls not listed on this
table.
Gecko Plugin API Reference - Plugins
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 drawing...
... warning: you must only call these from the main thread; calling them from other threads is not supported and may have unpredic
table results.
UI Tour - Firefox Developer Tools
in the screenshot below there are three breakpoints: line 82 has a normal breakpoint and execution is paused here line 85 has a logpoint which logs the contents of
tablerow to the console line 100 has a conditional breakpoint the third column shows more information about the breakpoints.
... for example, the logpoint at line 85 logs the value of the
tablerow variable to the console and the conditional breakpoint at line 100 breaks if the contents of the todolist is undefined.
Debugger.Frame - Firefox Developer Tools
note that frames only become inactive at times that are predic
table for the debugger: when the debuggee runs, or when the debugger removes frames from the stack itself.
...when non-null, this is an object, allocated in the same global as the debugger, with array.prototype on its prototype chain, a non-wri
table length property, and properties whose names are array indices.
Debugger.Object - Firefox Developer Tools
(this function behaves like the standard object.seal function, except that the object to be sealed is implicit and in a different compartment from the caller.) freeze() prevent properties from being added to or deleted from the referent, and mark each property as non-wri
table.
... spidermonkey only calls this method on assignments to data properties that will succeed; assignments to un-wri
table data properties fail without notifying the debugger.
Aggregate view - Firefox Developer Tools
after firefox 48, the default view is the tree map view, and you can switch to the aggregate view using the dropdown labeled "view:": the aggregate view looks something like this: it presents a breakdown of the heap's contents, as a
table.
... each type gets a row in the
table, and rows are ordered by the amount of memory occupied by objects of that type.
Ajax navigation example - Web APIs
only when the navigation starts from <strong>third_page.php</strong>.</p> <div id="ajax-content"> <?php echo $page_content; ?> </div> <p>this paragraph is shown only when the navigation starts from <strong>third_page.php</strong>.</p> <?php include "include/after_content.php"; echo "</body>\n</html>"; } ?> css/style.css: #ajax-loader { position: fixed; display:
table; top: 0; left: 0; width: 100%; height: 100%; } #ajax-loader > div { display:
table-cell; width: 100%; height: 100%; vertical-align: middle; text-align: center; background-color: #000000; opacity: 0.65; } include/after_content.php: <p>this is the footer.
..., 304: "not modified", 305: "use proxy", 306: "reserved", 307: "temporary redirect", 308: "permanent redirect", 400: "bad request", 401: "unauthorized", 402: "payment required", 403: "forbidden", 404: "not found", 405: "method not allowed", 406: "not accep
table", 407: "proxy authentication required", 408: "request timeout", 409: "conflict", 410: "gone", 411: "length required", 412: "precondition failed", 413: "request entity too large", 414: "request-uri too long", 415: "unsupported media type", 416: "requested range not satisfiable", ...
IDBDatabase - Web APIs
idbdatabase.createmu
tablefile() creates a file handle, allowing files to be stored inside an indexeddb database.
... 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 w...
... recommendation browser compatibility the compatibility
table on this page is generated from structured data.
IDBIndex.isAutoLocale - Web APIs
function displaydatabyindex() {
tableentry.innerhtml = ''; var transaction = db.transaction(['contactslist'], 'readonly'); var objectstore = transaction.objectstore('contactslist'); var myindex = objectstore.index('lname'); console.log(myindex.isautolocale); myindex.opencursor().onsuccess = function(event) { var cursor = event.target.result; if(cursor) { var
tablerow = document.createelement('tr'); tab...
... + '<td>' + cursor.value.fname + '</td>' + '<td>' + cursor.value.jtitle + '</td>' + '<td>' + cursor.value.company + '</td>' + '<td>' + cursor.value.email + '</td>' + '<td>' + cursor.value.phone + '</td>' + '<td>' + cursor.value.age + '</td>';
tableentry.appendchild(
tablerow); cursor.continue(); } else { console.log('entries all displayed.'); } }; }; specifications not currently part of any specification.
IDBIndex.locale - Web APIs
function displaydatabyindex() {
tableentry.innerhtml = ''; var transaction = db.transaction(['contactslist'], 'readonly'); var objectstore = transaction.objectstore('contactslist'); var myindex = objectstore.index('lname'); console.log(myindex.locale); myindex.opencursor().onsuccess = function(event) { var cursor = event.target.result; if(cursor) { var
tablerow = document.createelement('tr');
tablerow.
... + '<td>' + cursor.value.fname + '</td>' + '<td>' + cursor.value.jtitle + '</td>' + '<td>' + cursor.value.company + '</td>' + '<td>' + cursor.value.email + '</td>' + '<td>' + cursor.value.phone + '</td>' + '<td>' + cursor.value.age + '</td>';
tableentry.appendchild(
tablerow); cursor.continue(); } else { console.log('entries all displayed.'); } }; }; specification not currently part of any specification.
IDBLocaleAwareKeyRange - Web APIs
examples function displaydata() { var keyrangevalue = idblocaleawarekeyrange.bound("a", "f"); var transaction = db.transaction(['fthings'], 'readonly'); var objectstore = transaction.objectstore('fthings'); var myindex = objectstore.index('lname'); myindex.opencursor(keyrangevalue).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.company + '</td>' + '<td>' + cursor.value.email + '</td>' + '<td>' + cursor.value.phone + '</td>' + '<td>' + cursor.value.age + '</td>';
tableentry.appendchild(
tablerow); cursor.continue(); } else { console.log('entries all displayed.'); } }; }; specifications not currently part of any specification.
IDBVersionChangeEvent.version - Web APIs
see the compatibility
table to know what browsers support them.
... browser compatibility the compatibility
table on this page is generated from structured data.
IDBVersionChangeRequest - Web APIs
see the compatibility
table for version details.
... browser compatibility the compatibility
table on this page is generated from structured data.
KeyboardEvent.key - Web APIs
if the pressed key has a printed representation, the returned value is a non-empty unicode character string containing the prin
table representation of the key.
... if the key produces a character key that would result in a character being inserted into possibly an <input>, <textarea> or an element with htmlelement.contentedi
table set to true, the beforeinput and input event types are fired in that order.
KeyboardEvent.keyCode - Web APIs
web developers shouldn't use the keycode attribute for prin
table characters when handling keydown and keyup events.
... as described above, the keycode attribute is not useful for prin
table characters, especially those input with the shift or alt key pressed.
MediaStreamTrack.applyConstraints() - Web APIs
the applyconstraints() method of the mediastreamtrack interface applies a set of constraints to the track; these constraints let the web site or app establish ideal values and accep
table ranges of values for the constrainable properties of the track, such as frame rate, dimensions, echo cancelation, and so forth.
...constraints can also specify ideal and/or accep
table sizes or ranges of sizes.
MediaStreamTrack.getConstraints() - Web APIs
these constraints indicate values and ranges of values that the web site or application has specified are required or accep
table for the included constrainable properties.
...constraints can also specify ideal and/or accep
table sizes or ranges of sizes.
MediaTrackConstraints.latency - Web APIs
syntax var constraintsobject = { latency: constraint }; constraintsobject.latency = constraint; value a constraindouble describing the accep
table or required value(s) for an audio track's latency, with values specified in seconds.
...in most cases, low latency is desirable for performance and user experience purposes, but when power consumption is a concern, or delays are otherwise accep
table, higher latency might be accep
table.
Media Source API - Web APIs
the usage of external utilities to massage the content into a sui
table format is required.
... live profile content can introduce latency due to its transcoding and broadcasting, so dash is not sui
table for real time communication like webrtc is.
TransformStream - Web APIs
transformstream.wri
table read only the wri
table end of a transformstream.
... let responses = [ /* conjoined response tree */ ] let {readable, wri
table} = new transformstream responses.reduce( (a, res, i, arr) => a.then(() => res.pipeto(wri
table, {preventclose: (i+1) !== arr.length})), promise.resolve() ) note that this is not resilient to other influences.
WebGL constants - Web APIs
table of contents standard webgl 1 constants standard webgl 2 constants webgl extension constants standard webgl 1 constants these constants are defined on the webglrenderingcontext interface.
... r32ui 0x8236 rg8i 0x8237 rg8ui 0x8238 rg16i 0x8239 rg16ui 0x823a rg32i 0x823b rg32ui 0x823c r8_snorm 0x8f94 rg8_snorm 0x8f95 rgb8_snorm 0x8f96 rgba8_snorm 0x8f97 rgb10_a2ui 0x906f texture_immu
table_format 0x912f texture_immu
table_levels 0x82df pixel types constant name value description unsigned_int_2_10_10_10_rev 0x8368 unsigned_int_10f_11f_11f_rev 0x8c3b unsigned_int_5_9_9_9_rev 0x8c3e float_32_unsigned_int_24_8_rev 0x8dad unsigned_int_24_8 0x84fa ...
Creating 3D objects using WebGL - Web APIs
to do this efficiently, we're going to switch from drawing using the vertices directly by calling the gl.drawarrays() method to using the vertex array as a
table, and referencing individual vertices in that
table to define the positions of each face's vertices, by calling gl.drawelements().
... const facecolors = [ [1.0, 1.0, 1.0, 1.0], // front face: white [1.0, 0.0, 0.0, 1.0], // back face: red [0.0, 1.0, 0.0, 1.0], // top face: green [0.0, 0.0, 1.0, 1.0], // bottom face: blue [1.0, 1.0, 0.0, 1.0], // right face: yellow [1.0, 0.0, 1.0, 1.0], // left face: purple ]; // convert the array of colors into a
table for all the vertices.
WebGL model view projection - Web APIs
consider a box sitting on a
table and a camera resting on the
table one meter away, pointed at the box, the front of which is pointed toward the camera.
...this time, however, the camera is locked down on the
table and cannot be moved or turned.
Using bounded reference spaces - Web APIs
imagine how uncomfor
table it would feel if you moved 100 meters each time you took a step!
...there are two cut-out areas in the room, possibly representing a couch, sofa, or bench behind the user and a stand or
table on which the computer or other hardware is located.
Fundamentals of WebXR - Web APIs
the webxr augmented reality module is still in a state of early development and is not yet s
table enough for regular use.
... there are a number of theories surrounding exactly what about virtual reality causes some people to feel uncomfor
table or sick, most of which focusing on the idea that even subtle differences between what the brain thinks should be happening and what is being seen can cause these symptoms.
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.
... 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 a...
Starting up and shutting down a WebXR session - Web APIs
there is a global xrsystem object available for use by your document through the the navigator property xr, which returns the xrsystem object if sui
table xr hardware is available for your use given the hardware available and your document's environment.
...it introduced support for augmented reality (ar) through the webxr ar module, which has is approaching a s
table state.
Using IIR filters - Web APIs
if you want to play with the iir filter node and need some values to help along the way, there's a
table of already calculated values here; on pages 4 & 5 of the linked pdf the an values refer to the feedforward values and the bn values refer to the feedback.
...something like this is accep
table: let feedforward = [0.00020298, 0.0004059599, 0.00020298]; our feedback values cannot start with zero, otherwise on the first pass nothing would be sent back: let feedbackward = [1.0126964558, -1.9991880801, 0.9873035442]; note: these values are calculated based on the lowpass filter specified in the filter characteristics of the web audio api specification.
Web Audio API - Web APIs
with that in mind, it is sui
table for both developers and musicians alike.
... wave
tablenode used to define a periodic waveform.
Window.requestFileSystem() - Web APIs
specify window.temporary if it's accep
table for the browser to delete the files at its own discretion, such as if storage space runs low, or window.persistent if you need the files to remain in place unless the user or the web site or app explicitly permit it.
... browser compatibility the compatibility
table on this page is generated from structured data.
Using XMLHttpRequest - Web APIs
// progress on transfers from the server to the client (downloads) function updateprogress (oevent) { if (oevent.lengthcompu
table) { var percentcomplete = oevent.loaded / oevent.total * 100; // ...
...however, if the lengthcompu
table field is false, the total length is not known and will be zero.
XRPermissionDescriptor.requiredFeatures - Web APIs
the permitted values are: 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.
XRPermissionStatus.granted - Web APIs
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.
<input type="time"> - HTML: Hypertext Markup Language
ption list the id of the <datalist> element that contains the optional pre-defined autocomplete options max the latest time to accept, in the syntax described under time value format min the earliest time to accept as a valid input readonly a boolean attribute which, if present, indicates that the contents of the time input should not be user-edi
table step the stepping interval to use both for user interfaces purposes and during constraint validation unlike many data types, time values have a periodic domain, meaning that the values reach the highest possible value, then wrap back around to the beginning again.
... depending on what browser you're using, you might find that times outside the specified range might not even be selec
table in the time picker (e.g.
<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.
<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.
Standard metadata names - HTML: Hypertext Markup Language
notes: dynamically inserting <meta name="referrer"> (with document.write() or appendchild()) makes the referrer behaviour unpredic
table.
...indicating multiple color schemes indicates that the first scheme is preferred by the document, but that the second specified scheme is accep
table if the user prefers it.
<select>: The HTML Select element - HTML: Hypertext Markup Language
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.
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.
Common MIME types - HTTP
this
table lists some important mime types for the web: extension kind of document mime type .aac aac audio audio/aac .abw abiword document application/x-abiword .arc archive document (multiple files embedded) application/x-freearc .avi avi: audio video interleave video/x-msvideo .azw amazon kindle ebook format ap...
... opendocument spreadsheet document application/vnd.oasis.opendocument.spreadsheet .odt opendocument text document application/vnd.oasis.opendocument.text .oga ogg audio audio/ogg .ogv ogg video video/ogg .ogx ogg application/ogg .opus opus audio audio/opus .otf opentype font font/otf .png por
table network graphics image/png .pdf adobe por
table document format (pdf) application/pdf .php hypertext preprocessor (personal home page) application/x-httpd-php .ppt microsoft powerpoint application/vnd.ms-powerpoint .pptx microsoft powerpoint (openxml) application/vnd.openxmlformats-officedocument.presentationml.presentation .r...
Content Security Policy (CSP) - HTTP
csp makes it possible for server administrators to reduce or eliminate the vectors by which xss can occur by specifying the domains that the browser should consider to be valid sources of execu
table scripts.
... execu
table script is only allowed from userscripts.example.com.
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.
TE - HTTP
note that chunked is always accep
table for http/1.1 recipients and you don't have to specify "chunked" using the te header.
... q when multiple transfer codings are accep
table, the q parameter of the quality value syntax can rank codings by preference.
Transfer-Encoding - HTTP
this token, except if explicitly specified, is always deemed accep
table.
...for example, when generating a large html
table resulting from a database query or when transmitting large images.
JavaScript modules - JavaScript
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.
Unicode property escapes - JavaScript
let mixedcharacters = "aεЛ"; // using the canonical "long" name of the script mixedcharacters.match(/\p{script=latin}/u); // a // using a short alias for the script mixedcharacters.match(/\p{script=greek}/u); // ε // using the short name sc for the script property mixedcharacters.match(/\p{sc=cyrillic}/u); // Л for more details, please refer to the unicode specification and the scripts
table in the ecmascript specification.
... // trying to use ranges to avoid \w limitations: const nonenglishtext = "Приключения Алисы в Стране чудес"; const regexpbmpword = /([\u0000-\u0019\u0021-\uffff])+/gu; // bmp goes through u+0000 to u+ffff but space is u+0020 console.
table(nonenglishtext.match(regexpbmpword)); // using unicode property escapes instead const regexpupe = /\p{l}+/gu; console.
table(nonenglishtext.match(regexpupe)); specifications specification ecmascript (ecma-262)the definition of 'regexp: unicode property escapes' in that specification.
Regular expressions - JavaScript
if you want to look at all the special characters that can be used in regular expressions in a single
table, see the following: special characters in regular expressions.
... (see different behaviors for further info about the different behaviors.) if you want to construct the regular expression from a string, yet another alternative is this script: var myre = new regexp('d(b+)d', 'g'); var myarray = myre.exec('cdbbdbsbz'); with these scripts, the match succeeds and returns the array and updates the properties shown in the following
table.
Text formatting - JavaScript
you can't change individual characters because strings are immu
table array-like objects: const hello = 'hello, world!'; const hellolength = hello.length; hello[0] = 'l'; // this has no effect, because strings are immu
table hello[0]; // this returns "h" characters whose unicode scalar values are greater than u+ffff (such as some rare chinese/japanese/korean/vietnamese characters and some emoji) are stored in utf-16 with two surrogate code units each.
... the following
table summarizes the methods of string objects.
TypeError: can't redefine non-configurable property "x" - JavaScript
message typeerror: cannot modify non-wri
table property {x} (edge) typeerror: can't redefine non-configurable property "x" (firefox) typeerror: cannot redefine property: "x" (chrome) error type typeerror what went wrong?
...the configurable attribute controls whether the property can be deleted from the object and whether its attributes (other than wri
table) can be changed.
TypeError: "x" is read-only - JavaScript
(technically, it is a non-wri
table data property.) this error happens only in strict mode code.
... 'use strict'; var obj = object.freeze({name: 'elsa', score: 157}); obj.score = 0; // typeerror 'use strict'; object.defineproperty(this, 'lung_count', {value: 2, wri
table: false}); lung_count = 3; // typeerror 'use strict'; var frozenarray = object.freeze([0, 1, 2]); frozenarray[0]++; // typeerror there are also a few read-only properties built into javascript.
Array.prototype.copyWithin() - JavaScript
the copywithin method is a mu
table method.
... return o; }, configurable: true, wri
table: true }); } examples using copywithin [1, 2, 3, 4, 5].copywithin(-2) // [1, 2, 3, 1, 2] [1, 2, 3, 4, 5].copywithin(0, 3) // [4, 5, 3, 4, 5] [1, 2, 3, 4, 5].copywithin(0, 3, 4) // [4, 2, 3, 4, 5] [1, 2, 3, 4, 5].copywithin(-2, -3, -1) // [1, 2, 3, 3, 4] [].copywithin.call({length: 5, 3: 1}, 0, 3) // {0: 1, 3: 1, length: 5} // es2015 typed arrays are subclasses of array var i32a = new int...
Array.prototype.indexOf() - JavaScript
array.indexof(2, -3); // 0 finding all the occurrences of an element var indices = []; var array = ['a', 'b', 'a', 'c', 'a', 'd']; var element = 'a'; var idx = array.indexof(element); while (idx != -1) { indices.push(idx); idx = array.indexof(element, idx + 1); } console.log(indices); // [0, 2, 4] finding if an element exists in the array or not and updating the array function updatevege
tablescollection (veggies, veggie) { if (veggies.indexof(veggie) === -1) { veggies.push(veggie); console.log('new veggies collection is : ' + veggies); } else if (veggies.indexof(veggie) > -1) { console.log(veggie + ' already exists in the veggies collection.'); } } var veggies = ['potato', 'tomato', 'chillies', 'green-pepper']; updatevege
tablescollection(veggies, ...
...'spinach'); // new veggies collection is : potato,tomato,chillies,green-pepper,spinach updatevege
tablescollection(veggies, 'spinach'); // spinach already exists in the veggies collection.
Array.prototype.length - JavaScript
property attributes of array.prototype.length wri
table yes enumerable no configurable no wri
table: if this attribute set to false, the value of the property cannot be changed.
... configurable: if this attribute set to false, any attempts to delete the property or change its attributes (wri
table, configurable, or enumerable) will fail.
Array.prototype.map() - JavaScript
call the defineownproperty internal method of a with arguments // pk, property descriptor // { value: mappedvalue, // wri
table: true, // enumerable: true, // configurable: true }, // and false.
... // in browsers that support object.defineproperty, use the following: // object.defineproperty(a, k, { // value: mappedvalue, // wri
table: true, // enumerable: true, // configurable: true // }); // for best browser support, use the following: a[k] = mappedvalue; } // d.
Array.prototype.push() - JavaScript
although strings are native, array-like objects, they are not sui
table in applications of this method, as strings are immu
table.
... let vege
tables = ['parsnip', 'potato'] let morevegs = ['celery', 'beetroot'] // merge the second array into the first one // equivalent to vege
tables.push('celery', 'beetroot') array.prototype.push.apply(vege
tables, morevegs) console.log(vege
tables) // ['parsnip', 'potato', 'celery', 'beetroot'] using an object in an array-like fashion as mentioned above, push is intentionally generic, and we can use tha...
Function.prototype.bind() - JavaScript
the partial implementation creates functions that do not have immu
table "poison pill" caller and arguments properties that throw a typeerror upon get, set, or deletion.
... bound functions are automatically sui
table for use with the new operator to construct new instances created by the target function.
Function.length - JavaScript
property attributes of function.length wri
table no enumerable no configurable yes description length is a property of a function object, and indicates how many arguments the function expects, i.e.
...the property attributes are: wri
table: false, enumerable: false, configurable: true.
Intl.Locale.prototype.collation - JavaScript
below is a
table with the available collation types, taken from the unicode collation specification.
... direct binary code point order (used in hindi) ducet the default unicode collation element
table order emoji recommended ordering for emoji characters eor european ordering rules gb2312 pinyin ordering for latin, gb2312han charset ordering for cjk characters (used in chinese) phonebk phonebook style ordering (such as in german) phonetic phonetic ordering (sorting based on pronunciation) pinyin pinyin ordering for latin a...
NaN - JavaScript
property attributes of nan wri
table no enumerable no configurable no the source for this interactive example is stored in a github repository.
...in modern browsers, nan is a non-configurable, non-wri
table property.
Number.MAX_VALUE - JavaScript
the number.max_value property represents the maximum numeric value represen
table in javascript.
... property attributes of number.max_value wri
table no enumerable no configurable no description the max_value property has a value of approximately 1.79e+308, or 21024.
Number.MIN_VALUE - JavaScript
the number.min_value property represents the smallest positive numeric value represen
table in javascript.
... property attributes of number.min_value wri
table no enumerable no configurable no description the min_value property is the number closest to 0, not the most negative number, that javascript can represent.
Object.create() - JavaScript
(note that the second parameter // maps keys to *property descriptors*.) o = object.create(object.prototype, { // foo is a regular 'value property' foo: { wri
table: true, configurable: true, value: 'hello' }, // bar is a getter-and-setter (accessor) property bar: { configurable: false, get: function() { return 10; }, set: function(value) { console.log('setting `o.bar` to', value); } /* with es2015 accessors our code can look like this get() { return 10; }, set(value) { console.log('setting `o.bar` to', value...
...o = object.create({}, { p: { value: 42 } }); // by default properties are not wri
table, // enumerable or configurable: o.p = 24; o.p; // 42 o.q = 12; for (var prop in o) { console.log(prop); } // 'q' delete o.p; // false // to specify an es3 property o2 = object.create({}, { p: { value: 42, wri
table: true, enumerable: true, configurable: true } }); /* is not equivalent to: this will create an object with prototype : {p: 42 } o2 = object.create({p: 42}) */ ...
Object.isSealed() - JavaScript
an object is sealed if it is not extensible and if all its properties are non-configurable and therefore not removable (but not necessarily non-wri
table).
...object.isfrozen(sealed); // === true // (all properties also non-wri
table) var s2 = object.seal({ p: 3 }); object.isfrozen(s2); // === false // ('p' is still wri
table) var s3 = object.seal({ get p() { return 0; } }); object.isfrozen(s3); // === true // (only configurability matters for accessor properties) non-object coercion in es5, if the argument to this method is not an object (a primitive), then it will cause a typeerror.
Object.prototype.toLocaleString() - JavaScript
o print array values as a string, optionally with locale-specific identifiers (such as currency symbols) appended to them: for example: const testarray = [4, 7, 10]; let europrices = testarray.tolocalestring('fr', { style: 'currency', currency: 'eur'}); // "4,00 €,7,00 €,10,00 €" date tolocalestring() override on date objects, tolocalestring() is used to print out date displays more sui
table for specific locales: for example: const testdate = new date(date.now()); // "date fri may 29 2020 18:04:24 gmt+0100 (british summer time)" let dedate = testdate.tolocalestring('de'); // "29.5.2020, 18:04:24" var frdate = testdate.tolocalestring('fr'); //"29/05/2020 à 18:04:24" number tolocalestring() override on number objects, tolocalestring() is used to print out number displays more su...
...i
table for specific locales, e.g.
handler.get() - JavaScript
this trap can intercept these operations: property access: proxy[foo]and proxy.bar inherited property access: object.create(proxy)[foo] reflect.get() invariants if the following invariants are violated, the proxy will throw a typeerror: the value reported for a property must be the same as the value of the corresponding target object property if the target object property is a non-wri
table, non-configurable own data property.
... const obj = {}; object.defineproperty(obj, 'a', { configurable: false, enumerable: false, value: 10, wri
table: false }); const p = new proxy(obj, { get: function(target, property) { return 20; } }); p.a; // typeerror is thrown specifications specification ecmascript (ecma-262)the definition of '[[get]]' in that specification.
Reflect.getOwnPropertyDescriptor() - JavaScript
examples using reflect.getownpropertydescriptor() reflect.getownpropertydescriptor({x: 'hello'}, 'x') // {value: "hello", wri
table: true, enumerable: true, configurable: true} reflect.getownpropertydescriptor({x: 'hello'}, 'y') // undefined reflect.getownpropertydescriptor([], 'length') // {value: 0, wri
table: true, enumerable: false, configurable: false} difference to object.getownpropertydescriptor() if the target argument to this method is not an object (a primitive), then it will cause a typeerror.
... reflect.getownpropertydescriptor('foo', 0) // typeerror: "foo" is not non-null object object.getownpropertydescriptor('foo', 0) // { value: "f", wri
table: false, enumerable: true, configurable: false } specifications specification ecmascript (ecma-262)the definition of 'reflect.getownpropertydescriptor' in that specification.
WebAssembly.Instance() constructor - JavaScript
the webassembly.instance() constructor creates a new instance object which is a stateful, execu
table instance of a webassembly.module.
... browser compatibility the compatibility
table on this page is generated from structured data.
WebAssembly.Instance - JavaScript
a webassembly.instance object is a stateful, execu
table instance of a webassembly.module.
... browser compatibility the compatibility
table on this page is generated from structured data.
WebAssembly.Memory() constructor - JavaScript
a memory created by javascript or in webassembly code will be accessible and mu
table from both javascript and webassembly.
... browser compatibility the compatibility
table on this page is generated from structured data.
WebAssembly.Memory - JavaScript
a memory created by javascript or in webassembly code will be accessible and mu
table from both javascript and webassembly.
... browser compatibility the compatibility
table on this page is generated from structured data.
undefined - JavaScript
property attributes of undefined wri
table no enumerable no configurable no the source for this interactive example is stored in a github repository.
... in modern browsers (javascript 1.8.5 / firefox 4+), undefined is a non-configurable, non-wri
table property, per the ecmascript 5 specification.
Lexical grammar - JavaScript
because this syntax is new in ecmascript 2015, see the browser compatibility
table, below.
...because this syntax is new in ecmascript 2015, see the browser compatibility
table, below.
super - JavaScript
super.prop cannot overwrite non-wri
table properties when defining non-wri
table properties with e.g.
... class x { constructor() { object.defineproperty(this, 'prop', { configurable: true, wri
table: false, value: 1 }); } } class y extends x { constructor() { super(); } foo() { super.prop = 2; // cannot overwrite the value.
const - JavaScript
it does not mean the value it holds is immu
table—just that the variable identifier cannot be reassigned.
...my_object = {'other_key': 'value'}; // however, object keys are not protected, // so the following statement is executed without problem my_object.key = 'othervalue'; // use object.freeze() to make object immu
table // the same applies to arrays const my_array = []; // it's possible to push items into the array my_array.push('a'); // ["a"] // however, assigning a new array to the variable throws an error // uncaught typeerror: assignment to constant variable.
Authoring MathML - 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.
...r: <script src="https://fred-wang.github.io/mathml.css/mspace.js"></script> if you need more complex constructions, you might instead consider using the heavier mathjax library as a mathml polyfill: <script src="https://fred-wang.github.io/mathjax.js/mpadded-min.js"></script> note that these two scripts perform feature detection of the mspace or mpadded elements (see the browser compatibility
table on these pages).
Graphic design for responsive sites - Progressive web apps (PWAs)
in 1996, many people involved in building the web would have laughed at you if you had told them that less than 20 years in the future we would be developing web sites that worked well on mobile phones,
tablets, tvs, even cars and home lighting.
...the downsides here are that css3 properties and svg don't work on old browsers such as ie6-8 (although polyfills are available, and you could build in fallbacks), and svg isn't sui
table for high detail images, such as photographs.
alignment-baseline - SVG: Scalable Vector Graphics
tion attribute, it can be applied to any element but it has effect only on the following four elements: <tspan>, <tref>, <altglyph>, and <textpath> usage notes value auto | baseline | before-edge | text-before-edge | middle | central | after-edge | text-after-edge | ideographic | alphabetic | hanging | mathematical | top | center | bottom default value auto anima
table yes auto the value is the dominant-baseline of the script to which the character belongs - i.e., use the dominant-baseline of the parent.
... recommendation initial definition browser compatibility the compatibility
table on this page is generated from structured data.
attributeType - SVG: Scalable Vector Graphics
transform>, and <set> html, body, svg { height: 100%; } <svg viewbox="0 0 250 250" xmlns="http://www.w3.org/2000/svg"> <rect x="50" y="50" width="100" height="100"> <animate attributetype="xml" attributename="y" from="0" to="50" dur="5s" repeatcount="indefinite"/> </rect> </svg> usage notes value css | xml | auto default value auto anima
table no css this value specifies that the value of attributename is the name of a css property defined as anima
table.
... xml this value specifies that the value of attributename is the name of an xml attribute defined as anima
table in the default xml namespace for the target element.
baseline-shift - SVG: Scalable Vector Graphics
as a presentation attribute, it can be applied to any element but it has effect only on the following four elements: <altglyph>, <textpath>, <tref>, and <tspan> usage notes value <length-percentage> | sub | super default value 0 anima
table yes sub the dominant-baseline is shifted to the default position for subscripts.
... recommendation initial definition browser compatibility the compatibility
table on this page is generated from structured data.
begin - SVG: Scalable Vector Graphics
value <begin-value-list> default value 0s anima
table no the <begin-value-list> is a semicolon-separated list of values.
... value <begin-value-list> default value 0s anima
table no the definition of <begin-value-list> is the same as for the other animation elements.
clip-path - SVG: Scalable Vector Graphics
this is the same as having a custom clipping path with a clippathunits set to userspaceonuse --> <rect x="11" y="11" width="8" height="8" stroke="green" clip-path="circle() view-box" /> </svg> usage notes value <url> | [ <basic-shape> || <geometry-box> ] | none default value none anima
table yes <geometry-box> an extra information to tell how a <basic-shape> is applied to an element: fill-box indicates to use the object bounding box; stroke-box indicates to use the object bounding box extended with the stroke; view-box indicates to use the nearest svg viewport as the reference box.
... browser compatibility the compatibility
table on this page is generated from structured data.
clip-rule - SVG: Scalable Vector Graphics
/> </g> as a presentation attribute, it also can be used as a property directly inside a css stylesheet usage context categories presentation attribute value nonzero | evenodd | inherit anima
table yes normative document svg 1.1 (2nd edition) nonzero see description of fill-rule property.
... graphical elements » browser compatibility the compatibility
table on this page is generated from structured data.
color-interpolation-filters - SVG: Scalable Vector Graphics
lements: <fespotlight>, <feblend>, <fecolormatrix>, <fecomponenttransfer>, <fecomposite>, <feconvolvematrix>, <fediffuselighting>, <fedisplacementmap>, <fedropshadow>, <feflood>, <fegaussianblur>, <feimage>, <femerge>, <femorphology>, <feoffset>, <fespecularlighting>, <fetile>, <feturbulence> usage notes value auto | srgb | linearrgb default value linearrgb anima
table yes auto indicates that the user agent can choose either the srgb or linearrgb spaces for color interpolation.
... recommendation initial definition browser compatibility the compatibility
table on this page is generated from structured data.
color-interpolation - SVG: Scalable Vector Graphics
mate>, <animatecolor>, <circle>, <clippath>, <defs>, <ellipse>, <foreignobject>, <g>, <glyph>, <image>, <line>, <lineargradient>, <marker>, <mask>, <missing-glyph>, <path>, <pattern>, <polygon>, <polyline>, <radialgradient>, <rect>, <svg>, <switch>, <symbol>, <text>, <textpath>, <tspan>, and <use> usage notes value auto | srgb | linearrgb default value srgb anima
table yes auto indicates that the user agent can choose either the srgb or linearrgb spaces for color interpolation.
... recommendation initial definition browser compatibility the compatibility
table on this page is generated from structured data.
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.
... recommendation initial definition browser compatibility the compatibility
table on this page is generated from structured data.
color - SVG: Scalable Vector Graphics
usage notes value <color> | inherit default value depends on user agent anima
table yes example html, body, svg { height: 100%; } <svg viewbox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <g color="green"> <rect width="50" height="50" fill="currentcolor" /> <circle r="25" cx="70" cy="70" stroke="currentcolor" fill="none" stroke-width="5" /> </g> </svg> specifications specification status comment scalable vector gr...
... recommendation initial definition browser compatibility the compatibility
table on this page is generated from structured data.
cursor - SVG: Scalable Vector Graphics
usage context categories presentation attribute value [[<funciri>,]* [ auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize| text | wait | help ]] | inherit anima
table yes normative document svg 1.1 (2nd edition) <funciri> functional notation for a reference.
... elements the following elements can use the cursor attribute container elements » graphics elements » browser compatibility the compatibility
table on this page is generated from structured data.
display - SVG: Scalable Vector Graphics
" height="100" fill="skyblue"></rect> <rect x="140" y="20" width="60" height="60" fill="yellow" display="none"></rect> </svg> usage notes default value inline value [ <display-outside> | <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy>where <display-outside> = block | inline | run-in<display-inside> = flow | flow-root |
table | flex | grid | ruby<display-listitem> = <display-outside>?
...&& list-item<display-internal> =
table-row-group |
table-header-group |
table-footer-group |
table-row |
table-cell |
table-column-group |
table-column |
table-caption | ruby-base | ruby-text | ruby-base-container | ruby-text-container<display-box> = contents | none<display-legacy> = inline-block | inline-list-item | inline-
table | inline-flex | inline-grid anima
table yes for a description of the values, please refer to the css display property.
edgeMode - SVG: Scalable Vector Graphics
value duplicate | wrap | none default value duplicate anima
table yes duplicate this value indicates that the input image is extended along each of its borders as necessary by duplicating the color values at the given edge of the input image.
... value duplicate | wrap | none default value none anima
table yes duplicate this value indicates that the input image is extended along each of its borders as necessary by duplicating the color values at the given edge of the input image.
externalResourcesRequired - SVG: Scalable Vector Graphics
the externalresourcesrequired attribute is not inheri
table (from a sense of attribute value inheritance), but if set on a container element, its value will apply to all elements within the container.
... usage notes value false | true default value false anima
table no true this value indicates that resources external to the current document are required.
fill-opacity - SVG: Scalable Vector Graphics
--> <circle cx="150" cy="50" r="40" fill-opacity="0.7" /> <!-- fill opacity as a percentage --> <circle cx="250" cy="50" r="40" fill-opacity="50%" /> <!-- fill opacity as a css property --> <circle cx="350" cy="50" r="40" style="fill-opacity: .25;" /> </svg> usage notes value [0-1] | <percentage> default value 1 anima
table yes note: svg2 introduces percentage values for fill-opacity, however, it is not widely supported yet (see browser compatibility below) as a consequence, it is best practices to set opacity with a value in the range [0-1].
... browser compatibility the compatibility
table on this page is generated from structured data.
fill-rule - SVG: Scalable Vector Graphics
--> <polygon fill-rule="evenodd" stroke="red" points="150,0 121,90 198,35 102,35 179,90"/> </svg> usage notes value nonzero | evenodd default value nonzero anima
table yes the fill-rule attribute provides two options for how the inside (that is, the area to be filled) of a shape is determined: nonzero the value nonzero determines the "insideness" of a point in the shape by drawing a ray from that point to infinity in any direction, and then examining the places where a segment of the shape crosses the ray.
...,0 h90 v90 h-90 z m130,20 h50 v50 h-50 z"/> <!-- effect of evenodd fill rule on a shape inside a shape with the path segment moving in opposite direction (one square drawn clockwise, the other anti-clockwise) --> <path fill-rule="evenodd" stroke="red" d="m210,0 h90 v90 h-90 z m230,20 v50 h50 v-50 z"/> </svg> browser compatibility the compatibility
table on this page is generated from structured data.
filter - SVG: Scalable Vector Graphics
html, body, svg { height: 100%; } <svg viewbox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <filter id="blur"> <fegaussianblur stddeviation="2" /> </filter> <rect x="10" y="10" width="80" height="80" filter="url(#blur)" /> </svg> usage notes value none | <filter-function-list> default value none anima
table yes for a description of the values see the css filter property.
... recommendation initial definition browser compatibility the compatibility
table on this page is generated from structured data.
font-family - SVG: Scalable Vector Graphics
<text y="20" font-family="arial, helvetica, sans-serif">sans serif</text> <text x="100" y="20" font-family="monospace">monospace</text> </svg> usage notes value [ <family-name> | <generic-family> ]#where <family-name> = <string> | <custom-ident>+<generic-family> = serif | sans-serif | cursive | fantasy | monospace default value depends on user agent anima
table yes for a description of the values, please refer to the css font-family property.
... recommendation initial definition browser compatibility the compatibility
table on this page is generated from structured data.
font-style - SVG: Scalable Vector Graphics
: <altglyph>, <text>, <textpath>, <tref>, and <tspan> html, body, svg { height: 100%; } <svg viewbox="0 0 250 30" xmlns="http://www.w3.org/2000/svg"> <text y="20" font-style="normal">normal font style</text> <text x="150" y="20" font-style="italic">italic font style</text> </svg> usage notes value normal | italic | oblique default value normal anima
table yes for a description of the values, please refer to the css font-style property.
... recommendation initial definition browser compatibility the compatibility
table on this page is generated from structured data.
font-weight - SVG: Scalable Vector Graphics
ltglyph>, <text>, <textpath>, <tref>, and <tspan> html, body, svg { height: 100%; } <svg viewbox="0 0 200 30" xmlns="http://www.w3.org/2000/svg"> <text y="20" font-weight="normal">normal text</text> <text x="100" y="20" font-weight="bold">bold text</text> </svg> usage notes value normal | bold | bolder | lighter | <number> default value normal anima
table yes for a description of the values, please refer to the css font-weight property.
... recommendation initial definition browser compatibility the compatibility
table on this page is generated from structured data.
format - SVG: Scalable Vector Graphics
two elements are using this attribute: <altglyph> and <glyphref> context notes value <string> default value none anima
table no <string> this value specifies the format of the given font.
... here is a list of font formats and their strings that can be used as values for this attribute: format string format truedoc-pfr truedoc™ por
table font resource embedded-opentype embedded opentype type-1 postscript™ type 1 truetype truetype opentype opentype, including truetype open truetype-gx truetype with gx extensions speedo speedo intellifont intellifont specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'format for <glyphref>' in that specification.
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 attr...
... 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 gradientt...
horiz-adv-x - SVG: Scalable Vector Graphics
value <number> default value none anima
table no <number> this value indicates the horizontal advance of the glyph.
... value <number> default value <font>ʼs horiz-adv-x value anima
table no <number> this value indicates the horizontal advance of the glyph.
kerning - SVG: Scalable Vector Graphics
the kerning attribute indicates whether the spacing between glyphs should be adjusted based on kerning
tables that are included in the relevant font (i.e., enable auto-kerning) or instead disable auto-kerning and set the spacing between them to a specific length (typically, zero).
... body, svg { height: 100%; font: 36px verdana, helvetica, arial, sans-serif; } <svg viewbox="0 0 150 125" xmlns="http://www.w3.org/2000/svg"> <text x="10" y="30" kerning="auto">auto</text> <text x="10" y="70" kerning="0">number</text> <text x="10" y="110" kerning="20px">length</text> </svg> usage notes value auto | <length> default value auto anima
table yes auto this value indicates that the spacing between glyphs is adjusted based on kerning
tables that are included in the font that will be used.
name - SVG: Scalable Vector Graphics
value <name> default value none anima
table yes <name> this value is the name which is used as the first parameter for icc color specifications within fill, stroke, stop-color, flood-color and lighting-color property values to identify the color profile to use for the icc color specification and the name which can be the value of the color-profile property.
... value <name> default value none anima
table yes <name> this value specifies the name of a local font.
operator - SVG: Scalable Vector Graphics
value over | in | out | atop | xor | lighter | arithmetic default value over anima
table yes over this value indicates that the source graphic defined in the in attribute is placed over the destination graphic defined in the in2 attribute.
... value erode | dilate default value erode anima
table yes erode this value thins the source graphic defined in the in attribute.
path - SVG: Scalable Vector Graphics
value <path-data> default value none anima
table no <path-data> this value defines the motion path along which the referenced element is animated.
... value <path-data> default value path specified in href anima
table yes <path-data> this value defines the text path along which the glyphs of the <text> element are aligned.
pointer-events - SVG: Scalable Vector Graphics
e>, <clippath>, <defs>, <ellipse>, <foreignobject>, <g>, <image>, <line>, <marker>, <mask>, <path>, <pattern>, <polygon>, <polyline>, <rect>, <svg>, <switch>, <symbol>, <text>, <textpath>, <tspan>, <use> usage notes value bounding-box | visiblepainted | visiblefill | visiblestroke | visible | painted | fill | stroke | all | none default value visiblepainted anima
table yes for a detailed explanation of each possible value, have a look at the css pointer-events documentation.
... browser compatibility the compatibility
table on this page is generated from structured data.
points - SVG: Scalable Vector Graphics
value [ <number>+ ]# default value none anima
table yes example html,body,svg { height:100% } <svg viewbox="-10 -10 120 120" xmlns="http://www.w3.org/2000/svg"> <!-- polyline is an open shape --> <polyline stroke="black" fill="none" points="50,0 21,90 98,35 2,35 79,90"/> </svg> polygon for <polygon>, points defines a list of points, each representing a vertex of the shape to be drawn.
... value [ <number>+ ]# default value none anima
table yes example html,body,svg { height:100% } <svg viewbox="-10 -10 120 120" xmlns="http://www.w3.org/2000/svg"> <!-- polygon is an closed shape --> <polygon stroke="black" fill="none" points="50,0 21,90 98,35 2,35 79,90" /> </svg> specifications specification status comment scalable vector graphics (svg) 2the definition of 'points' in that specification.
r - SVG: Scalable Vector Graphics
value <length> | <percentage> default value 0 anima
table yes note: starting with svg2, r is a geometry property meaning this attribute can also be used as a css property for circles.
... value <length> | <percentage> default value 50% anima
table yes specifications specification status comment scalable vector graphics (svg) 2the definition of 'r' in that specification.
refX - SVG: Scalable Vector Graphics
value <length-percentage> | <number> | left | center | right default value 0 anima
table yes <length-percentage> lengths are interpreted as being in the coordinate system of the marker contents, after application of the viewbox and preserveaspectratio attributes.
... value <length> | left | center | right default value none anima
table yes <length-percentage> lengths are interpreted as being in the coordinate system of the marker contents, after application of the viewbox and preserveaspectratio attributes.
refY - SVG: Scalable Vector Graphics
value <length-percentage> | <number> | top | center | bottom default value 0 anima
table yes <length-percentage> lengths are interpreted as being in the coordinate system of the marker contents, after application of the viewbox and preserveaspectratio attributes.
... value <length> | top | center | bottom default value none anima
table yes <length-percentage> lengths are interpreted as being in the coordinate system of the marker contents, after application of the viewbox and preserveaspectratio attributes.
requiredExtensions - SVG: Scalable Vector Graphics
usage notes value <list-of-extensions> default value none anima
table no <list-of-extensions> the value is a list of references (iri references in svg 1, url references in svg 2) which identify the required extensions, with the individual values separated by white space.
...it is thus recommended to include a "catch-all" choice at the end of such a <switch> which is accep
table in all cases.
rx - SVG: Scalable Vector Graphics
value <length> | <percentage> | auto default value auto anima
table yes note: starting with svg2, rx is a geometry property meaning this attribute can also be used as a css property for ellipses.
... value <length> | <percentage> | auto default value auto anima
table yes note: starting with svg2, rx is a geometry property meaning this attribute can also be used as a css property for rects.
ry - SVG: Scalable Vector Graphics
value <length> | <percentage> | auto default value auto anima
table yes note: starting with svg2, ry is a geometry property meaning this attribute can also be used as a css property for ellipses.
... value <length> | <percentage> | auto default value auto anima
table yes note: starting with svg2, ry is a geometry property meaning this attribute can also be used as a css property for rects.
shape-rendering - SVG: Scalable Vector Graphics
and <rect> html, body, svg { height: 100%; } <svg viewbox="0 0 420 200" xmlns="http://www.w3.org/2000/svg"> <circle cx="100" cy="100" r="100" shape-rendering="geometricprecision"/> <circle cx="320" cy="100" r="100" shape-rendering="crispedges"/> </svg> usage notes value auto | optimizespeed | crispedges | geometricprecision default value auto anima
table yes auto this value indicates that the user agent shall make appropriate tradeoffs to balance speed, crisp edges and geometric precision, but with geometric precision given more importance than speed and crisp edges.
... recommendation initial definition browser compatibility the compatibility
table on this page is generated from structured data.
specularExponent - SVG: Scalable Vector Graphics
value <number> default value 1 anima
table yes fespotlight for <fespotlight>, specularexponent defines the exponent value controlling the focus for the light source.
... value <number> default value 1 anima
table yes specifications specification status comment filter effects module level 1the definition of 'specularexponent for <fespecularlighting>' in that specification.
spreadMethod - SVG: Scalable Vector Graphics
two elements are using this attribute: <lineargradient> and <radialgradient> context notes value pad | reflect | repeat initial value pad anima
table yes pad this value indicates that the final color of the gradient fills the shape beyond the gradient's edges.
... recommendation initial definition for <lineargradient> browser compatibility the compatibility
table on this page is generated from structured data.
stroke-dasharray - SVG: Scalable Vector Graphics
s with an odd number of values --> <line x1="0" y1="7" x2="30" y2="7" stroke="black" stroke-dasharray="4 1 2" /> <!-- dashes and gaps of various sizes with an even number of values --> <line x1="0" y1="9" x2="30" y2="9" stroke="black" stroke-dasharray="4 1 2 3" /> </svg> usage notes value none | <dasharray> default value none anima
table yes <dasharray> a list of comma and/or white space separated <length>s and <percentage>s that specify the lengths of alternating dashes and gaps.
... browser compatibility the compatibility
table on this page is generated from structured data.
stroke-dashoffset - SVG: Scalable Vector Graphics
ample --> <line x1="0" y1="9" x2="30" y2="9" stroke="black" stroke-dasharray="3 1" stroke-dashoffset="1" /> <!-- the following red lines highlight the offset of the dash array for each line --> <path d="m0,5 h-3 m0,7 h3 m0,9 h-1" stroke="rgba(255,0,0,.5)" /> </svg> usage notes value <percentage> | <length> default value 0 anima
table yes the offset is usually expressed in user units resolved against the pathlength but if a <percentage> is used, the value is resolved as a percentage of the current viewport.
... browser compatibility the compatibility
table on this page is generated from structured data.
stroke-linecap - SVG: Scalable Vector Graphics
- effect of the "square" value --> <line x1="1" y1="5" x2="5" y2="5" stroke="black" stroke-linecap="square" /> <!-- the following pink lines highlight the position of the path for each stroke --> <path d="m1,1 h4 m1,3 h4 m1,5 h4" stroke="pink" stroke-width="0.025" /> </svg> usage notes value butt | round | square default value butt anima
table yes butt the butt value indicates that the stroke for each subpath does not extend beyond its two endpoints.
...stroke="black" stroke-linecap="square" /> <!-- the following pink lines highlight the position of the path for each stroke --> <path d="m1,1 h4" stroke="pink" stroke-width="0.025" /> <circle cx="1" cy="1" r="0.05" fill="pink" /> <circle cx="5" cy="1" r="0.05" fill="pink" /> <circle cx="3" cy="3" r="0.05" fill="pink" /> </svg> browser compatibility the compatibility
table on this page is generated from structured data.
stroke-miterlimit - SVG: Scalable Vector Graphics
usage context value <number> default value 4 anima
table yes the value of stroke-miterlimit must be greater than or equal to 1.
... browser compatibility the compatibility
table on this page is generated from structured data.
stroke-opacity - SVG: Scalable Vector Graphics
reen" stroke-opacity="0.7" /> <!-- stroke opacity as a percentage --> <circle cx="25" cy="5" r="4" stroke="green" stroke-opacity="50%" /> <!-- stroke opacity as a css property --> <circle cx="35" cy="5" r="4" stroke="green" style="stroke-opacity: .3;" /> </svg> usage notes value [0-1] | <percentage> default value 1 anima
table yes note: svg2 introduces percentage values for stroke-opacity, however, it is not widely supported yet (see browser compatibility below) as a consequence, it is best practices to set opacity with a value in the range [0-1].
... browser compatibility the compatibility
table on this page is generated from structured data.
stroke-width - SVG: Scalable Vector Graphics
dth: 1 --> <circle cx="5" cy="5" r="3" stroke="green" /> <!-- stroke width as a number --> <circle cx="15" cy="5" r="3" stroke="green" stroke-width="3" /> <!-- stroke width as a percentage --> <circle cx="25" cy="5" r="3" stroke="green" stroke-width="2%" /> </svg> usage notes value <length> | <percentage> default value 1px anima
table yes note: a percentage value is always computed as a percentage of the normalized viewbox diagonal length.
... browser compatibility the compatibility
table on this page is generated from structured data.
stroke - SVG: Scalable Vector Graphics
<!-- stroke a circle with a gradient --> <defs> <lineargradient id="mygradient"> <stop offset="0%" stop-color="green" /> <stop offset="100%" stop-color="white" /> </lineargradient> </defs> <circle cx="15" cy="5" r="4" fill="none" stroke="url(#mygradient)" /> </svg> usage notes value <paint> default value none anima
table yes specifications specification status comment scalable vector graphics (svg) 2the definition of 'stroke' in that specification.
... recommendation initial definition for shapes and texts browser compatibility the compatibility
table on this page is generated from structured data.
surfaceScale - SVG: Scalable Vector Graphics
value <number> default value 1 anima
table yes fediffuselighting for <fediffuselighting>, surfacescale defines the height of the surface.
... value <number> default value 1 anima
table yes specifications specification status comment filter effects module level 1the definition of 'surfacescale for <fediffuselighting>' in that specification.
systemLanguage - SVG: Scalable Vector Graphics
otion>, <animatetransform>, <audio>, <canvas>, <circle>, <clippath>, <cursor>, <defs>, <discard>, <ellipse>, <foreignobject>, <g>, <iframe>, <image>, <line>, <mask>, <path>, <pattern>, <polygon>, <polyline>, <rect>, <set>, <svg>, <switch>, <text>, <textpath>, <tref>, <tspan>, <unknown>, <use>, and <video> usage notes value <language-tags> default value none anima
table no <language-tags> the value is a set of comma-separated tokens, each of which must be a language-tag value, as defined in bcp 47.
...it is thus recommended to include a "catch-all" choice at the end of such a <switch> which is accep
table in all cases.
text-anchor - SVG: Scalable Vector Graphics
/text> <!-- materialisation of anchors --> <circle cx="60" cy="40" r="3" fill="red" /> <circle cx="60" cy="75" r="3" fill="red" /> <circle cx="60" cy="110" r="3" fill="red" /> <style><![cdata[ text { font: bold 36px verdana, helvetica, arial, sans-serif; } ]]></style> </svg> usage notes default value start value start | middle | end anima
table yes start the rendered characters are aligned such that the start of the text string is at the initial current text position.
... recommendation initial definition browser compatibility the compatibility
table on this page is generated from structured data.
text-rendering - SVG: Scalable Vector Graphics
ody, svg { height: 100%; } <svg viewbox="0 0 140 40" xmlns="http://www.w3.org/2000/svg"> <text y="15" text-rendering="geometricprecision">geometric precision</text> <text y="35" text-rendering="optimizelegibility">optimized legibility</text> </svg> usage notes value auto | optimizespeed | optimizelegibility | geometricprecision default value auto anima
table yes auto this value indicates that the user agent shall make appropriate tradeoffs to balance speed, legibility and geometric precision, but with legibility given more importance than speed and geometric precision.
... recommendation initial definition browser compatibility the compatibility
table on this page is generated from structured data.
to - SVG: Scalable Vector Graphics
value <value> default value none anima
table no the exact value type for this attribute depend on the value of the attribute that will be animated.
... value <value> default value none anima
table no the exact value type for this attribute depend on the value of the attribute that will be animated.
type - SVG: Scalable Vector Graphics
usage context for the <animatetransform> elements categories none value translate | scale | rotate | skewx | skewy anima
table no normative document svg 1.1 (2nd edition) for the <fecolormatrix> element categories none value matrix | saturate | huerotate | luminancetoalpha anima
table yes normative document svg 1.1 (2nd edition) for the <fefuncr>, <fefuncg>, <fefuncb>, and <fefunca> elements categories none value identit...
...y |
table | discrete | linear | gamma anima
table yes normative document svg 1.1 (2nd edition) for the <feturbulence> element categories none value fractalnoise | turbulence anima
table yes normative document svg 1.1 (2nd edition) for the <style> and <script> elements categories none value <content-type> anima
table no normative document svg 1.1 (2nd edition) : script svg 1.1 (2nd edition) : style example elements the following elements can use the values attribute <animatetransform> <fecolormatrix> <fefunca> <fefuncb> <fefuncg> <fefuncr> <feturbulence> <script> <style> ...
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.
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 vecto...
...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"> <s...
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 vector ...
...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: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 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 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 u...
...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.
z - SVG: Scalable Vector Graphics
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 established 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.
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.
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, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, men...
arrowscrollbox - 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 clicktoscroll type: boolean clicktoscroll, if true, the arrows must be clicked to scroll the scrollbox content.
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, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, me...
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, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, me...
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.
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.
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, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, me...
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, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, me...
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, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, me...
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, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, me...
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, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, me...
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, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, me...
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.
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.
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, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, me...
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, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, me...
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.
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, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, me...
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.
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, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, me...
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, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, me...
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.
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: ?
notificationbox - 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 currentnotification type: notification element the currently displayed notification element or null.
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, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, me...
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, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, me...
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, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, me...
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, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, me...
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, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, me...
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, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, me...
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, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, me...
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, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, me...
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, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, me...
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, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, me...
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, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, me...
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, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, me...
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, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, me...
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, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, me...
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, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, me...
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.
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, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, me...
tabpanel - 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, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, me...
tabpanels - 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.
tabs - 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.
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, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, me...
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, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, me...
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.
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.
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, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, me...
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, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, me...
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.
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, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu...
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.
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.
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, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, me...
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.
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, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, me...
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, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, me...
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, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, me...
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, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, me...
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, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, me...
xChannelSelector - SVG: Scalable Vector Graphics
mentmap in2="abc" in="sourcegraphic" scale="30" xchannelselector="b"/> </filter> <text x="10" y="60" font-size="50" filter="url(#displacementfilter)">some displaced text</text> <text x="10" y="120" font-size="50" filter="url(#displacementfilter2)">some displaced text</text> </svg> usage notes value r | g | b | a default value a anima
table yes r this keyword specifies that the red color channel of the input image defined in in2 will be used to displace the pixels of the input image defined in in along the x-axis.
xlink:arcrole - SVG: Scalable Vector Graphics
er." twentytwo 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>, <use> usage notes value <iri> default value none anima
table no <iri> this value specifies an iri reference that identifies some resource that describes the intended property.
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.
xlink:type - SVG: Scalable Vector Graphics
wentytwo 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 notes value simple default value simple anima
table no simple this value specifies that the referred resource is a simple link.
xml:lang - SVG: Scalable Vector Graphics
<svg viewbox="0 0 200 100" xmlns="http://www.w3.org/2000/svg"> <text xml:lang="en-us">this is some english text</text> </svg> usage notes value <language-tag> default value none anima
table no <language-tag> this value specifies the language used for the element.
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.
yChannelSelector - SVG: Scalable Vector Graphics
mentmap in2="abc" in="sourcegraphic" scale="30" ychannelselector="b"/> </filter> <text x="10" y="60" font-size="50" filter="url(#displacementfilter)">some displaced text</text> <text x="10" y="120" font-size="50" filter="url(#displacementfilter2)">some displaced text</text> </svg> usage notes value r | g | b | a default value a anima
table yes r this keyword specifies that the red color channel of the input image defined in in2 will be used to displace the pixels of the input image defined in in along the y-axis.
zoomAndPan - SVG: Scalable Vector Graphics
ter id="diffuselighting" x="0" y="0" width="100%" height="100%"> <fediffuselighting in="sourcegraphic" zoomandpan="1"> <fepointlight x="60" y="60" z="20" /> </fediffuselighting> </filter> <rect x="0" y="0" width="200" height="200" style="filter: url(#diffuselighting);" /> </svg> usage notes value disable | magnify default value magnify anima
table no specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'zoomandpan' in that specification.
Compatibility sources - SVG: Scalable Vector Graphics
the following sources are used for the compatibility
tables on svg elements and attributes: https://developer.mozilla.org/en/svg_in_firefox together with its revision history for firefox http://www.webkit.org/projects/svg/status.xml together with its recorded archive for webkit, safari and chrome http://www.opera.com/docs/specs/opera9/svg/ and accompanying pages for opera >= 9, http://www.opera.com/docs/specs/opera8/ for opera 8 http://blogs.msdn.com/b/ie/archive/2010/03/18/svg-in-ie9-roadmap.aspx for hints on ie9 support status the svg support charts at codedread.com for basic checks against the w3c test suite wikipedia for basic hints, not normative ...
<clipPath> - SVG: Scalable Vector Graphics
value type: userspaceonuse|objectboundingbox ; default value: userspaceonuse; anima
table: yes global attributes core attributes most notably: id styling attributes class, style conditional processing attributes most notably: requiredextensions, systemlanguage presentation attributes most notably: clip-path, clip-rule, color, display, fill, fill-opacity, fill-rule, filter, mask, opacity, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-l...
<g> - SVG: Scalable Vector Graphics
, 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 followin...
<set> - SVG: Scalable Vector Graphics
value type: <anything>; default value: none; anima
table: no animation attributes animation timing attributes begin, dur, end, min, max, restart, repeatcount, repeatdur, fill other animation attributes most notably: attributename animation event attributes most notably: onbegin, onend, onrepeat global attributes core attributes most notably: id styling attributes class, style event attributes global event attributes, document elemen...