Search completed in 1.01 seconds.
Introduction to using XPath in JavaScript - XPath
this document describes the interface for using x
path in javascript internally, in extensions, and from websites.
... this document describes the interface for using x
path in javascript internally, in extensions, and from websites.
... this document describes the interface for using x
path in javascript internally, in extensions, and from websites.
...And 73 more matches
XPath snippets - XPath
this article provides some x
path code snippets—simple examples of how to a few simple utility functions based on standard interfaces from the dom level 3 x
path specification that expose x
path functionality to javascript code.
...his article provides some x
path code snippets—simple examples of how to a few simple utility functions based on standard interfaces from the dom level 3 x
path specification that expose x
path functionality to javascript code.
...s from the dom level 3 x
path specification that expose x
path functionality to javascript code.
...And 28 more matches
Path2D.addPath() - Web APIs
the
path2d.add
path() method of the canvas 2d api adds one
path2d object to another
path2d object.
... the
path2d.add
path() method of the canvas 2d api adds one
path2d object to another
path2d object.
... the
path2d.add
path() method of the canvas 2d api adds one
path2d object to another
path2d object.
...And 18 more matches
SVGPathElement.pathLength - Web APIs
the svg
pathelement.
pathlength property reflects the
pathlength attribute and returns the total length of the
path, in user units.
... the svg
pathelement.
pathlength property reflects the
pathlength attribute and returns the total length of the
path, in user units.
... the svg
pathelement.
pathlength property reflects the
pathlength attribute and returns the total length of the
path, in user units.
...And 3 more matches
Comparison of CSS Selectors and XPath - XPath
xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes this article seeks to document the difference between css selectors and x
path for web developers to be able to better choose the right tool for the right job.
... xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes this article seeks to document the difference between css selectors and x
path for web developers to be able to better choose the right tool for the right job.
SVGPathElement - Web APIs
the svg
pathelement interface corresponds to the <
path> element.
..." fill="#fff" stroke="#d4dde4" stroke-width="2px" /><text x="171" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svggeometryelement</text></a><polyline points="81,89 71,84 71,94 81,89" stroke="#d4dde4" fill="none"/><line x1="71" y1="89" x2="41" y2="89" stroke="#d4dde4"/><a xlink:href="/docs/web/api/svg
pathelement" target="_top"><rect x="-99" y="65" width="140" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="-29" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svg
pathelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} note: in svg 2 the getp...
...="-99" y="65" width="140" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="-29" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svg
pathelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} note: in svg 2 the get
pathsegatlength() and createsvg
pathseg* methods were removed and the
pathlength property and the gettotallength() and getpointatlength() methods were moved to svggeometryelement.
...And 77 more matches
SVGPathSeg - Web APIs
svg
path segment interface this is a base interface that corresponds to a single command within a
path data specification.
... svg
path segment interface this is a base interface that corresponds to a single command within a
path data specification.
...
path segment interface this is a base interface that corresponds to a single command within a
path data specification.
...And 50 more matches
Paths - SVG: Scalable Vector Graphics
« previousnext » the <
path> element is the most powerful element in the svg library of basic shapes.
... « previousnext » the <
path> element is the most powerful element in the svg library of basic shapes.
... « previousnext » the <
path> element is the most powerful element in the svg library of basic shapes.
...And 47 more matches
clip-path - CSS: Cascading Style Sheets
the clip-
path css property creates a clipping region that sets what part of an element should be shown.
...ing region that sets what part of an element should be shown.
...should be shown.
...And 42 more matches
offset-path - CSS: Cascading Style Sheets
the offset-
path css property specifies a motion
path for an element to follow and defines the element's positioning within the parent container or svg coordinate system.
... the offset-
path css property specifies a motion
path for an element to follow and defines the element's positioning within the parent container or svg coordinate system.
... the offset-
path css property specifies a motion
path for an element to follow and defines the element's positioning within the parent container or svg coordinate system.
...And 38 more matches
SVGAnimatedPathData - Web APIs
svg animated
path data interface the svganimated
pathdata interface supports elements which have a 'd' attribute which holds svg
path data, and supports the ability to animate that attribute.
...erface the svganimated
pathdata interface supports elements which have a 'd' attribute which holds svg
path data, and supports the ability to animate that attribute.
...
pathdata interface supports elements which have a 'd' attribute which holds svg
path data, and supports the ability to animate that attribute.
...And 31 more matches
pathLength - SVG: Scalable Vector Graphics
the
pathlength attribute lets authors specify a total length for the
path, in user units.
... the
pathlength attribute lets authors specify a total length for the
path, in user units.
... the
pathlength attribute lets authors specify a total length for the
path, in user units.
...And 31 more matches
Index - XPath
found 57 pages: # page tags and summary 1 x
path css selectors, dom, jxon, landing,
path, xml, x
path, xslt x
path stands for xml
path language.
... 1 x
path css selectors, dom, jxon, landing,
path, xml, x
path, xslt x
path stands for xml
path language.
... x
path css selectors, dom, jxon, landing,
path, xml, x
path, xslt x
path stands for xml
path language.
...And 31 more matches
nsIDOMXPathEvaluator
dom/interfaces/x
path/nsidomx
pathevaluator.idlscriptable this interface is used to evaluate x
path expressions against a dom node.
... dom/interfaces/x
path/nsidomx
pathevaluator.idlscriptable this interface is used to evaluate x
path expressions against a dom node.
... dom/interfaces/x
path/nsidomx
pathevaluator.idlscriptable this interface is used to evaluate x
path expressions against a dom node.
...And 29 more matches
Path2D - Web APIs
the
path2d interface of the canvas 2d api is used to declare a
path that can then be used on a canvasrenderingcontext2d object.
... the
path2d interface of the canvas 2d api is used to declare a
path that can then be used on a canvasrenderingcontext2d object.
... the
path2d interface of the canvas 2d api is used to declare a
path that can then be used on a canvasrenderingcontext2d object.
...And 28 more matches
path - SVG: Scalable Vector Graphics
the
path attribute has two different meanings, either it defines a text
path along which the characters of a text are rendered, or a motion
path along which a referenced element is animated.
... the
path attribute has two different meanings, either it defines a text
path along which the characters of a text are rendered, or a motion
path along which a referenced element is animated.
... the
path attribute has two different meanings, either it defines a text
path along which the characters of a text are rendered, or a motion
path along which a referenced element is animated.
...And 27 more matches
Path2D() - Web APIs
the
path2d() constructor returns a newly instantiated
path2d object, optionally with another
path as an argument (creates a copy), or optionally with a string consisting of svg
path data.
... the
path2d() constructor returns a newly instantiated
path2d object, optionally with another
path as an argument (creates a copy), or optionally with a string consisting of svg
path data.
... the
path2d() constructor returns a newly instantiated
path2d object, optionally with another
path as an argument (creates a copy), or optionally with a string consisting of svg
path data.
...And 26 more matches
XPath
xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes x
path stands for xml
path language.
... xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes x
path stands for xml
path language.
...or xml
path language.
...And 25 more matches
CanvasRenderingContext2D.isPointInPath() - Web APIs
the canvasrenderingcontext2d.ispointin
path() method of the canvas 2d api reports whether or not the specified point is contained in the current
path.
... the canvasrenderingcontext2d.ispointin
path() method of the canvas 2d api reports whether or not the specified point is contained in the current
path.
... the canvasrenderingcontext2d.ispointin
path() method of the canvas 2d api reports whether or not the specified point is contained in the current
path.
...And 16 more matches
SVGPathSegList - Web APIs
svg
path segment list interface this interface defines a list of svg
pathseg objects.
... svg
path segment list interface this interface defines a list of svg
pathseg objects.
... svg
path segment list interface this interface defines a list of svg
pathseg objects.
...And 16 more matches
XPathEvaluator.evaluate() - Web APIs
the evaluate() method of the x
pathevaluator interface executes an x
path expression on the given node or document and returns an x
pathresult.
... the evaluate() method of the x
pathevaluator interface executes an x
path expression on the given node or document and returns an x
pathresult.
... the evaluate() method of the x
pathevaluator interface executes an x
path expression on the given node or document and returns an x
pathresult.
...And 16 more matches
clip-path - SVG: Scalable Vector Graphics
the clip-
path presentation attribute defines or associates a clipping
path with the element it is related to.
... the clip-
path presentation attribute defines or associates a clipping
path with the element it is related to.
... the clip-
path presentation attribute defines or associates a clipping
path with the element it is related to.
...And 15 more matches
<textPath> - SVG: Scalable Vector Graphics
to render text along the shape of a <
path>, enclose the text in a <text
path> element that has an href attribute with a reference to the <
path> element.
... to render text along the shape of a <
path>, enclose the text in a <text
path> element that has an href attribute with a reference to the <
path> element.
... to render text along the shape of a <
path>, enclose the text in a <text
path> element that has an href attribute with a reference to the <
path> element.
...And 15 more matches
XPathExpression.evaluate() - Web APIs
the evaluate() method of the x
pathexpression interface executes an x
path expression on the given node or document and returns an x
pathresult.
... the evaluate() method of the x
pathexpression interface executes an x
path expression on the given node or document and returns an x
pathresult.
...od of the x
pathexpression interface executes an x
path expression on the given node or document and returns an x
pathresult.
...And 14 more matches
clipPathUnits - SVG: Scalable Vector Graphics
the clip
pathunits attribute indicates which coordinate system to use for the contents of the <clip
path> element.
... the clip
pathunits attribute indicates which coordinate system to use for the contents of the <clip
path> element.
... the clip
pathunits attribute indicates which coordinate system to use for the contents of the <clip
path> element.
...And 13 more matches
SVGTextPathElement - Web APIs
the svgtext
pathelement interface corresponds to the <text
path> element.
..."#fff" stroke="#d4dde4" stroke-width="2px" /><text x="156" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgtextcontentelement</text></a><polyline points="51,89 41,84 41,94 51,89" stroke="#d4dde4" fill="none"/><line x1="41" y1="89" x2="11" y2="89" stroke="#d4dde4"/><a xlink:href="/docs/web/api/svgtext
pathelement" target="_top"><rect x="-169" y="65" width="180" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="-79" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgtext
pathelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constants method t...
...height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="-79" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgtext
pathelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constants method types name value description text
path_methodtype_unknown 0 the type is not one of predefined types.
...And 12 more matches
XPathEvaluator.createExpression() - Web APIs
this method compiles an x
pathexpression which can then be used for (repeated) evaluations of the x
path expression.
... this method compiles an x
pathexpression which can then be used for (repeated) evaluations of the x
path expression.
... this method compiles an x
pathexpression which can then be used for (repeated) evaluations of the x
path expression.
...And 12 more matches
XPathResult - Web APIs
the x
pathresult interface represents the results generated by evaluating an x
path expression within the context of a given node.
... the x
pathresult interface represents the results generated by evaluating an x
path expression within the context of a given node.
... the x
pathresult interface represents the results generated by evaluating an x
path expression within the context of a given node.
...And 12 more matches
<clipPath> - SVG: Scalable Vector Graphics
the <clip
path> svg element defines a clipping
path, to be used by the clip-
path property.
... the <clip
path> svg element defines a clipping
path, to be used by the clip-
path property.
... the <clip
path> svg element defines a clipping
path, to be used by the clip-
path property.
...And 12 more matches
Edit Shape Paths in CSS - Firefox Developer Tools
the shape
path editor is a tool that helps you see and edit shapes created using clip-
path and also the css shape-outside property and <basic-shape> values.
... the shape
path editor is a tool that helps you see and edit shapes created using clip-
path and also the css shape-outside property and <basic-shape> values.
... the shape
path editor is a tool that helps you see and edit shapes created using clip-
path and also the css shape-outside property and <basic-shape> values.
...And 11 more matches
CanvasRenderingContext2D.closePath() - Web APIs
the canvasrenderingcontext2d.close
path() method of the canvas 2d api attempts to add a straight line from the current point to the start of the current sub-
path.
... the canvasrenderingcontext2d.close
path() method of the canvas 2d api attempts to add a straight line from the current point to the start of the current sub-
path.
... the canvasrenderingcontext2d.close
path() method of the canvas 2d api attempts to add a straight line from the current point to the start of the current sub-
path.
...And 10 more matches
CanvasRenderingContext2D.scrollPathIntoView() - Web APIs
the canvasrenderingcontext2d.scroll
pathintoview() method of the canvas 2d api scrolls the current or given
path into view.
... the canvasrenderingcontext2d.scroll
pathintoview() method of the canvas 2d api scrolls the current or given
path into view.
... the canvasrenderingcontext2d.scroll
pathintoview() method of the canvas 2d api scrolls the current or given
path into view.
...And 10 more matches
FileSystemEntry.fullPath - Web APIs
the read-only full
path property of the filesystementry interface returns a usvstring specifying the full, absolute
path from the file system's root to the file represented by the entry.
... the read-only full
path property of the filesystementry interface returns a usvstring specifying the full, absolute
path from the file system's root to the file represented by the entry.
... the read-only full
path property of the filesystementry interface returns a usvstring specifying the full, absolute
path from the file system's root to the file represented by the entry.
...And 10 more matches
XPathEvaluator - Web APIs
the x
pathevaluator interface allows to compile and evaluate x
path expressions.
... the x
pathevaluator interface allows to compile and evaluate x
path expressions.
... the x
pathevaluator interface allows to compile and evaluate x
path expressions.
...And 10 more matches
<mpath> - SVG: Scalable Vector Graphics
the <m
path> sub-element for the <animatemotion> element provides the ability to reference an external <
path> element as the definition of a motion
path.
...ility to reference an external <
path> element as the definition of a motion
path.
...fic attributes xlink:href dom interface this element implements the svgm
pathelement interface.
...And 10 more matches
CanvasRenderingContext2D.beginPath() - Web APIs
the canvasrenderingcontext2d.begin
path() method of the canvas 2d api starts a new
path by emptying the list of sub-
paths.
... the canvasrenderingcontext2d.begin
path() method of the canvas 2d api starts a new
path by emptying the list of sub-
paths.
... the canvasrenderingcontext2d.begin
path() method of the canvas 2d api starts a new
path by emptying the list of sub-
paths.
...And 9 more matches
XPathExpression - Web APIs
this interface is a compiled x
path expression that can be evaluated on a document or specific node to return information from its dom tree.
... this interface is a compiled x
path expression that can be evaluated on a document or specific node to return information from its dom tree.
...ce is a compiled x
path expression that can be evaluated on a document or specific node to return information from its dom tree.
...And 8 more matches
XPathResult.booleanValue - Web APIs
the read-only booleanvalue property of the x
pathresult interface returns the boolean value of a result with x
pathresult.resulttype being boolean_type.
... the read-only booleanvalue property of the x
pathresult interface returns the boolean value of a result with x
pathresult.resulttype being boolean_type.
... the read-only booleanvalue property of the x
pathresult interface returns the boolean value of a result with x
pathresult.resulttype being boolean_type.
...And 8 more matches
XPathResult.resultType - Web APIs
the read-only resulttype property of the x
pathresult interface represents the type of the result, as defined by the type constants.
....
...t is a node-set then unordered_node_iterator_type is always the resulting type.
...And 8 more matches
XPathResult.singleNodeValue - Web APIs
the read-only singlenodevalue property of the x
pathresult interface returns a node value or null in case no node was matched of a result with x
pathresult.resulttype being any_unordered_node_type or first_ordered_node_type.
... the read-only singlenodevalue property of the x
pathresult interface returns a node value or null in case no node was matched of a result with x
pathresult.resulttype being any_unordered_node_type or first_ordered_node_type.
...esult interface returns a node value or null in case no node was matched of a result with x
pathresult.resulttype being any_unordered_node_type or first_ordered_node_type.
...And 8 more matches
nsIDOMXPathExpression
dom/interfaces/x
path/nsidomx
pathexpression.idlscriptable represents a compiled x
path query returned from nsidomx
pathevaluator.createexpression or document.createexpression inherits from: nsisupports last changed in gecko 1.7 method overview nsisupports evaluate(in nsidomnode contextnode, in unsigned short type, in nsisupports result) methods evaluate() evaluate the x
path expression.
... inherits from: nsisupports last changed in gecko 1.7 method overview nsisupports evaluate(in nsidomnode contextnode, in unsigned short type, in nsisupports result) methods evaluate() evaluate the x
path expression.
...
path expression.
...And 7 more matches
Event.composedPath() - Web APIs
the composed
path() method of the event interface returns the event’s
path which is an array of the objects on which listeners will be invoked.
... the composed
path() method of the event interface returns the event’s
path which is an array of the objects on which listeners will be invoked.
...
path which is an array of the objects on which listeners will be invoked.
...And 7 more matches
XPathResult.iterateNext() - Web APIs
the iteratenext() method of the x
pathresult interface iterates over a node set result and returns the next node from it or null if there are no more nodes.
... the iteratenext() method of the x
pathresult interface iterates over a node set result and returns the next node from it or null if there are no more nodes.
... the iteratenext() method of the x
pathresult interface iterates over a node set result and returns the next node from it or null if there are no more nodes.
...And 7 more matches
XPathResult.numberValue - Web APIs
the read-only numbervalue property of the x
pathresult interface returns the numeric value of a result with x
pathresult.resulttype being number_type.
... the read-only numbervalue property of the x
pathresult interface returns the numeric value of a result with x
pathresult.resulttype being number_type.
... the read-only numbervalue property of the x
pathresult interface returns the numeric value of a result with x
pathresult.resulttype being number_type.
...And 7 more matches
<path> - SVG: Scalable Vector Graphics
the <
path> svg element is the generic element to define a shape.
... the <
path> svg element is the generic element to define a shape.
... the <
path> svg element is the generic element to define a shape.
...And 7 more matches
PR_SetLibraryPath
registers a default library
pathname with a runtime.
... registers a default library
pathname with a runtime.
... registers a default library
pathname with a runtime.
...And 6 more matches
IDBIndex.keyPath - Web APIs
the key
path property of the idbindex interface returns the key
path of the current index.
... the key
path property of the idbindex interface returns the key
path of the current index.
... the key
path property of the idbindex interface returns the key
path of the current index.
...And 6 more matches
URL.pathname - Web APIs
the
pathname property of the url interface is a usvstring containing an initial '/' followed by the
path of the url (or the empty string if there is no
path).
... the
pathname property of the url interface is a usvstring containing an initial '/' followed by the
path of the url (or the empty string if there is no
path).
... the
pathname property of the url interface is a usvstring containing an initial '/' followed by the
path of the url (or the empty string if there is no
path).
...And 6 more matches
URL.pathname - Web APIs
the
pathname property of the url interface is a usvstring containing an initial '/' followed by the
path of the url (or the empty string if there is no
path).
... the
pathname property of the url interface is a usvstring containing an initial '/' followed by the
path of the url (or the empty string if there is no
path).
... the
pathname property of the url interface is a usvstring containing an initial '/' followed by the
path of the url (or the empty string if there is no
path).
...And 6 more matches
XPathResult.snapshotItem() - Web APIs
the snapshotitem() method of the x
pathresult interface returns an item of the snapshot collection or null in case the index is not within the range of nodes.
...napshotitem() method of the x
pathresult interface returns an item of the snapshot collection or null in case the index is not within the range of nodes.
...rface returns an item of the snapshot collection or null in case the index is not within the range of nodes.
...And 6 more matches
XPathResult.stringValue - Web APIs
the read-only stringvalue property of the x
pathresult interface returns the string value of a result with x
pathresult.resulttype being string_type.
... the read-only stringvalue property of the x
pathresult interface returns the string value of a result with x
pathresult.resulttype being string_type.
... the read-only stringvalue property of the x
pathresult interface returns the string value of a result with x
pathresult.resulttype being string_type.
...And 6 more matches
CSS Motion Path - CSS: Cascading Style Sheets
motion
path is a css module that allows authors to animate any graphical object along a custom
path.
... motion
path is a css module that allows authors to animate any graphical object along a custom
path.
... motion
path is a css module that allows authors to animate any graphical object along a custom
path.
...And 6 more matches
IDBObjectStore.keyPath - Web APIs
the key
path read-only property of the idbobjectstore interface returns the key
path of this object store.
... the key
path read-only property of the idbobjectstore interface returns the key
path of this object store.
... the key
path read-only property of the idbobjectstore interface returns the key
path of this object store.
...And 5 more matches
SVGClipPathElement - Web APIs
the svgclip
pathelement interface provides access to the properties of <clip
path> elements, as well as methods to manipulate them.
...o,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgelement</text></a><polyline points="481,25 491,20 491,30 481,25" stroke="#d4dde4" fill="none"/><line x1="491" y1="25" x2="499" y2="25" stroke="#d4dde4"/><line x1="499" y1="25" x2="499" y2="90" stroke="#d4dde4"/><line x1="499" y1="90" x2="482" y2="90" stroke="#d4dde4"/><a xlink:href="/docs/web/api/svgclip
pathelement" target="_top"><rect x="301" y="65" width="180" 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">svgclip
pathelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties this int...
...l="#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">svgclip
pathelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties this interface also inherits properties from its parent, svgelement.
...And 5 more matches
XPathResult.invalidIteratorState - Web APIs
the read-only invaliditeratorstate property of the x
pathresult interface signifies that the iterator has become invalid.
... the read-only invaliditeratorstate property of the x
pathresult interface signifies that the iterator has become invalid.
..._iterator_type or ordered_node_iterator_type and the document has been modified since this result was returned.
...And 5 more matches
XPathResult.snapshotLength - Web APIs
the read-only snapshotlength property of the x
pathresult interface represents the number of nodes in the result snapshot.
... the read-only snapshotlength property of the x
pathresult interface represents the number of nodes in the result snapshot.
...f the x
pathresult interface represents the number of nodes in the result snapshot.
...And 5 more matches
nsIDOMXPathResult
dom/interfaces/x
path/nsidomx
pathresult.idlscriptable this interface describes an x
path result returned by nsidomx
pathevaluator or document.evaluate inherits from: nsisupports last changed in gecko 1.7 method overview nsidomnode iteratenext(); nsidomnode snapshotitem(in unsigned long index); attributes attribute type description booleanvalue boolean if resulttype is boolean_type, the boolean value.
... attributes attribute type description booleanvalue boolean if resulttype is boolean_type, the boolean value.
... read only.
...And 4 more matches
HTMLHyperlinkElementUtils.pathname - Web APIs
the htmlhyperlinkelementutils.
pathname property is a usvstring containing an initial '/' followed by the
path of the url (or the empty string if there is no
path).
... the htmlhyperlinkelementutils.
pathname property is a usvstring containing an initial '/' followed by the
path of the url (or the empty string if there is no
path).
... the htmlhyperlinkelementutils.
pathname property is a usvstring containing an initial '/' followed by the
path of the url (or the empty string if there is no
path).
...And 4 more matches
Location: pathname - Web APIs
the
pathname property of the location interface is a usvstring containing an initial '/' followed by the
path of the url (or the empty string if there is no
path).
... the
pathname property of the location interface is a usvstring containing an initial '/' followed by the
path of the url (or the empty string if there is no
path).
... the
pathname property of the location interface is a usvstring containing an initial '/' followed by the
path of the url (or the empty string if there is no
path).
...And 4 more matches
URLUtilsReadOnly.pathname - Web APIs
the urlutilsreadonly.
pathname read-only property returns a domstring containing an initial '/' followed by the
path of the url.
... the urlutilsreadonly.
pathname read-only property returns a domstring containing an initial '/' followed by the
path of the url.
... the urlutilsreadonly.
pathname read-only property returns a domstring containing an initial '/' followed by the
path of the url.
...And 4 more matches
Critical rendering path - Web Performance
the critical rendering
path is the sequence of steps the browser goes through to convert the html, css, and javascript into pixels on the screen.
... the critical rendering
path is the sequence of steps the browser goes through to convert the html, css, and javascript into pixels on the screen.
... the critical rendering
path is the sequence of steps the browser goes through to convert the html, css, and javascript into pixels on the screen.
...And 4 more matches
nsIDOMXPathException
dom/interfaces/x
path/nsidomx
pathexception.idlscriptable describes an exception resulting from x
path operations.
... dom/interfaces/x
path/nsidomx
pathexception.idlscriptable describes an exception resulting from x
path operations.
...rations.
...And 3 more matches
File.webkitRelativePath - Web APIs
the file.webkitrelative
path is a read-only property that contains a usvstring which specifies the file's
path relative to the directory selected by the user in an <input> element with its webkitdirectory attribute set.
... the file.webkitrelative
path is a read-only property that contains a usvstring which specifies the file's
path relative to the directory selected by the user in an <input> element with its webkitdirectory attribute set.
... the file.webkitrelative
path is a read-only property that contains a usvstring which specifies the file's
path relative to the directory selected by the user in an <input> element with its webkitdirectory attribute set.
...And 3 more matches
XPathEvaluator.createNSResolver() - Web APIs
this method adapts any dom node to resolve namespaces so that an x
path expression can be easily evaluated relative to the context of the node where it appeared within the document.
... x
path expression can be easily evaluated relative to the context of the node where it appeared within the document.
...n can be easily evaluated relative to the context of the node where it appeared within the document.
...And 3 more matches
XPathNSResolver - Web APIs
the x
pathnsresolver interface permits prefix strings in an x
path expression to be properly bound to namespace uri strings.
... the x
pathnsresolver interface permits prefix strings in an x
path expression to be properly bound to namespace uri strings.
... the x
pathnsresolver interface permits prefix strings in an x
path expression to be properly bound to namespace uri strings.
...And 3 more matches
SVGGeometryElement.pathLength - Web APIs
the svggeometryelement.
pathlength property reflects the
pathlength attribute and returns the total length of the
path, in user units.
... the svggeometryelement.
pathlength property reflects the
pathlength attribute and returns the total length of the
path, in user units.
... the svggeometryelement.
pathlength property reflects the
pathlength attribute and returns the total length of the
path, in user units.
...And 2 more matches
SVGPathElement.getPointAtLength() - Web APIs
the svg
pathelement.getpointatlength() method returns the point at a given distance along the
path.
... the svg
pathelement.getpointatlength() method returns the point at a given distance along the
path.
... the svg
pathelement.getpointatlength() method returns the point at a given distance along the
path.
...And 2 more matches
XPathException - Web APIs
in the dom x
path api the x
pathexception interface represents exception conditions that can be encountered while performing x
path operations.
... in the dom x
path api the x
pathexception interface represents exception conditions that can be encountered while performing x
path operations.
...ion conditions that can be encountered while performing x
path operations.
...And 2 more matches
child - XPath
the child axis indicates the children of the context node.
... the child axis indicates the children of the context node.
...ild axis indicates the children of the context node.
...And 2 more matches
XPath - MDN Web Docs Glossary: Definitions of Web-related terms
x
path is a query language that can access sections and content in an xml document.
... x
path is a query language that can access sections and content in an xml document.
... x
path is a query language that can access sections and content in an xml document.
... x
path is a query language that can access sections and content in an xml document.
PR_GetLibraryPath
retrieves the current default library
path.
... retrieves the current default library
path.
... retrieves the current default library
path.
... retrieves the current default library
path.
SVGMPathElement - Web APIs
the svgm
pathelement interface corresponds to the <m
path> element.
...naco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgelement</text></a><polyline points="481,25 491,20 491,30 481,25" stroke="#d4dde4" fill="none"/><line x1="491" y1="25" x2="499" y2="25" stroke="#d4dde4"/><line x1="499" y1="25" x2="499" y2="90" stroke="#d4dde4"/><line x1="499" y1="90" x2="482" y2="90" stroke="#d4dde4"/><a xlink:href="/docs/web/api/svgm
pathelement" target="_top"><rect x="331" y="65" width="150" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="406" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgm
pathelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties this interf...
...ointer-events: all;} properties this interface doesn't implement any specific properties, but inherits properties from its parent interface, svgelement.
...ny specific methods, but inherits methods from its parent interface, svgelement.
SVGPathElement.getTotalLength() - Web APIs
the svg
pathelement.gettotallength() method returns the user agent's computed value for the total length of the
path in user units.
... the svg
pathelement.gettotallength() method returns the user agent's computed value for the total length of the
path in user units.
... the svg
pathelement.gettotallength() method returns the user agent's computed value for the total length of the
path in user units.
... user units.
XPathNSResolver.lookupNamespaceURI() - Web APIs
the lookupnamespaceuri method looks up the namespace uri associated to the given namespace prefix within an x
path expression evaluated by the x
pathevaluator interface.
... the lookupnamespaceuri method looks up the namespace uri associated to the given namespace prefix within an x
path expression evaluated by the x
pathevaluator interface.
... x
path expression evaluated by the x
pathevaluator interface.
...thevaluator interface.
self - XPath
the self axis indicates the context node itself.
... the self axis indicates the context node itself.
... the self axis indicates the context node itself.
...ode itself.
Axes - XPath
xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes there are thirteen different axes in the x
path specification.
...slt elements, exslt functions, x
path functions, x
path axes there are thirteen different axes in the x
path specification.
...ionship to the context node, and is used to locate nodes relative to that node on the tree.
...he ancestors of the context node beginning with the parent node and traveling through to the root node.
translate - XPath
xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes the translate function evaluates a string and a set of characters to translate and returns the translated string.
... to translate and returns the translated string.
...uate.
...nopqrstuvwxyz')" /> output the quick brown fox.
fs/path - Archive of obsolete content
experimental provides access to the local filesystem with the nodejs
path module api.
... experimental provides access to the local filesystem with the nodejs
path module api.
... experimental provides access to the local filesystem with the nodejs
path module api.
XPathException.code - Web APIs
the code read-only property of the x
pathexception interface returns a short that contains one of the error code constants.
... the code read-only property of the x
pathexception interface returns a short that contains one of the error code constants.
... the code read-only property of the x
pathexception interface returns a short that contains one of the error code constants.
<hatchpath> - SVG: Scalable Vector Graphics
the <hatch
path> svg element defines a hatch
path used by the <hatch> element.
...hatch
path used by the <hatch> element.
...global attributes core attributes global event attributes presentation attributes style attributes specific attributes d offset dom interface this element implements the svghatch
pathelement interface.
current - XPath
xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes the current function can be used to get the context node in an xslt instruction.
... xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes the current function can be used to get the context node in an xslt instruction.
... xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes the current function can be used to get the context node in an xslt instruction.
document - XPath
xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes the document finds a node-set in an external document, or multiple external documents, and returns the resulting node-set.
...me second argument just as given in the function call) and the resulting node-sets had been concatenated into a single node-set.
...the function call) and the resulting node-sets had been concatenated into a single node-set.
format-number - XPath
xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes the format-number function evaluates a number and returns a string representing the number in a given format.
...imalformat class.
... for jdk 1.1 is not available online.
generate-id - XPath
xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes the generate-id function generates a unique id for the first node in a given node-set and returns a string containing that id.
...will be generated for the first node in this node-set.
... in this node-set.
id - XPath
xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes the id function finds nodes matching the given ids and returns a node-set containing the identified nodes.
...set is the nodes corresponding to those ids.
...ing to those ids.
key - XPath
xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes the key function returns a node-set of nodes that have the given value for the given key.
...key.
... arguments keyname a string containing the name of the xsl:key element to be used.
position - XPath
xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes the position function returns a number equal to the context position from the expression evaluation context.
...nctions, x
path axes the position function returns a number equal to the context position from the expression evaluation context.
...ed by the rest of the
path.
substring-after - XPath
xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes the substring-after function returns a string that is the rest of a given string after a given substring.
...the substring-after function returns a string that is the rest of a given string after a given substring.
...e returned.
substring-before - XPath
xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes the substring-before function returns a string that is the part of a given string before a given substring.
...substring-before function returns a string that is the part of a given string before a given substring.
...eedle the substring to search for.
substring - XPath
xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes the substring function returns a part of a given string.
...ubstring function returns a part of a given string.
...he string to evaluate.
XPath - Archive of obsolete content
notes and sample code for x
path and ajax (the following was moved from document.evaluate) obj.evaluate(x
pathexpression,contextnode,namespaceresolver,resulttype,result); //obj and contextnode should be the same object, if context is a ajax xml object (example: returnedxml) this should be used as : returnedxml.evaluate(x
pathexpression,returnedxml,namespaceresolver,returntype,result); //contextnode should be used in the one in which it was created //add by mooring 2008-11-15 16:00 china var xhr = new ajax('post','demo.xml',parsexml,'xml'); //ajax is a class written by javascript which return responsexml object to parsexml function function parsexml(obj)//obj is the returnxml object now { if(!obj.documentelement) { alert("your browser does't support this script!"); return;...
...l object now { if(!obj.documentelement) { alert("your browser does't support this script!"); return; } var fields = [];//store the results if(window.activexobject) { var tobj = obj.documentelement.selectnodes("/root/field/item"); for(var i=0;i<tobj.length; i++) { fields.push(tobj[i].text); } } else { var tobj = obj.evaluate("/root/field/item",obj.documentelement,null, x
pathresult.any_type, null); var tmp = tobj.iteratenext(); while(tmp) { fields.push(tmp.textcontent); tmp = tobj.iteratenext(); } } alert(fields); } //here is the demo xml file for x
path <?xml version="1.0"?> <root> <field> <item>art_id</item> <item>psection</item> <item>qkind</item> <item>qtitle</item> <item>question</item> <item>pic</item> <item>answer1</item> <...
boolean - XPath
xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes the boolean function evaluates an expression and returns true or false.
...uating expression.
ceiling - XPath
xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes the ceiling function evaluates a decimal number and returns the smallest integer greater than or equal to the decimal number.
... elements, exslt functions, x
path functions, x
path axes the ceiling function evaluates a decimal number and returns the smallest integer greater than or equal to the decimal number.
concat - XPath
xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes the concat function concatenates two or more strings and returns the resulting string.
...ctions, x
path functions, x
path axes the concat function concatenates two or more strings and returns the resulting string.
contains - XPath
xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes the contains function determines whether the first argument string contains the second argument string and returns boolean true or false.
...tions, x
path functions, x
path axes the contains function determines whether the first argument string contains the second argument string and returns boolean true or false.
count - XPath
xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes the count function counts the number of nodes in a node-set and returns an integer.
... xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes the count function counts the number of nodes in a node-set and returns an integer.
false - XPath
xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes the false function returns boolean false.
... xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes the false function returns boolean false.
floor - XPath
xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes the floor function evaluates a decimal number and returns the largest integer less than or equal to the decimal number.
... xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes the floor function evaluates a decimal number and returns the largest integer less than or equal to the decimal number.
function-available - XPath
xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes the function-available function determines if a given function is available and returns boolean true or false.
... xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes the function-available function determines if a given function is available and returns boolean true or false.
lang - XPath
xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes the lang function determines whether the context node matches the given language and returns boolean true or false.
...ang="en">i went up a floor.</p> <p xml:lang="en-gb">i took the lift.</p> <p xml:lang="en-us">i rode the elevator.</p> and this part of an xsl template: <xsl:value-of select="count(//p[lang('en')])" /> <xsl:value-of select="count(//p[lang('en-gb')])" /> <xsl:value-of select="count(//p[lang('en-us')])" /> <xsl:value-of select="count(//p[lang('de')])" /> the output might be: 3 1 1 0 defined x
path 1.0 4.3 gecko support supported.
last - XPath
xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes the last function returns a number equal to the context size from the expression evaluation context.
...slt elements, exslt functions, x
path functions, x
path axes the last function returns a number equal to the context size from the expression evaluation context.
local-name - XPath
xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes the local-name function returns a string representing the local name of the first node in a given node-set.
...ame function returns a string representing the local name of the first node in a given node-set.
name - XPath
xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes the name function returns a string representing the qname of the first node in a given node-set.
...f the first node in a given node-set.
namespace-uri - XPath
xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes the namespace-uri function returns a string representing the namespace uri of the first node in a given node-set.
...ill be returned.
normalize-space - XPath
xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes the normalize-space function strips leading and trailing white-space from a string, replaces sequences of whitespace characters by a single space, and returns the resulting string.
...ize-space function strips leading and trailing white-space from a string, replaces sequences of whitespace characters by a single space, and returns the resulting string.
not - XPath
xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes the not function evaluates a boolean expression and returns the opposite value.
...d behave similarly to the boolean() function except that it returns the opposite value.
number - XPath
xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes the number function converts an object to a number and returns the number.
...ing does not match this pattern, then the string is converted to nan.
round - XPath
xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes the round function returns a number that is the nearest integer to the given number.
... reference: xslt elements, exslt functions, x
path functions, x
path axes the round function returns a number that is the nearest integer to the given number.
starts-with - XPath
xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes the starts-with checks whether the first string starts with the second string and returns true or false.
... xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes the starts-with checks whether the first string starts with the second string and returns true or false.
string-length - XPath
xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes the string-length function returns a number equal to the number of characters in a given string.
...t functions, x
path functions, x
path axes the string-length function returns a number equal to the number of characters in a given string.
string - XPath
xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes the string function converts the given argument to a string.
...ing 0.
sum - XPath
xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes the sum function returns a number that is the sum of the numeric values of each node in a given node-set.
... x
path functions, x
path axes the sum function returns a number that is the sum of the numeric values of each node in a given node-set.
true - XPath
xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes the true function returns a boolean value of true.
... xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes the true function returns a boolean value of true.
Functions - XPath
xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes the following is an annotated list of core x
path functions and xslt-specific additions to x
path, including a description, syntax, a list of arguments, result-type, source in the appropriate w3c recommendation, and degree of present gecko support.
... xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes the following is an annotated list of core x
path functions and xslt-specific additions to x
path, including a description, syntax, a list of arguments, result-type, source in the appropriate w3c recommendation, and degree of present gecko support.
File.mozFullPath - Web APIs
a privileged exension to the file interface, the mozfull
path property contains the full
pathname of the represented file.
choose - XPath
xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes the choose function returns one of the specified objects based on a boolean parameter.
element-available - XPath
xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes the element-available function determines if an element is available and returns true or false.
system-property - XPath
xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes the system-property function returns an object representing the given system-property.
unparsed-entity-url - XPath
xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes the unparsed-entity-url() function returns the uri of the unparsed entity with the given name.
OS.File for the main thread
ry runs out, or the application is stopped.) let encoder = new textencoder(); // this encoder can be reused for several writes let array = encoder.encode("this is some text"); // convert the text to an array let promise = os.file.writeatomic("file.txt", array, // write the array atomically to "file.txt", using as temporary {tmp
path: "file.txt.tmp"}); // buffer "file.txt.tmp".
... but will fail if "file.txt" already exists: let encoder = new textencoder(); // this encoder can be reused for several writes let array = encoder.encode("this is some text"); // convert the text to an array let promise = os.file.writeatomic("file.txt", array, // write the array atomically to "file.txt", using as temporary {tmp
path: "file.txt.tmp", nooverwrite: true}); // buffer "file.txt.tmp".
... // buffer "file.txt.tmp".
...And 106 more matches
Drawing shapes with canvas - Web APIs
« previousnext » now that we have set up our canvas environment, we can get into the details of how to draw on the canvas.
...gin.
...xels from the top, at coordinate (x,y).
...And 100 more matches
Install script template - Archive of obsolete content
ewer"; // plids (http://mozilla.org/projects/plugins/plugin-identifier.html) are coined by vendors.
...; var mimetype = "application/x-my-plugin"; var suffix = "my"; var suffix_description = "my plugin files"; var company_name = "mypluginco"; var plugin_description = "my exemplary plugin mine all mine"; // registry constant
paths // these will be used when the win32 registry keys are written var hkey_local_machine = "hkey_local_machine"; var hkey_current_user = "hkey_current_user"; var reg_moz_
path = "software\\mozillaplugins"; // my own error code in case secondary installation fails var nosecondaryinstall = 1; // error return codes need some memory var err; // error return codes when we try and install to the current browser var errblock1; // error return codes when we try and do a secondary installation var errblock2 = 0; // global variable containing our secondary install loca...
... if this is a scriptable plugin errblock2 = addfile (plid, version, component_file, secondaryfolder, null); if (errblock2!=0) { logcomment("could not add " + component_file + " to " + secondaryfolder + ":" + errblock2); return errblock2; } } return 0; // 0 means everything went well with the secondary install } function writeplidsolution() { //concatenate the secondary install
path with the filename to make a fully qualified
pathname var qualifiedsecondaryfolderdll = secondaryfolder + plugin_file; var qualifiedsecondaryfolderxpt = secondaryfolder + component_file; // write plid keys (mozilla.org/projects/plugins/first-install-problem.html) // write plid keys to hklm var hklm_status = registerplid(hkey_local_machine, reg_moz_
path, plid, qualifiedse...
...And 70 more matches
io/file - Archive of obsolete content
experimental provides access to the local filesystem.
... experimental provides access to the local filesystem.
... experimental provides access to the local filesystem.
...And 61 more matches
SVG documentation index - SVG: Scalable Vector Graphics
reference, svg, svg attribute assigns a class name or set of class names to an element.
...igns a class name or set of class names to an element.
...y assign the same class name or names to any number of elements, however, multiple class names must be separated by whitespace characters.
...And 55 more matches
nsILocalFile
ble via the local file system.
....
... 14 inherits from: nsifile last changed in gecko 1.0 implemented by: @mozilla.org/file/local;1.
...And 50 more matches
cfx - Archive of obsolete content
docs main.md lib main.js package.json readme.md tests test-main.js cfx run this command is used to run the add-on.
...ctory, loads the corresponding add-on, and runs it under the version of firefox it finds in the platform's default install
path.
...runs it under the version of firefox it finds in the platform's default install
path.
...And 49 more matches
nsIFile
representation of a location in the filesystem.
...ensure compatibility.
...ve methods" are not.
...And 49 more matches
d - SVG: Scalable Vector Graphics
the d attribute defines a
path to be drawn.
... the d attribute defines a
path to be drawn.
... the d attribute defines a
path to be drawn.
...And 36 more matches
CanvasRenderingContext2D - Web APIs
ontext, call getcontext() on the <canvas> element, supplying '2d' as the argument: const canvas = document.getelementbyid('my-house'); const ctx = canvas.getcontext('2d'); with the context in hand, you can draw anything you like.
...: const canvas = document.getelementbyid('my-house'); const ctx = canvas.getcontext('2d'); with the context in hand, you can draw anything you like.
...anvaspattern.
...And 33 more matches
stroke-linejoin - SVG: Scalable Vector Graphics
the stroke-linejoin attribute is a presentation attribute defining the shape to be used at the corners of
paths when they are stroked.
... the stroke-linejoin attribute is a presentation attribute defining the shape to be used at the corners of
paths when they are stroked.
... the stroke-linejoin attribute is a presentation attribute defining the shape to be used at the corners of
paths when they are stroked.
...And 32 more matches
DirectoryEntrySync - Web APIs
.
... on april 19, 2011.
...reate: true}); the getdirectory() method returns a directoryentrysync, which represents a file in the file system.
...And 31 more matches
jpm - Archive of obsolete content
minal window, enter sudo apt-get install nodejs nodejs-legacy npm.
...r, it must be present in your
path under the name node.
...tall jpm --global depending on your setup, you might need to run this as an administrator: sudo npm install jpm --global installing jpm locally if you do not wish to, or are unable to, install jpm globally, you may instead install it locally: cd $home && npm install jpm to run jpm from a terminal when installed locally, you must add the directory "$home/node_modules/.bin/" to your terminal's
path first.
...And 29 more matches
nsIZipWriter
ods addentrychannel() adds data from a channel to the zip file.
... file.
... otherwise the channel must support being opened synchronously.
...And 28 more matches
nsIHttpServer
} let host = "localhost"; if (typeof port === "string" && port.indexof(':') != -1){ [host, port] = port.split(':'); port = parseint(port); server.identity.add('http', host, port); } server.wrappedjsobject._start(port, host); return true; }, registerfile: function(
path, file
path) { var file = components.classes['@mozilla.org/file/local;1'] .createinstance(components.interfaces.nsilocalfile); file.initwith
path(file
path); return server.registerfile(
path, file); }, registerdirectory : function(
path, directory
path) { var file = components.classes['@mozilla.org/file/local;1'...
... .createinstance(components.interfaces.nsilocalfile); file.initwith
path(file
path); return server.registerfile(
path, file); }, registerdirectory : function(
path, directory
path) { var file = components.classes['@mozilla.org/file/local;1'] .createinstance(components.interfaces.nsilocalfile); file.initwith
path(directory
path); return server.registerdirectory(
path, file); }, register
pathhandler: function(
path, handlercallback) { server.register
pathhandler(
path, function (request, response) { var req = createhttprequest(request); var resp = new httpresponse(response); handlercallback(req, resp); ...
...his server is * stopped and all pending requests have been fully served * @throws ns_error_null_pointer * if callback is null * @throws ns_error_unexpected * if this server is not running */ void stop(in nsihttpserverstoppedcallback callback); /** * associates the local file represented by the string file with all requests * which match request.
...And 26 more matches
Applying styles and colors - Web APIs
colors of the shapes' outlines.
...background ctx.fillstyle = '#fd0'; ctx.fillrect(0, 0, 75, 75); ctx.fillstyle = '#6c0'; ctx.fillrect(75, 0, 75, 75); ctx.fillstyle = '#09f'; ctx.fillrect(0, 75, 75, 75); ctx.fillstyle = '#f30'; ctx.fillrect(75, 75, 75, 75); ctx.fillstyle = '#fff'; // set transparency value ctx.globalalpha = 0.2; // draw semi transparent circles for (var i = 0; i < 7; i++) { ctx.begin
path(); ctx.arc(75, 75, 10 + 10 * i, 0, math.pi * 2, true); ctx.fill(); } } <canvas id="canvas" width="150" height="150"></canvas> draw(); screenshotlive sample an example using rgba() in this second example, we do something similar to the one above, but instead of drawing circles on top of each other, i've drawn small rectangles with increasing opacity.
...rrent line dash pattern.
...And 26 more matches
Index
iod; however, it works only in a limited amount of more advanced scenarios.
... key databases is not recommended.
... installation file format”.
...And 25 more matches
nsIURLParser
ring authority, in long authoritylen, out unsigned long usernamepos, out long usernamelen, out unsigned long passwordpos, out long passwordlen, out unsigned long hostnamepos, out long hostnamelen, out long port); void parsefilename(in string filename, in long filenamelen, out unsigned long basenamepos, out long basenamelen, out unsigned long extensionpos, out long extensionlen); void parsefile
path(in string file
path, in long file
pathlen, out unsigned long directorypos, out long directorylen, out unsigned long basenamepos, out long basenamelen, out unsigned long extensionpos, out long extensionlen); void parse
path(in string
path, in long
pathlen, out unsigned long file
pathpos, out long file
pathlen, out unsigned long parampos, out long paramlen, out unsigned long querypos, out long queryle...
... out unsigned long querypos, out long querylen, out unsigned long refpos, out long reflen); void parseserverinfo(in string serverinfo, in long serverinfolen, out unsigned long hostnamepos, out long hostnamelen, out long port); void parseurl(in string spec, in long speclen, out unsigned long schemepos, out long schemelen, out unsigned long authoritypos, out long authoritylen, out unsigned long
pathpos, out long
pathlen); void parseuserinfo(in string userinfo, in long userinfolen, out unsigned long usernamepos, out long usernamelen, out unsigned long passwordpos, out long passwordlen); methods the string to parse in the methods may be given as a null terminated string, in which case the length argument should be -1.
...amelen passwordpos passwordlen hostnamepos hostnamelen port parsefilename() filename = <basename>.<extension> void parsefilename( in string filename, in long filenamelen, out unsigned long basenamepos, out long basenamelen, out unsigned long extensionpos, out long extensionlen ); parameters filename filenamelen basenamepos basenamelen extensionpos extensionlen parsefile
path() breaks the file
path string up into: the directory portion, file base name, and file extension.
...And 24 more matches
Compositing and clipping - Web APIs
off certain areas, clear sections from the canvas (not limited to rectangles like the clearrect() method does) and more.
... clear sections from the canvas (not limited to rectangles like the clearrect() method does) and more.
... operation to apply when drawing new shapes, where type is a string identifying which of the twelve compositing operations to use.
...And 23 more matches
Drawing graphics - Learn web development
a canvasrenderingcontext2d object (in our case, ctx).
...to change this (it takes a number representing the number of pixels wide the stroke is).
...).
...And 22 more matches
Chapter 4: Using XPCOM—Implementing advanced processes - Archive of obsolete content
d", "file url"); frequently used xpcom functions let’s take a look at those xpcom functions that are used especially frequently.
...efox, including dialogs, etc.
...es using xpcom xpcom provides a number of interfaces allowing you to perform file manipulations without concern for whether you are running on windows, mac os x, or linux.
...And 21 more matches
Promises - Archive of obsolete content
and their related javascript helper modules.
...ort("resource://gre/modules/osfile.jsm"); task.spawn(function* () { // retrieve file metadata to check modification time.
... yield os.file.read(config
path, { encoding: "utf-8" })); let files = []; // get the directory contents from a list of directories.
...And 21 more matches
Eclipse CDT
mainly for managed projects but we use an unmanaged project for mozilla (since it has its own build system).
...a, so that it includes headers from the objdir etc.
...j1 -wb" (or just "make" if you don't care about keeping code assistance working) instead of using just-print-mozilla-build.py.
...And 21 more matches
Examples
how to throw reject if you have a function that is a promise, and want to end it and throw a reject, you can throw an error.
... how to throw reject if you have a function that is a promise, and want to end it and throw a reject, you can throw an error.
... how to throw reject if you have a function that is a promise, and want to end it and throw a reject, you can throw an error.
...And 21 more matches
Document.evaluate() - Web APIs
returns an x
pathresult based on an x
path expression and other given parameters.
... returns an x
pathresult based on an x
path expression and other given parameters.
... returns an x
pathresult based on an x
path expression and other given parameters.
...And 21 more matches
Creating Reusable Modules - Archive of obsolete content
ilepicker;1"] .createinstance(nsifilepicker); var window = require("sdk/window/utils").getmostrecentbrowserwindow(); fp.init(window, "select a file", nsifilepicker.modeopen); fp.appendfilters(nsifilepicker.filterall | nsifilepicker.filtertext); var rv = fp.show(); if (rv == nsifilepicker.returnok || rv == nsifilepicker.returnreplace) { var file = fp.file; // get the
path as string.
...("sdk/window/utils").getmostrecentbrowserwindow(); fp.init(window, "select a file", nsifilepicker.modeopen); fp.appendfilters(nsifilepicker.filterall | nsifilepicker.filtertext); var rv = fp.show(); if (rv == nsifilepicker.returnok || rv == nsifilepicker.returnreplace) { var file = fp.file; // get the
path as string.
...ils").getmostrecentbrowserwindow(); fp.init(window, "select a file", nsifilepicker.modeopen); fp.appendfilters(nsifilepicker.filterall | nsifilepicker.filtertext); var rv = fp.show(); if (rv == nsifilepicker.returnok || rv == nsifilepicker.returnreplace) { var file = fp.file; // get the
path as string.
...And 19 more matches
NSS Tools modutil
efaults to the user's netscape directory.
... 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 { executable relative
path { %temp%/setup.exe } } win32/setup.hlp { relative
path { %temp%/setup.hlp } } win32/setup.cab { relative
path { %temp%/setup.cab } } } } win95::x86 { equivalentplatform {winnt::x86} } sunos:5.5.1:sparc { modulename { "fortezza unix module" } modulefile { unix/fort.so } defaultmechanismflags{0x0001} c...
...h { %temp%/setup.hlp } } win32/setup.cab { relative
path { %temp%/setup.cab } } } } win95::x86 { equivalentplatform {winnt::x86} } sunos:5.5.1:sparc { modulename { "fortezza unix module" } modulefile { unix/fort.so } defaultmechanismflags{0x0001} cipherenableflags{0x0001} files { unix/fort.so { relative
path{%root%/lib/fort.so} absolute
path{/usr/local/netscape/lib/fort.so} filepermissions{555} } xplat/instr.html { relative
path{%root%/docs/inst.html} absolute
path{/usr/local/netscape/docs/inst.html} filepermissions{555} } } } irix:6.2:mips { equivalentplatform { sunos:5.5.1:sparc } }} script grammar the...
...And 19 more matches
stroke-linecap - SVG: Scalable Vector Graphics
the stroke-linecap attribute is a presentation attribute defining the shape to be used at the end of open sub
paths when they are stroked.
... the stroke-linecap attribute is a presentation attribute defining the shape to be used at the end of open sub
paths when they are stroked.
... the stroke-linecap attribute is a presentation attribute defining the shape to be used at the end of open sub
paths when they are stroked.
...And 19 more matches
SVG and CSS - SVG: Scalable Vector Graphics
top-2" offset="95%"/> </radialgradient> </defs> <text id="heading" x="-280" y="-270">svg demonstration</text> <text id="caption" x="-280" y="-250">move your mouse pointer over the flower.</text> <g id="flower"> <circle id="overlay" cx="0" cy="0" r="200" stroke="none" fill="url(#fade)"/> <g id="outer-petals"> <g class="quadrant"> <g class="segment"> <
path class="segment-fill" d="m0,0 v-200 a40,40 0 0,0 -62,10 z"/> <
path class="segment-edge" d="m0,-200 a40,40 0 0,0 -62,10"/> </g> <g class="segment" transform="rotate(18)"> <
path class="segment-fill" d="m0,0 v-200 a40,40 0 0,0 -62,10 z"/> <
path class="segment-edge" d="m0,-200 a40,40 0 0,0 -62,10"/> </g> <g class="segment" transform="rotate...
...ll" d="m0,0 v-200 a40,40 0 0,0 -62,10 z"/> <
path class="segment-edge" d="m0,-200 a40,40 0 0,0 -62,10"/> </g> <g class="segment" transform="rotate(18)"> <
path class="segment-fill" d="m0,0 v-200 a40,40 0 0,0 -62,10 z"/> <
path class="segment-edge" d="m0,-200 a40,40 0 0,0 -62,10"/> </g> <g class="segment" transform="rotate(36)"> <
path class="segment-fill" d="m0,0 v-200 a40,40 0 0,0 -62,10 z"/> <
path class="segment-edge" d="m0,-200 a40,40 0 0,0 -62,10"/> </g> <g class="segment" transform="rotate(54)"> <
path class="segment-fill" d="m0,0 v-200 a40,40 0 0,0 -62,10 z"/> <
path class="segment-edge" d="m0,-200 a40,40 0 0,0 -62,10"/> </g> <g class="segment" transform="rotate...
...ll" d="m0,0 v-200 a40,40 0 0,0 -62,10 z"/> <
path class="segment-edge" d="m0,-200 a40,40 0 0,0 -62,10"/> </g> <g class="segment" transform="rotate(54)"> <
path class="segment-fill" d="m0,0 v-200 a40,40 0 0,0 -62,10 z"/> <
path class="segment-edge" d="m0,-200 a40,40 0 0,0 -62,10"/> </g> <g class="segment" transform="rotate(72)"> <
path class="segment-fill" d="m0,0 v-200 a40,40 0 0,0 -62,10 z"/> <
path class="segment-edge" d="m0,-200 a40,40 0 0,0 -62,10"/> </g> </g> <g class="quadrant"> <g class="segment" transform="rotate(90)"> <
path class="segment-fill" d="m0,0 v-200 a40,40 0 0,0 -62,10 z"/> <
path class="segment-edge" d="m0,-200 a40,40 0 0,0 -62,10"/> </g> ...
...And 19 more matches
NSS tools : modutil
a special case.
...is described in more detail in [1]the section called “jar installation file format”.
...ed “jar installation file format”.
...And 17 more matches
CanvasRenderingContext2D.stroke() - Web APIs
the canvasrenderingcontext2d.stroke() method of the canvas 2d api strokes (outlines) the current or given
path with the current stroke style.
... the canvasrenderingcontext2d.stroke() method of the canvas 2d api strokes (outlines) the current or given
path with the current stroke style.
... the canvasrenderingcontext2d.stroke() method of the canvas 2d api strokes (outlines) the current or given
path with the current stroke style.
...And 17 more matches
Setting up your own test automation environment - Learn web development
ction.) 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.
...e os-specific, but we're going to stick with firefox and chrome, as they are available across all the main oses.
...here fairly easy to navigate to, like the root of your home user directory.
...And 16 more matches
Eclipse CDT Manual Setup
eally good code assistance for a project's source code, ides like eclipse need to carry out a thorough static analysis of the project's source files, to build up a picture of the code (what eclipse is trying to do when it "indexes" the source.) static analysis involves parsing the source files, so naturally it can only produce good results if it has a sensible set of preprocessor defines, include
paths and pre-include files for each source file.
...s if it has a sensible set of preprocessor defines, include
paths and pre-include files for each source file.
...le that's compiled during an actual build.
...And 16 more matches
Error codes returned by Mozilla APIs
) ns_error_illegal_during_shutdown (0x8046001e) many operations cannot be performed once the application is being shutdown.
...annot be performed once the application is being shutdown.
...occur in this situation.
...And 16 more matches
NSS tools : modutil
key databases is not recommended.
... installation file format”.
...or each platform that the module can be installed on.
...And 16 more matches
startOffset - SVG: Scalable Vector Graphics
the startoffset attribute defines an offset from the start of the
path for the initial current text position along the
path after converting the
path to the <text
path> element's coordinate system.
... the startoffset attribute defines an offset from the start of the
path for the initial current text position along the
path after converting the
path to the <text
path> element's coordinate system.
... the startoffset attribute defines an offset from the start of the
path for the initial current text position along the
path after converting the
path to the <text
path> element's coordinate system.
...And 16 more matches
addFile - Archive of obsolete content
addfile unpacks a single subcomponent into a temporary location.
... addfile unpacks a single subcomponent into a temporary location.
...eues the subcomponent for addition to the client version registry and installation to its final destination.
...And 15 more matches
clip-rule - SVG: Scalable Vector Graphics
« svg attribute reference home the clip-rule attribute only applies to graphics elements that are contained within a <clip
path> element.
... « svg attribute reference home the clip-rule attribute only applies to graphics elements that are contained within a <clip
path> element.
... « svg attribute reference home the clip-rule attribute only applies to graphics elements that are contained within a <clip
path> element.
...And 15 more matches
system - Archive of obsolete content
query the add-on's environment and access arguments passed to it.
... query the add-on's environment and access arguments passed to it.
...ent and access arguments passed to it.
...And 14 more matches
patch - Archive of obsolete content
summary updates an existing component.
... summary updates an existing component.
... summary updates an existing component.
...And 14 more matches
Manifest Files - Archive of obsolete content
one line in it: create a new directory somewhere.
...t use c:\testfiles create a new ascii1 file called test.manifest in the chrome directory.
...th is, open that directory in a browser and copy the url from the address field.
...And 14 more matches
Command line options
mmand actions are case insensitive.
...d remote commands.
...me.
...And 14 more matches
Index
functions:frozen, xpcom, xpcom api reference the ns_initxpcom3 function initiates use of xpcom in the calling process with support for statically defined xpcom modules.
...com, xpcom api reference the ns_newlocalfile function creates an instance of nsilocalfile that provides a platform independent representation of a file
path.
...e as follows.
...And 14 more matches
url - Archive of obsolete content
ve source urls into absolute ones.
...ng to be parsed as data url.
...t the given url to a native file
path.
...And 13 more matches
Tamarin build documentation - Archive of obsolete content
this folder to 'android-ndk'.
...y/mac/#qa/qa2001/qa1118.html - create a /frameworks/base/opengl/include/egl folder under your sdk/ndk top folder.
...ild tamarin release shell - get tamarin-redux - export the following variables into the environment $ export android_toolchain=<full
path to your android sdk/ndk top folder> $ export android_ndk=$android_toolchain/android-ndk $ export android_ndk_bin=$android_ndk/toolchains/arm-linux-androideabi-4.4.3/prebuilt/darwin-x86/bin $ export android_sdk=$android_toolchain/android-sdk-mac_86 $ export
path=$
path:$android_sdk/platform-tools:$android_ndk_bin - example commands to build tamarin: $ hg clone http://hg.mozilla.org/tamarin-redux $ cd tamarin-redux $ mkdir objdir-release $ cd objdir-release $ ../configure.py --arm-arch=armv7-a --target=arm-android $ make to make a debug shell use this command: ../configure.py --enable-debug --arm-arch=armv7-a --target=arm-android using cross-platfo...
...And 13 more matches
nsIWindowsRegKey
e scriptable access to the windows registry system.
...duced gecko 1.8 inherits from: nsisupports last changed in gecko 1.8 (firefox 1.5 / thunderbird 1.5 / seamonkey 1.0) the interface represents a single key in the registry.
...h, in unsigned long mode); astring getchildname(in unsigned long index); astring getvaluename(in unsigned long index); unsigned long getvaluetype(in astring name); boolean haschanged(); boolean haschild(in astring name); boolean hasvalue(in astring name); boolean iswatching(); void open(in unsigned long rootkey, in astring rel
path, in unsigned long mode); nsiwindowsregkey openchild(in astring rel
path, in unsigned long mode); acstring readbinaryvalue(in astring name); unsigned long long readint64value(in astring name); unsigned long readintvalue(in astring name); astring readstringvalue(in astring name); void removechild(in astring rel
path); void removevalue(in ...
...And 13 more matches
ctypes.open
shared library, a native file which can be loaded and used from js-ctypes, compile it with these commands: gcc -fpic -c mycfuntionsforunix.c gcc -shared -o mycfuntionsforunix.so mycfuntionsforunix.o a file named mycfuntionsforunix.so is successfully created.
... from js-ctypes.
... also be loaded from the system library
path.
...And 13 more matches
addDirectory - Archive of obsolete content
adddirectory unpacks an entire directory into a temporary location.
... adddirectory unpacks an entire directory into a temporary location.
... adddirectory unpacks an entire directory into a temporary location.
...And 12 more matches
Profiling with Xperf
soft windows performance toolkit already exists.
...d to do a registry tweak and then restart to enable stack walking: reg add "hklm\system\currentcontrolset\control\session manager\memory management" -v disablepagingexecutive -d 0x1 -t reg_dword -f symbol server setup with the latest versions of the windows performance toolkit, you can modify the symbol
path directly from within the program via the trace menu.
...t\control\session manager\memory management" -v disablepagingexecutive -d 0x1 -t reg_dword -f symbol server setup with the latest versions of the windows performance toolkit, you can modify the symbol
path directly from within the program via the trace menu.
...And 12 more matches
Setting up the Gecko SDK
tract the sdk, it should have the layout seen below: layout of the extracted sdk the directories represent different modules in the sdk.
...d the gecko sdk on the disk.
... well as two preprocessor defines: xpcom_glue mozilla_strict_api at a minimum, you must include the nspr, the embedstring and string include directories, and the xpcom include subdirectory.
...And 12 more matches
Add to iPhoto
for this), a pointer to the unicode string to copy into the new string object (ctypes.jschar.ptr), and the length of the unicode string in characters.
...s.cfurlref, // returns ctypes.voidptr_t, // input: allocator ctypes.unsigned_char.ptr, // input: pointer to string cfindex, // input: string length ctypes.bool) // input: isdirectory this method is used to convert a unix
pathname into an url.
... // input: string length ctypes.bool) // input: isdirectory this method is used to convert a unix
pathname into an url.
...And 12 more matches
Document Object Model (DOM) - Web APIs
les and stylesheets, browser history, and so forth.
...eelement svgfeturbulenceelement svgfilterelement svgfilterprimitivestandardattributes svgfontelement svgfontfaceelement svgfontfaceformatelement svgfontfacenameelement svgfontfacesrcelement svgfontfaceurielement svgforeignobjectelement svggelement svggeometryelement svgglyphelement svgglyphrefelement svggradientelement svggraphicselement svghatchelement svghatch
pathelement svghkernelement svgimageelement svglineargradientelement svglineelement svgmarkerelement svgmaskelement svgmeshelement svgmeshgradientelement svgmeshpatchelement svgmeshrowelement svgmetadataelement svgmissingglyphelement svgm
pathelement svg
pathelement svgpatternelement svgpolylineelement svgpolygonelement svgradialgradientelement svgrectelement svgscrip...
...chelement svgmeshrowelement svgmetadataelement svgmissingglyphelement svgm
pathelement svg
pathelement svgpatternelement svgpolylineelement svgpolygonelement svgradialgradientelement svgrectelement svgscriptelement svgsetelement svgsolidcolorelement svgstopelement svgstyleelement svgsvgelement svgswitchelement svgsymbolelement svgtextcontentelement svgtextelement svgtext
pathelement svgtextpositioningelement svgtitleelement svgtrefelement svgtspanelement svguseelement svgunknownelement svgviewelement svgvkernelement svg data type interfaces here are the dom apis for data types used in the definitions of svg properties and attributes.
...And 12 more matches
FileSystemDirectoryEntry.getDirectory() - Web APIs
the filesystemdirectoryentry interface's method getdirectory() returns a filesystemdirectoryentry object corresponding to a directory contained somewhere within the directory subtree rooted at the directory on which it's called.
... the filesystemdirectoryentry interface's method getdirectory() returns a filesystemdirectoryentry object corresponding to a directory contained somewhere within the directory subtree rooted at the directory on which it's called.
... the filesystemdirectoryentry interface's method getdirectory() returns a filesystemdirectoryentry object corresponding to a directory contained somewhere within the directory subtree rooted at the directory on which it's called.
...And 12 more matches
offset-distance - CSS: Cascading Style Sheets
the offset-distance css property specifies a position along an offset-
path for an element to be placed.
... the offset-distance css property specifies a position along an offset-
path for an element to be placed.
... the offset-distance css property specifies a position along an offset-
path for an element to be placed.
...And 12 more matches
href - SVG: Scalable Vector Graphics
efines a link to a resource as a reference url.
...meaning of that link depends on the context of each element using it.
...tp://www.w3.org/2000/svg"> <image href="/files/2917/fxlogo.png" x="0" y="0" height="100" width="100"/> </svg> lineargradient for <lineargradient>, href defines url referring to a template gradient element; to be valid, the reference must be to a different <lineargradient> or <radialgradient> element.
...And 12 more matches
/loader - Archive of obsolete content
require() function.
... a set of configuration options:
paths: describes where the loader should find the modules it is asked to load.
...exports.
...And 11 more matches
Running Automated JavaScript Tests
sometimes jstests are called js reftests because of how they are run in the browser.
...ing jstests on a js shell the jstests shell harness is js/src/tests/jstests.py.
... manually.
...And 11 more matches
Shell global objects
troduction to the javascript shell and is probably not complete.
...ipt shell and is probably not complete.
...ep for dt seconds.
...And 11 more matches
nsIScriptableIO
okies.txt"); from an xpcom component, however, you will need to get a reference as with other components: var scriptableio = components.classes["@mozilla.org/io/scriptable-io;1"] .getservice(); scriptableio.getfile("profile", "cookies.txt"); method overview nsifile getfile(in astring alocation, in astring afilename); nsifile getfilewith
path(in astring afile
path); nsisupports newinputstream(in nsivariant abase, in astring amode, [optional] in astring acharset, [optional] in astring areplacechar, [optional] in unsigned long abuffersize); nsisupports newoutputstream(in nsivariant abase, in astring amode, [optional] in astring acharset, [optional] in astring areplacechar, [optional] in unsigned long abuff...
...d as "foo.txt", the file reference generated will refer to a file named "foo.txt" on the user's desktop.
...rm-independent
path construction.
...And 11 more matches
Index - Archive of obsolete content
ion of apis to broadcast and subscribe to events.
...rget create objects that broadcast events.
...xecution code snippets no summary!
...And 10 more matches
mach
try running the program: $ ./mach run try running your program in a debugger: $ ./mach run --debug try running some tests: $ ./mach xpcshell-test services/common/tests/unit/ or run an individual test: $ ./mach mochitest browser/base/content/test/general/browser_pinnedtabs.js you run mach from the source directory, so you should be able to use your shell's tab completion to tab-complete
paths to tests.
...ts in the current directory, use that.
...nted to in that variable.
...And 10 more matches
Dominators view - Firefox Developer Tools
to the dominators ui section.
...ew the article on dominators concepts.
...the name of the function that allocated it, and the file, line number and character position of the exact spot where the function allocated it.
...And 10 more matches
FileSystemDirectoryEntry.getFile() - Web APIs
} the filesystemdirectoryentry interface's method getfile() returns a filesystemfileentry object corresponding to a file contained somewhere within the directory subtree rooted at the directory on which it's called.
... } the filesystemdirectoryentry interface's method getfile() returns a filesystemfileentry object corresponding to a file contained somewhere within the directory subtree rooted at the directory on which it's called.
... } the filesystemdirectoryentry interface's method getfile() returns a filesystemfileentry object corresponding to a file contained somewhere within the directory subtree rooted at the directory on which it's called.
...And 10 more matches
Using IndexedDB - Web APIs
e example).
...ctstore("name", { key
path: "mykey" }); }; in this case, the database will already have the object stores from the previous version of the database, so you do not have to create these object stores again.
...link, see the idbdatabase reference article.
...And 10 more matches
<basic-shape> - CSS: Cascading Style Sheets
the <basic-shape> css data type represents a shape used in the clip-
path, shape-outside, and offset-
path properties.
...e.
...faults to center if omitted.
...And 10 more matches
fill-rule - SVG: Scalable Vector Graphics
the fill-rule attribute is a presentation attribute defining the algorithm to use to determine the inside part of a shape.
... the fill-rule attribute is a presentation attribute defining the algorithm to use to determine the inside part of a shape.
... effect only on the following eight elements: <altglyph>, <
path>, <polygon>, <polyline>, <text>, <text
path>, <tref>, and <tspan> html,body,svg { height:100% } <svg viewbox="-10 -10 220 120" xmlns="http://www.w3.org/2000/svg"> <!-- default value for fill-rule --> <polygon fill-rule="nonzero" stroke="red" points="50,0 21,90 98,35 2,35 79,90"/> <!-- the center of the shape has two
path segments (shown by the red stroke) between it and infinity.
...And 10 more matches
xlink:href - SVG: Scalable Vector Graphics
meaning of that link depends on the context of each element using it.
...nt using it.
...te), then this element inherits the gradient stop from the referenced element.
...And 10 more matches
Addon
operties before relying on them.
...equired methods void iscompatiblewith(in string appversion, in string platformversion) void findupdates(in updatelistener listener, in integer reason, in string appversion, in string platformversion) overview of optional methods void uninstall() void canceluninstall() boolean hasresource(in string
path) nsiuri getresourceuri(in string
path) void getdatadirectory(in datadirectorycallback callback) required properties attribute type description appdisabled read only boolean true if this add-on cannot be used in the application based on version compatibility, dependencies, and blocklisting.
... only number reviewcount read only integer reviewurl read only string totaldownloads read only integer weeklydownloads read only integer dailyusers read only integer repositorystatus read only integer callbacks datadirectorycallback() a callback which is passed a directory
path, and, when an error has occured, an error object.
...And 9 more matches
Dynamic Library Linking
unload and resolve symbols in dynamic libraries.
...symbols in dynamic libraries.
...brary loading functions on some platforms, certain environment variables must be set at run time, and you may need to link your executable programs using special linker options.
...And 9 more matches
sample2
d_cert_to_db, save_cert_to_header, encrypt, decrypt, sign, verify, unknown } commandtype; typedef enum { symkey = 0, mackey = 1, iv = 2, mac = 3, pad = 4, pubkey = 5, lab = 6, certenc= 7, certvfy= 8, sig = 9 } headertype; /* * print usage message and exit */ static void usage(const char *progname) { fprintf(stderr, "\nusage: %s %s %s %s %s %s %s %s %s %s\n\n", progname, " -<g|a|h|e|ds|v> -d <dbdir
path> ", "[-p <dbpwd> | -f <dbpwdfile>] [-z <noisefilename>] [-a <\"\">]", "-s <subject> -r <csr> | ", "-n <nickname> -t <trust> -c <cert> [ -r <csr> -u <issuernickname> [-x <\"\">] -m <serialnumber> ] | ", "-n <nickname> -b <headerfilename> | ", "-b <headerfilename> -i <ipfilename> -e <encryptfilename> | ", "-b <headerfilename> -i <ipfilename> | ", "-b <headerfilename> -i <ipfilename> | ", "-b <heade...
...orresponding private key \n\n", progname, "-d -b <headerfilename> -e <encryptfilename> -o <opfilename>"); fprintf(stderr, "%s %s\n --sign using private key \n\n", progname, "-s -b <headerfilename> -i <infilename> "); fprintf(stderr, "%s %s\n --verify using public key \n\n", progname, "-v -b <headerfilename> -i <ipfilename> "); fprintf(stderr, "options:\n\n"); fprintf(stderr, "%-30s - db directory
path\n\n", "-d <dbdir
path>"); fprintf(stderr, "%-30s - db password [optional]\n\n", "-p <dbpwd>"); fprintf(stderr, "%-30s - db password file [optional]\n\n", "-f <dbpwdfile>"); fprintf(stderr, "%-30s - noise file name [optional]\n\n", "-z <noisefilename>"); fprintf(stderr, "%-30s - input file name\n\n", "-i <ipfilename>"); fprintf(stderr, "%-30s - header file name\n\n", "-b <headerfilename>"); fprintf...
...) { pr_fprintf(pr_stderr, "%s -g -d %s -s: improperly formatted name: \"%s\"\n", progname, dbdir, subjectstr); validationfailed = pr_true; } if (!certreqfilename) { pr_fprintf(pr_stderr, "%s -g -d %s -s %s -r: certificate request file name not found\n", progname, dbdir, subjectstr); validationfailed = pr_true; } if (validationfailed) { fprintf(stderr, "\nusage: %s %s \n\n", progname, "-g -d <dbdir
path> -s <subject> -r <csr> \n"); exit(-1); } } /* * validate the options used for add cert to db command */ static void validateaddcerttodbcommand(const char *progname, const char *dbdir, const char *nicknamestr, const char *truststr, const char *certfilename, const char *certreqfilename, const char *issuernamestr, const char *serialnumberstr, prbool selfsign) { prbool validationfailed = pr_false; if...
...And 9 more matches
nsIURI
se further structure on the uri.
...er structure on the uri.
...ioservice = components.classes["@mozilla.org/network/io-service;1"] .getservice(components.interfaces.nsiioservice); return ioservice.newuri(aurl, aorigincharset, abaseuri); } components of a uri pre
path path scheme userpass host port ref ftp :// username@password @ hostname : portnumber /
pathname?query=value #ref method overview nsiuri clone(); nsiuri cloneignoringref(); boolean equals(in nsiuri other); boolean equalsexceptref(in nsiuri other); autf8string resolve(in autf8string relative
path); boolean schemeis(in string scheme); attributes attribute type description asciihost acstring...
...And 9 more matches
CanvasRenderingContext2D.clip() - Web APIs
the canvasrenderingcontext2d.clip() method of the canvas 2d api turns the current or given
path into the current clipping region.
...hod of the canvas 2d api turns the current or given
path into the current clipping region.
...outline represents a clipping region shaped like a star.
...And 9 more matches
CanvasRenderingContext2D.isPointInStroke() - Web APIs
the canvasrenderingcontext2d.ispointinstroke() method of the canvas 2d api reports whether or not the specified point is inside the area contained by the stroking of a
path.
... the canvasrenderingcontext2d.ispointinstroke() method of the canvas 2d api reports whether or not the specified point is inside the area contained by the stroking of a
path.
... the canvasrenderingcontext2d.ispointinstroke() method of the canvas 2d api reports whether or not the specified point is inside the area contained by the stroking of a
path.
...And 9 more matches
offset - CSS: Cascading Style Sheets
the offset css shorthand property sets all the properties required for animating an element along a defined
path.
... the offset css shorthand property sets all the properties required for animating an element along a defined
path.
...ts all the properties required for animating an element along a defined
path.
...And 9 more matches
Writing forward-compatible websites - Developer guides
ally a particularly common instance of assuming that one feature (the presence of a particular substring in the user agent (ua) string) implies something about the presence or absence of other features.
...) implies something about the presence or absence of other features.
... sniffing, only use it to target past browser versions of particular browsers.
...And 9 more matches
Applying SVG effects to HTML content - SVG: Scalable Vector Graphics
modern browsers support using svg within css styles to apply graphical effects to html content.
...r adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
..., sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
...And 9 more matches
SVG Presentation Attributes - SVG: Scalable Vector Graphics
svg presentation attributes are css properties that can be used as attributes on svg elements.
...aphic|alphabetic|hanging|mathematical|inherit; animatable: yes baseline-shift it allows repositioning of the dominant-baseline relative to the dominant-baseline of the parent text content element.
... baseline-shift it allows repositioning of the dominant-baseline relative to the dominant-baseline of the parent text content element.
...And 9 more matches
side - SVG: Scalable Vector Graphics
the side attribute determines the side of a
path the text is placed on (relative to the
path direction).
... the side attribute determines the side of a
path the text is placed on (relative to the
path direction).
... the side attribute determines the side of a
path the text is placed on (relative to the
path direction).
...And 9 more matches
SVG animation with SMIL - SVG: Scalable Vector Graphics
smil in favor of css animations and web animations, the chrome developers have since suspended that deprecation.
...t x="0" y="0" width="300" height="100" stroke="black" stroke-width="1" /> <rect x="0" y="50" width="15" height="34" fill="blue" stroke="black" stroke-width="1"> <animatetransform attributename="transform" begin="0s" dur="20s" type="rotate" from="0 60 60" to="360 100 60" repeatcount="indefinite" /> </rect> </svg> animation following a
path the <animatemotion> element lets you animate an element position and rotation according to a
path.
...ght="34" fill="blue" stroke="black" stroke-width="1"> <animatetransform attributename="transform" begin="0s" dur="20s" type="rotate" from="0 60 60" to="360 100 60" repeatcount="indefinite" /> </rect> </svg> animation following a
path the <animatemotion> element lets you animate an element position and rotation according to a
path.
...And 9 more matches
Using the DOM File API in chrome code - Extensions
if you want to use the dom file api in chrome code, you can do so without restriction.
...e dom file api in chrome code, you can do so without restriction.
...g web content free access to the contents of their disks.
...And 8 more matches
FileUtils.jsm
the fileutils.jsm javascript code module offers utility routines dealing with files.
... javascript code module offers utility routines dealing with files.
...o use it, you first need to import the code module into your javascript scope: components.utils.import("resource://gre/modules/fileutils.jsm"); the file constructor if you have a
path to a file (or directory) you want to obtain an nsifile for, you can do so using the file constructor, like this: var f = new fileutils.file(my
path); method overview nsifile getfile(string key, array
patharray, bool followlinks); nsifile getdir(string key, array
patharray, bool shouldcreate, bool followlinks); nsifileoutputstream openfileoutputstream(nsifile file, int modeflags); nsifileoutputstream openatomicfileoutputstream(nsifile file, int modeflags); nsifileoutputstream opensafefileoutputstream(nsifile file, int modeflags); void closeatomicfileoutp...
...And 8 more matches
CanvasRenderingContext2D.fill() - Web APIs
the canvasrenderingcontext2d.fill() method of the canvas 2d api fills the current or given
path with the current fillstyle.
... the canvasrenderingcontext2d.fill() method of the canvas 2d api fills the current or given
path with the current fillstyle.
...d.fill() method of the canvas 2d api fills the current or given
path with the current fillstyle.
...And 8 more matches
Advanced animations - Web APIs
nvas id="canvas" width="600" height="300"></canvas> as usual, we need a drawing context first.
...text first.
...rame() helps us to control the animation.
...And 8 more matches
IDBObjectStore.createIndex() - Web APIs
nd that indexeddb indexes can contain any javascript data type; indexeddb uses the structured clone algorithm to serialize stored objects, which allows for storage of simple and complex objects.
...; indexeddb uses the structured clone algorithm to serialize stored objects, which allows for storage of simple and complex objects.
...hod must be called only from a versionchange transaction mode callback.
...And 8 more matches
Set-Cookie - HTTP
eader type response header forbidden header name no forbidden response-header name yes syntax set-cookie: <cookie-name>=<cookie-value> set-cookie: <cookie-name>=<cookie-value>; expires=<date> set-cookie: <cookie-name>=<cookie-value>; max-age=<non-zero-digit> set-cookie: <cookie-name>=<cookie-value>; domain=<domain-value> set-cookie: <cookie-name>=<cookie-value>;
path=<
path-value> set-cookie: <cookie-name>=<cookie-value>; secure set-cookie: <cookie-name>=<cookie-value>; httponly set-cookie: <cookie-name>=<cookie-value>; samesite=strict set-cookie: <cookie-name>=<cookie-value>; samesite=lax set-cookie: <cookie-name>=<cookie-value>; samesite=none // multiple attributes are also possible, for example: set-cookie: <cookie-name>=<cookie-value>; domain=<domain-val...
... are allowed for <cookie-value> though.
...x-age has precedence.
...And 8 more matches
eval() - JavaScript
y here.
...t, its use here is discouraged.
...s, which are much faster and safer: var obj = { a: 20, b: 30 }; var propname = getpropname(); // returns "a" or "b" var result = obj[ propname ]; // obj[ "a" ] is the same as obj.a you can even use this method to access descendant properties.
...And 8 more matches
Creating custom Firefox extensions with the Mozilla build system - Archive of obsolete content
eate a new extension, rather than copying the components directly into firefox's binary directory.
... would discourage this practice (among other things, static linking means the same code gets loaded more than once into memory, and the code won't be available from javascript or other non-c++ languages) and encourage the use of xpcom wherever possible.
...lla/$(moz_objdir)/dist/include/.
...And 7 more matches
MCD, Mission Control Desktop, AKA AutoConfig - Archive of obsolete content
e ldap address book, create an email account, and configure imap and smtp: [root@calaz /usr/lib/thunderbird] $ cat thunderbird.cfg //put everything in a try/catch try { // 1) env variables if(getenv("user") != "") { // *nix settings var env_user = getenv("user"); var env_home = getenv("home"); } else { // windows settings var env_user = getenv("username"); var env_home = getenv("home
path"); } var env_mozdebug= getenv("mozilla_debug"); // var env_user = prompt("indiquez votre login", toto); // 2) lock general preferences //ldap address book lockpref("ldap_2.prefs_migrated", true); lockpref("ldap_2.servers.ldapint.auth.savepassword", true); lockpref("ldap_2.servers.ldapint.description", "ldap int"); lockpref("ldap_2.servers.ldapint.filename", "abook-1.mab"); lockpref("ldap_2.serve...
...0.2 at least :-(, so i applied the workaround i proposed in that bug report (start_pos += 1;).
...ne.org/viewtopic.php?p=3381133#3381133 defaultpref("browser.safebrowsing.enabled", false); defaultpref("browser.safebrowsing.malware.enabled", false); // 1) env variables if(getenv("user") != "") { // *nix settings var env_user = getenv("user"); var env_home = getenv("home"); } else { // windows settings var env_user = getenv("username"); var env_home = getenv("home
path"); } var env_mozdebug= getenv("mozilla_debug"); // 2) define here (because if set after "3)" below it doesn't work !) processldapvalues which is eventually called by getldapattributes() just below, // check getldapattributes() code from $mozilla_home/defaults/autoconfig/prefcalls.js to see the inside call to "user defined" processldapvalues /* commented all this section about ldap calls, ...
...And 7 more matches
Creating a Microsummary - Archive of obsolete content
plate> <transform xmlns="http://www.w3.org/1999/xsl/transform" version="1.0"> <output method="text"/> <template match="/"> </template> </transform> </template> </generator> including the download count to include the download count in the output of the xslt transform sheet, we need to add an xslt <value-of> element to the template whose select attribute contains an x
path expression that points to the node containing the count.
...m" version="1.0"> <output method="text"/> <template match="/"> </template> </transform> </template> </generator> including the download count to include the download count in the output of the xslt transform sheet, we need to add an xslt <value-of> element to the template whose select attribute contains an x
path expression that points to the node containing the count.
...include the download count in the output of the xslt transform sheet, we need to add an xslt <value-of> element to the template whose select attribute contains an x
path expression that points to the node containing the count.
...And 7 more matches
Move the ball - Game development
nes, and add the following below them.
...val every 10 miliseconds: function draw() { // drawing code } setinterval(draw, 10); thanks to the infinite nature of setinterval the draw() function will be called every 10 milliseconds forever, or until we stop it.
... of the canvas in variables called x and y, then use those to define the position the circle is drawn at.
...And 7 more matches
Configuring Build Options
manually call configure with command-line options, but this is not recommended).
...h command-line options, but this is not recommended).
...ot recommended).
...And 7 more matches
JavaScript OS.Constants
erfaces.nsiosfileconstantsservice).
...s.nsiosfileconstantsservice).
...o initialization is required.
...And 7 more matches
NS_NewNativeLocalFile
« xpcom api reference summary the ns_newnativelocalfile function creates an instance of nsilocalfile that provides a platform independent representation of a file
path.
... « xpcom api reference summary the ns_newnativelocalfile function creates an instance of nsilocalfile that provides a platform independent representation of a file
path.
... « xpcom api reference summary the ns_newnativelocalfile function creates an instance of nsilocalfile that provides a platform independent representation of a file
path.
...And 7 more matches
HTMLCanvasElement.toBlob() - Web APIs
co (mozilla only) this uses -moz-parse to convert the canvas to ico.
...ws xp doesn't support converting from png to ico, so it uses bmp instead.
...image/vnd.microsoft.icon', '-moz-parse-options:format=bmp;bpp=32'); save toblob to disk with os.file (chrome/add-on context only) this technique saves it to the desktop and is only useful in firefox chrome context or add-on code as os apis are not present on web sites.
...And 7 more matches
display - SVG: Scalable Vector Graphics
s means that any child of an element with display="none" will never be rendered even if the child has a value for display other than none.
...essing, for bounding box calculations and for calculation of clipping
paths: if display is set to none on a <tspan>, <tref>, or <altglyph> element, then the text string is ignored for the purposes of text layout.
....
...And 7 more matches
rotate - SVG: Scalable Vector Graphics
the rotate attribute specifies how the animated element rotates as it travels along a
path specified in an <animatemotion> element.
... the rotate attribute specifies how the animated element rotates as it travels along a
path specified in an <animatemotion> element.
...ts left-hand side in the current direction of motion.
...And 7 more matches
<animateMotion> - SVG: Scalable Vector Graphics
the svg <animatemotion> element let define how an element moves along a motion
path.
... the svg <animatemotion> element let define how an element moves along a motion
path.
... the svg <animatemotion> element let define how an element moves along a motion
path.
...And 7 more matches
Basic shapes - SVG: Scalable Vector Graphics
nt" stroke-width="5"/> <line x1="10" x2="50" y1="110" y2="150" stroke="orange" stroke-width="5"/> <polyline points="60 110 65 120 70 115 75 130 80 125 85 140 90 135 95 150 100 145" stroke="orange" fill="transparent" stroke-width="5"/> <polygon points="50 160 55 180 70 180 60 190 65 205 50 195 35 205 40 190 30 180 45 180" stroke="green" fill="transparent" stroke-width="5"/> <
path d="m20,230 q40,205 50,230 t90,230" fill="none" stroke="blue" stroke-width="5"/> </svg> note: the stroke, stroke-width, and fill attributes are explained later in the tutorial.
...a list of points.
...ttle more flexibility.
...And 7 more matches
Clipping and masking - SVG: Scalable Vector Graphics
s case, any half-transparent effects are not possible, it's an all-or-nothing approach.
... masking on the other hand allows soft edges by taking transparency and grey values of the mask into account.
...nsparency and grey values of the mask into account.
...And 7 more matches
Fills and Strokes - SVG: Scalable Vector Graphics
ne x1="40" x2="120" y1="20" y2="20" stroke="black" stroke-width="20" stroke-linecap="butt"/> <line x1="40" x2="120" y1="60" y2="60" stroke="black" stroke-width="20" stroke-linecap="square"/> <line x1="40" x2="120" y1="100" y2="100" stroke="black" stroke-width="20" stroke-linecap="round"/> </svg> the stroke-width property defines the width of this stroke.
...20" stroke="black" stroke-width="20" stroke-linecap="butt"/> <line x1="40" x2="120" y1="60" y2="60" stroke="black" stroke-width="20" stroke-linecap="square"/> <line x1="40" x2="120" y1="100" y2="100" stroke="black" stroke-width="20" stroke-linecap="round"/> </svg> the stroke-width property defines the width of this stroke.
...te affecting strokes is the stroke-linecap property, demonstrated above.
...And 7 more matches
Signing an XPI - Archive of obsolete content
al folder.
...ownload the latest netscape portable runtime from the mozilla ftp site: http://ftp.mozilla.org/pub/mozilla.org/nspr/releases/.
...he nspr lib/ directories to the system
path.
...And 6 more matches
Chrome registration
nifest" in the root of an extension, or theme, or xulrunner application.
...theme, or xulrunner application.
...ename localename
path/to/files skin packagename skinname
path/to/files note: the characters @ # ; : ?
...And 6 more matches
DownloadLastDir.jsm
the downloadlastdir.jsm javascript code module lets you retrieve the
path of the last directory into which a download occurred.
...ils.import("resource://gre/modules/downloadlastdir.jsm"); if you are using addon sdk, you can import the code module as: let { cu } = require("chrome"); let downloadlastdir = cu.import("resource://gre/modules/downloadlastdir.jsm").downloadlastdir; once you've imported the module, you can then use the downloadlastdir object it exports.
...loadlastdir.jsm").downloadlastdir; once you've imported the module, you can then use the downloadlastdir object it exports.
...And 6 more matches
Promise
chain failed to handle a rejection", there is likely something to be fixed in the code.
...e:value}}: fulfillment value or rejection reason, for fulfilled or rejected promises only.
...jects holding references to functions registered by the then() method, for pending promises only.
...And 6 more matches
Sqlite.jsm
ed from chrome -- that is, from within the application itself or an add-on.
...ore you can use this module, you need to import it into your scope: components.utils.import("resource://gre/modules/sqlite.jsm") obtaining a connection sqlite.jsm exports the sqlite symbol.
... module, you need to import it into your scope: components.utils.import("resource://gre/modules/sqlite.jsm") obtaining a connection sqlite.jsm exports the sqlite symbol.
...And 6 more matches
L10n Checks
/users/akalla_aviary.pl/silme-patched/ $ cd silme-patched/ $ sudo python setup.py install or, if you're on windows: $ hg clone http://hg.mozilla.org/users/akalla_aviary.pl/silme-patched/ $ cd silme-patched/ $ python setup.py install running it mercurial source (source) mode l10n checks gathers the directories to compare from an ini file, usually found in $app/locales/l10n.ini.
... both the
path to the ini file and the parent directory of the localizations as first arguments, followed by the locale codes of the locales you want to compare.
... the
path to the xpi file (optionally) followed by the locale codes of the locales you want to compare.
...And 6 more matches
Localizing with Mercurial
ll not only install hg, but also all the tools required to build mozilla products on windows.
... mozilla products on windows.
...which integrates with your windows explorer shell.
...And 6 more matches
Enc Dec MAC Using Key Wrap CertReq PKCS10 CSR
num { symkey = 0, mackey = 1, iv = 2, mac = 3, pad = 4, pubkey = 5, lab = 6, certenc= 7, certvfy= 8, sig = 9 } headertype; /* * print usage message and exit */ static void usage(const char *progname) { fprintf(stderr, "\nusage: %s %s %s %s %s %s %s %s %s %s\n\n", progname, " -<g|a|h|e|ds|v> -d <dbdir
path> ", "[-p <dbpwd> | -f <dbpwdfile>] [-z <noisefilename>] [-a <\"\">]", "-s <subject> -r <csr> | ", "-n <nickname> -t <trust> -c <cert> [ -r <csr> -u <issuernickname> [-x <\"\">] -m <serialnumber> ] | ", "-n <nickname> -b <headerfilename> | ", "-b <headerfilename> -i <ipfilename> -e <encryptfilename> | ", "-b <headerfilen...
... <headerfilename> -e <encryptfilename> -o <opfilename>"); fprintf(stderr, "%s %s\n --sign using private key \n\n", progname, "-s -b <headerfilename> -i <infilename> "); fprintf(stderr, "%s %s\n --verify using public key \n\n", progname, "-v -b <headerfilename> -i <ipfilename> "); fprintf(stderr, "options:\n\n"); fprintf(stderr, "%-30s - db directory
path\n\n", "-d <dbdir
path>"); fprintf(stderr, "%-30s - db password [optional]\n\n", "-p <dbpwd>"); fprintf(stderr, "%-30s - db password file [optional]\n\n", "-f <dbpwdfile>"); fprintf(stderr, "%-30s - noise file name [optional]\n\n", "-z <noisefilename>"); fprintf(stderr, "%-30s - input file name\n\n", "-i <ipfi...
...ir, subjectstr); validationfailed = pr_true; } if (!certreqfilename) { pr_fprintf(pr_stderr, "%s -g -d %s -s %s -r: certificate request file name not found\n", progname, dbdir, subjectstr); validationfailed = pr_true; } if (validationfailed) { fprintf(stderr, "\nusage: %s %s \n\n", progname, "-g -d <dbdir
path> -s <subject> -r <csr> \n"); exit(-1); } } /* * validate the options used for add cert to db command */ static void validateaddcerttodbcommand(const char *progname, const char *dbdir, const char *nicknamestr, const char *truststr, const char *certfilename, ...
...And 6 more matches
Thread Sanitizer
o get yourself a clone of mozilla-central.
...he build configuration file .mozconfig with the following content in your mozilla-central directory: mk_add_options moz_objdir=@topsrcdir@/objdir-ff-tsan mk_add_options moz_make_flags=-j12 # enable llvm specific code and build workarounds ac_add_options --enable-thread-sanitizer # if clang is already in your $
path, then these can simply be: # export cc=clang # export cxx=clang++ export cc="/
path/to/clang" export cxx="/
path/to/clang++" # llvm-symbolizer displays much more complete backtraces when data races are detected.
...tions moz_make_flags=-j12 # enable llvm specific code and build workarounds ac_add_options --enable-thread-sanitizer # if clang is already in your $
path, then these can simply be: # export cc=clang # export cxx=clang++ export cc="/
path/to/clang" export cxx="/
path/to/clang++" # llvm-symbolizer displays much more complete backtraces when data races are detected.
...And 6 more matches
Starting WebLock
's nsimodule::registerself method is called.
...did.
...omponenttype, const nsmodulecomponentinfo *info); static ns_method weblockunregistration(nsicomponentmanager *acompmgr, nsifile *a
path, const char *registrylocation, const nsmodulecomponentinfo *info); the names of the functions can be anything you wish.
...And 6 more matches
NS_NewLocalFile
« xpcom api reference summary the ns_newlocalfile function creates an instance of nsilocalfile that provides a platform independent representation of a file
path.
... « xpcom api reference summary the ns_newlocalfile function creates an instance of nsilocalfile that provides a platform independent representation of a file
path.
... « xpcom api reference summary the ns_newlocalfile function creates an instance of nsilocalfile that provides a platform independent representation of a file
path.
...And 6 more matches
nsIURL
netwerk/base/public/nsiurl.idlscriptable this interface provides convenience methods that further break down the
path portion of nsiuri.
...tp://host/directory/filebasename.fileextension#ref http://host/directory/filebasename.fileextension;param \ \ / \ ----------------------- \ | / \ filename / ---------------------------- | file
path you can get a nsiurl from an nsiuri, using the queryinterface() method: var myuri = components.classes["@mozilla.org/network/io-service;1"] .getservice(components.interfaces.nsiioservice) .newuri("http://developer.mozilla.org", null, null); try { var myurl = myuri.queryinterface(components.interfaces.nsiurl); } catch(e) { // the uri is not an url }...
...ot an url } or using instanceof: if (myuri instanceof components.interfaces.nsiurl) { // your code here } method overview autf8string getcommonbasespec(in nsiuri auritocompare); autf8string getrelativespec(in nsiuri auritocompare); attributes attribute type description directory autf8string directory portion of a url.
...And 6 more matches
Event.composed - Web APIs
touch/mouseover/copy/paste, etc.).
... will return false.
...pagation only occurs if the bubbles property is also true.
...And 6 more matches
FileSystemEntrySync - Web APIs
the filesystementrysync interface of the file and directory entries api represents an entry in a file system; it can be either a fileentrysync or directoryentry.
... filesystementrysync copyto(in directoryentrysync parent, optional domstring newname) raises (fileexception); domstring tourl(); void remove() raises (fileexception); directoryentrysync getparent(); attributes attribute type description filesystem readonly filesystemsync the file system where the entry resides.
...c parent, optional domstring newname) raises (fileexception); domstring tourl(); void remove() raises (fileexception); directoryentrysync getparent(); attributes attribute type description filesystem readonly filesystemsync the file system where the entry resides.
...And 6 more matches
Overview of CSS Shapes - CSS: Cascading Style Sheets
efore you could create your shape on the: border-box padding-box content-box margin-box in the example below you can change the value border-box to any of the other allowed values to see how the shape moves closer or further away from the box.
...f shape-image-threshold is 0.0 (which is the initial value) then the area must be fully transparent.
...per look at creating shapes from images in the shapes from images guide.
...And 6 more matches
offset-anchor - CSS: Cascading Style Sheets
the offset-anchor css property specifies the point inside the box of an element travelling along an offset-
path that is actually moving along the
path.
...25% 75%; /* <length> values */ offset-anchor: 0 0; offset-anchor: 1cm 2cm; offset-anchor: 10ch 8em; /* edge offsets values */ offset-anchor: bottom 10px right 20px; offset-anchor: right 3em bottom 10px; /* global values */ offset-anchor: inherit; offset-anchor: initial; offset-anchor: unset; values auto offset-anchor is given the same value as the element's transform-origin, unless offset-
path is none, in which case it takes its value from offset-position.
...| center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ]?
...And 6 more matches
offset-rotate - CSS: Cascading Style Sheets
the offset-rotate css property defines the orientation/direction of the element as it is positioned along the offset-
path.
... the offset-rotate css property defines the orientation/direction of the element as it is positioned along the offset-
path.
... the offset-rotate css property defines the orientation/direction of the element as it is positioned along the offset-
path.
...And 6 more matches
shape-outside - CSS: Cascading Style Sheets
/interactive-examples and send us a pull request.
...rder radius shaping rules for the inside of the border.
...tofloatsinheritednocomputed valueas defined for <basic-shape> (with <shape-box> following, if supplied), the <image> with its uri made absolute, otherwise as specified.animation typeyes, as specified for <basic-shape>, otherwise no formal syntax none | <shape-box> | <basic-shape> | <image>where <shape-box> = <box> | margin-box<basic-shape> = <inset()> | <circle()> | <ellipse()> | <polygon()> | <
path()><image> = <url> | <image()> | <image-set()> | <element()> | <paint()> | <cross-fade()> | <gradient>where <box> = border-box | padding-box | content-box<inset()> = inset( <length-percentage>{1,4} [ round <'border-radius'> ]?
...And 6 more matches
vector-effect - SVG: Scalable Vector Graphics
r effect to use when drawing an object.
...cts are applied before any of the other compositing operations, i.e.
... animatable yes none this value specifies that no vector effect shall be applied, i.e.
...And 6 more matches
Connecting to Remote Content - Archive of obsolete content
tsbytagname("name")[0].firstchild.nodevalue); // => orange window.alert(totalelement.firstchild.nodevalue); // => 2 } }; using dom functions is good for simple xml documents, but dom manipulation code can become too complicated if the documents are more complex.
...ame("name")[0].firstchild.nodevalue); // => orange window.alert(totalelement.firstchild.nodevalue); // => 2 } }; using dom functions is good for simple xml documents, but dom manipulation code can become too complicated if the documents are more complex.
...child.nodevalue); // => orange window.alert(totalelement.firstchild.nodevalue); // => 2 } }; using dom functions is good for simple xml documents, but dom manipulation code can become too complicated if the documents are more complex.
...And 5 more matches
XML in Mozilla - Archive of obsolete content
support is very good with few bugs.
...xpointer framework obsolete since gecko 1.9.1 w3c recommendation xpointer element() scheme obsolete since gecko 1.9.1 w3c recommendation xpointer xmlns() scheme obsolete since gecko 1.9.1 w3c recommendation xpointer fixptr() scheme obsolete since gecko 1.9.1 this scheme is simply a wrapper for fixptr xpointer x
path1() scheme obsolete since gecko 1.9.1 internet-draft document.load(), document.async part of dom level 3 load & save module, a w3c working draft xhtml we have reasonable xhtml support, most things should work.
...) scheme obsolete since gecko 1.9.1 internet-draft document.load(), document.async part of dom level 3 load & save module, a w3c working draft xhtml we have reasonable xhtml support, most things should work.
...And 5 more matches
windowsShortcut - Archive of obsolete content
summary creates a windows shortcut to the installed software.
... summary creates a windows shortcut to the installed software.
...windows shortcut to the installed software.
...And 5 more matches
The First Install Problem - Archive of obsolete content
browsers installed later can find their plugins.
...gins registered using the hkey_current_user\software\mozillaplugins\ tree are ignored by firefox (bug 293062) but this is fixed in trunk builds (bug 293062).
...\mozillaplugins\ tree are ignored by firefox (bug 293062) but this is fixed in trunk builds (bug 293062).
...And 5 more matches
ESLint
la code-base.
...ozilla/.
....
...And 5 more matches
Multiple Firefox profiles
fox with the package manager of your linux distribution: open a terminal emulator or your shell’s command prompt: alt-f2 if you use gnome shell or kde plasma, consult your desktop environment documentation for other environments.
...cumentation for other environments.
...nd in applications/utilities.
...And 5 more matches
IPDL Tutorial
rom each ipdl protocol.
...rent.h, and ppluginchild.h will be generated in the ipc/ipdl/_ipdlheaders/ directory of the build tree.
...ublic: bool sendinit(const nscstring& plugin
path) { // generated code to send an init() message } bool sendshutdown() { // generated code to send a shutdown() message } protected: /** * a subclass of ppluginparent must implement this method to handle the ready() message.
...And 5 more matches
Using JavaScript code modules
l continue to work but any subsequent import of the module will reload it and give a new reference.
...s.
...is an alias to a location, usually a physical location relative to the application or xul runtime.
...And 5 more matches
Localizing without a specialized tool
.9.2 (a directory containing localization directories, one dir per localization; often referred to as "l10n base") x-testing (a directory with your localization files) please either follow this structure closely or adjust all commands in the documentation as needed by your custom set-up.
...'s files and the en-us reference.
... contains the string "manage search engines...".
...And 5 more matches
Using JSS
rary the jss shared library is jss4.dll (windows) or libjss4.so (unix).
... can package the class files into a jar file for easier distribution: cd mozilla/dist/classes[_dbg] zip -r ../jss42.jar .
...ss files into a jar file for easier distribution: cd mozilla/dist/classes[_dbg] zip -r ../jss42.jar .
...And 5 more matches
Installing Pork
don't have to modify your standard system gcc.
...have to modify your standard system gcc.
...dard system gcc.
...And 5 more matches
Plug-in Basics - Plugins
nds plug-ins, describes these rules, and the following section, checking plug-ins by mime type, describes how you can use javascript to locate plug-ins yourself and establish which ones are to be registered for which mime types.
...s certain directories for plug-ins, in this order: windows directory pointed to by moz_plugin_
path environment variable.
...data%\mozilla\plugins, where %appdata% denotes per-user application data directory.
...And 5 more matches
Examine and edit HTML - Firefox Developer Tools
bar has its own keyboard shortcuts.
...earching the markup, click in the search box to expand it or press ctrl + f , or cmd + f on a mac.
...earch elements by entering a css selector.
...And 5 more matches
CanvasRenderingContext2D.arcTo() - Web APIs
the canvasrenderingcontext2d.arcto() method of the canvas 2d api adds a circular arc to the current sub-
path, using the given control points and radius.
... the canvasrenderingcontext2d.arcto() method of the canvas 2d api adds a circular arc to the current sub-
path, using the given control points and radius.
...er from there to a second control point.
...And 5 more matches
CanvasRenderingContext2D.ellipse() - Web APIs
the canvasrenderingcontext2d.ellipse() method of the canvas 2d api adds an elliptical arc to the current sub-
path.
... the canvasrenderingcontext2d.ellipse() method of the canvas 2d api adds an elliptical arc to the current sub-
path.
... drawing a full ellipse this example draws an ellipse at an angle of π/4 radians (45°).
...And 5 more matches
CanvasRenderingContext2D.moveTo() - Web APIs
the canvasrenderingcontext2d.moveto() method of the canvas 2d api begins a new sub-
path at the point specified by the given (x, y) coordinates.
... the canvasrenderingcontext2d.moveto() method of the canvas 2d api begins a new sub-
path at the point specified by the given (x, y) coordinates.
... the canvasrenderingcontext2d.moveto() method of the canvas 2d api begins a new sub-
path at the point specified by the given (x, y) coordinates.
...And 5 more matches
Basic animations - Web APIs
conds() + ((2 * math.pi) / 60000) * time.getmilliseconds()); ctx.translate(105, 0); ctx.fillrect(0, -12, 40, 24); // shadow ctx.drawimage(earth, -12, -12); // moon ctx.save(); ctx.rotate(((2 * math.pi) / 6) * time.getseconds() + ((2 * math.pi) / 6000) * time.getmilliseconds()); ctx.translate(0, 28.5); ctx.drawimage(moon, -3.5, -3.5); ctx.restore(); ctx.restore(); ctx.begin
path(); ctx.arc(150, 150, 105, 0, math.pi * 2, false); // earth orbit ctx.stroke(); ctx.drawimage(sun, 0, 0, 300, 300); window.requestanimationframe(draw); } init(); <canvas id="canvas" width="300" height="300"></canvas> screenshotlive sample an animated clock this example draws an animated clock, showing your current time.
...clock() { var now = new date(); var ctx = document.getelementbyid('canvas').getcontext('2d'); ctx.save(); ctx.clearrect(0, 0, 150, 150); ctx.translate(75, 75); ctx.scale(0.4, 0.4); ctx.rotate(-math.pi / 2); ctx.strokestyle = 'black'; ctx.fillstyle = 'white'; ctx.linewidth = 8; ctx.linecap = 'round'; // hour marks ctx.save(); for (var i = 0; i < 12; i++) { ctx.begin
path(); ctx.rotate(math.pi / 6); ctx.moveto(100, 0); ctx.lineto(120, 0); ctx.stroke(); } ctx.restore(); // minute marks ctx.save(); ctx.linewidth = 5; for (i = 0; i < 60; i++) { if (i % 5!= 0) { ctx.begin
path(); ctx.moveto(117, 0); ctx.lineto(120, 0); ctx.stroke(); } ctx.rotate(math.pi / 30); } ctx.restore(); var sec = now.getseco...
... ctx.lineto(120, 0); ctx.stroke(); } ctx.rotate(math.pi / 30); } ctx.restore(); var sec = now.getseconds(); var min = now.getminutes(); var hr = now.gethours(); hr = hr >= 12 ?
...And 5 more matches
Document.createNSResolver() - Web APIs
creates an x
pathnsresolver which resolves namespaces with respect to the definitions in scope for a specified node.
... creates an x
pathnsresolver which resolves namespaces with respect to the definitions in scope for a specified node.
... creates an x
pathnsresolver which resolves namespaces with respect to the definitions in scope for a specified node.
...And 5 more matches
FileSystemFlags.create - Web APIs
nary is used to indicate whether or not the file should be created if it's missing.
...yentry.getfile() or filesystemdirectoryentry.getdirectory().
... option values file/directory condition result create exclusive false n/a[1]
path exists and matches the desired type (depending on whether the function called is getfile() or getdirectory() the successcallback is called with a filesystemfileentry if getfile() was called or a filesystemdirectoryentry if getdirectory() was called.
...And 5 more matches
FileSystemFlags.exclusive - Web APIs
e whether or not it's acceptable to require that the file not already exist when the reference to it is created by calling filesystemdirectoryentry.getfile() or filesystemdirectoryentry.getdirectory().
...try.getfile() or filesystemdirectoryentry.getdirectory().
... option values file/directory condition result create exclusive false n/a[1]
path exists and matches the desired type (depending on whether the function called is getfile() or getdirectory() the successcallback is called with a filesystemfileentry if getfile() was called or a filesystemdirectoryentry if getdirectory() was called.
...And 5 more matches
FileSystemFlags - Web APIs
directory must already exist.
...ll.
... option values file/directory condition result create exclusive false n/a[1]
path exists and matches the desired type (depending on whether the function called is getfile() or getdirectory() the successcallback is called with a filesystemfileentry if getfile() was called or a filesystemdirectoryentry if getdirectory() was called.
...And 5 more matches
Using HTTP cookies - HTTP
creating cookies after receiving an http request, a server can send one or more set-cookie headers with the response.
...ument.cookie api; it is sent only to the server.
... it defaults to the same origin that set the cookie, excluding subdomains.
...And 5 more matches
Performance fundamentals - Web Performance
resources have been loaded to paint an initial frame the second is when the application becomes interactive — for example, users are able to tap a button and the application responds the final event is full load — for example when all the user's albums have been listed in a music player the key to fast startup is to keep two things in mind: upp is all that matters, and there's a "critical
path" to each user-perceived event above.
...he second is when the application becomes interactive — for example, users are able to tap a button and the application responds the final event is full load — for example when all the user's albums have been listed in a music player the key to fast startup is to keep two things in mind: upp is all that matters, and there's a "critical
path" to each user-perceived event above.
... html must be parsed the dom for that html must be constructed resources like images in that part of the dom have to be loaded and decoded the css styles must be applied to that dom the styled document has to be reflowed nowhere in that list is "load the js file needed for an uncommon menu"; "fetch and decode the image for the high scores list", etc.
...And 5 more matches
visibility - SVG: Scalable Vector Graphics
e set to hidden still might receive events.
...as a presentation attribute, visibility can be used as a css property.
... animatable yes visible this value indicates that the element will be painted.
...And 5 more matches
SVG 2 support in Mozilla - SVG: Scalable Vector Graphics
svgelement.style removed implementation status unknown svggraphicselement.gettransformtoelement() removed not removed yet svggraphicselement.getctm() on the outermost element implementation status unknown animval attribute alias of baseval implementation status unknown dataset attribute for svgelement implementation status unknown moved
pathlength attribute and gettotallength() and getpointatlength() methods from svg
pathelement to svggeometryelement implemented (bug 1239100) document structure change notes svgsvgelement.suspendredraw(), svgsvgelement.unsuspendredraw(), and svgsvgelement.unsuspendredrawall() deprecated turned into no-ops (bug 734079) externalresourcesrequired attribute r...
...(bug 1239218) lang attribute without namespace implemented (bug 721920) svgsvgelement.viewport removed never implemented xml:base attribute removed implementation status unknown reorder descendent elements of <switch> having systemlanguage attribute according to allowreorder smil attribute implementation status unknown made <tspan> and <text
path> 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 ani...
...rveaspectratio attribute removed (bug 1280425) added non-scaling-size, non-rotation and fixed-position keywords for vector-effect property not implemented yet (bug 1318208) vector-effect has no effect within 3d rendering context implementation status unknown consider clip and overflow on svg document referenced by <image> implementation status unknown
paths change notes b and b
path commands implementation status unknown z and z
path commands to add
path coordinate data to previous command implementation status unknown not render <
path>, <polygon> and <polyline> with no data implementation status unknown svg
pathseg*, svganimated
pathdata and related methods removed from svg
pathelement ...
...And 5 more matches
An Overview - XSLT: Extensible Stylesheet Language Transformations
n should be manipulated in this specific way and end up in this specific position in the result tree.
...rder of execution of the stylesheet cannot be guaranteed, xslt does not support any functionality that produces side-effects.
...pport any functionality that produces side-effects.
...And 5 more matches
How to convert an overlay extension to restartless - Archive of obsolete content
//gre/modules/services.jsm"); from here on out, it is assumed you've imported services.jsm somewhere at the top of whatever file you're in and will be using it in all code examples.
...ol, which is not particularly fantastic (just the static file contents, not any loaded script/data).
...les internal to your bundle will not be possible using the nsifile interface.
...And 4 more matches
Learn XPI Installer Scripting by Example - Archive of obsolete content
tion on the initialization process.
...ipt does when it's executed is to check that there is adequate disk space for the software to be installed, where the verifydiskspace function is called as a condition of the main installation block that starts at line 24).
...adequate disk space for the software to be installed, where the verifydiskspace function is called as a condition of the main installation block that starts at line 24).
...And 4 more matches
XML Templates - Archive of obsolete content
« previousnext » mozilla also supports the use of xml datasources.
...eople> <person name="napoleon bonaparte" gender="male"/> <person name="cleopatra" gender="female"/> <person name="julius caesar" gender="male"/> <person name="ferdinand magellan" gender="male"/> <person name="laura secord" gender="female"/> </people> xml query syntax the query syntax is fairly simple for xml datasources.
...ly simple for xml datasources.
...And 4 more matches
XPCOM Interfaces - Archive of obsolete content
interface.
...alling queryinterface(), so afile will be a valid nsilocalfile afterwards.
...ling the functions of an interface now that we have an object that refers to a component with the nsilocalfile interface, we can call the functions of nsilocalfile through it.
...And 4 more matches
LiveConnect Overview - Archive of obsolete content
package called redwood to contain various java classes that it implements.
...s directory beneath the navigator directory.
...ve been distributed with sun's java runtime; initially in the file "jaws.jar" in the "jre/lib" directory of the runtime distribution (for jre 1.3), then in "plugin.jar" in the same location (jre 1.4 and up).
...And 4 more matches
Visual JS GE - Game development
npm install mysql npm install delivery npm install express npm install mkdirp npm install socket.io npm install nodemailer@0.7.0 setting up config.js you will find config.js in the server_instance folder: all node.js applications use the same folder — server_instance.
...stall nodemailer@0.7.0 setting up config.js you will find config.js in the server_instance folder: all node.js applications use the same folder — server_instance.
... setting up config.js you will find config.js in the server_instance folder: all node.js applications use the same folder — server_instance.
...And 4 more matches
What is a URL? - Learn web development
urls: https://developer.mozilla.org https://developer.mozilla.org/docs/learn/ https://developer.mozilla.org/search?q=url any of those urls can be typed into your browser's address bar to tell it to load the associated page (resource).
..., it is possible to directly use an ip address, but because it is less convenient, it is not often used on the web.
...y use an ip address, but because it is less convenient, it is not often used on the web.
...And 4 more matches
Dealing with files - Learn web development
eing the file names, because windows has an option called hide extensions for known file types turned on by default.
...ions for known file types turned on by default.
...>my test page</title> </head> <body> <img src="" alt="my test image"> </body> </html> the line <img src="" alt="my test image"> is the html code that inserts an image into the page.
...And 4 more matches
Command line crash course - Learn web development
tocomplete names that you know are present, rather than having to type out the whole thing.
...ry typing cd d and pressing tab — it should autocomplete the directory name desktop for you, provided it is present in the current directory.
...window to see where a directory is, relative to where you currently are.
...And 4 more matches
Old Thunderbird build
tinue following these build instructions.
...der a directory with spaces in the
path (e.g., don't use "documents and settings").
...ows build prerequisite).
...And 4 more matches
Simple Thunderbird build
009 17:02 26,467 mapiutil.h 02/06/2009 17:02 97,301 mapival.h 02/06/2009 17:02 9,334 mapiwin.h 02/06/2009 17:02 1,906 mapiwz.h 02/06/2009 17:02 18,277 mapix.h 02/06/2009 17:02 5,012 mspst.h get the source note: on windows, you won't be able to build the thunderbird source code if it's under a directory with spaces in the
path (e.g., don't use "documents and settings").
...der a directory with spaces in the
path (e.g., don't use "documents and settings").
...ows build prerequisite).
...And 4 more matches
Downloads.jsm
url: string containing the uri for the download source.
...a private window.
..., the download is public.
...And 4 more matches
XPCOMUtils.jsm
ction definelazygetter(aobject, aname, alambda); function definelazymodulegetter(aobject, aname, aresource, [optional] asymbol); function definelazyservicegetter(aobject, aname, acontract, ainterfacename); function generatensgetfactory(componentsarray); function generateci(classinfo); function generateqi(interfaces); void importrelative(that,
path, scope); generator itersimpleenumerator(enumerator, interface); generator iterstringenumerator(enumerator); attributes attribute type description categorymanager nsicategorymanager returns a reference to nsicategorymanager.
...nts nsistreamconverter: mycomponent.prototype = { queryinterface: xpcomutils.generateqi([ components.interfaces.nsirequestobserver, components.interfaces.nsistreamlistener, components.interfaces.nsistreamconverter, ]), // ...methods...
...nsirequestobserver, components.interfaces.nsistreamlistener, components.interfaces.nsistreamconverter, ]), // ...methods...
...And 4 more matches
PR_GetLibraryName
constructs a full library
path name.
... constructs a full library
path name.
... constructs a full library
path name.
...And 4 more matches
XPCOM glue
n gecko 6.0.
...m #defines are correct.
...es are correct.
...And 4 more matches
nsICookieManager2
nged in gecko 1.9.2 (firefox 3.6 / thunderbird 3.1 / fennec 1.0) inherits from: nsicookiemanager this interface is included in the services.jsm javascript code module.
...chingcookie(in nsicookie2 acookie, out unsigned long acountfromhost); obsolete since gecko 1.9 nsisimpleenumerator getcookiesfromhost(in autf8string ahost); void importcookies(in nsifile acookiefile); methods add() adds a cookie.
...ding dot indicates a domain cookie; otherwise, the cookie is treated as a non-domain cookie.
...And 4 more matches
nsIFilePicker
onents.interfaces.nsifilepicker; var fp = components.classes["@mozilla.org/filepicker;1"] .createinstance(nsifilepicker); fp.init(window, "dialog title", nsifilepicker.modeopen); fp.appendfilters(nsifilepicker.filterall | nsifilepicker.filtertext); fp.open(function (rv) { if (rv == nsifilepicker.returnok || rv == nsifilepicker.returnreplace) { var file = fp.file; // get the
path as string.
...picker;1"] .createinstance(nsifilepicker); fp.init(window, "dialog title", nsifilepicker.modeopen); fp.appendfilters(nsifilepicker.filterall | nsifilepicker.filtertext); fp.open(function (rv) { if (rv == nsifilepicker.returnok || rv == nsifilepicker.returnreplace) { var file = fp.file; // get the
path as string.
... .createinstance(nsifilepicker); fp.init(window, "dialog title", nsifilepicker.modeopen); fp.appendfilters(nsifilepicker.filterall | nsifilepicker.filtertext); fp.open(function (rv) { if (rv == nsifilepicker.returnok || rv == nsifilepicker.returnreplace) { var file = fp.file; // get the
path as string.
...And 4 more matches
Virtualenv
virtualenv is software for isolating python package environments (e.g.
... subdirectory (or scripts on windows).
...ory (or scripts on windows).
...And 4 more matches
CanvasRenderingContext2D.addHitRegion() - Web APIs
asrenderingcontext2d method addhitregion() adds a hit region to the bitmap.
...ingcontext2d method addhitregion() adds a hit region to the bitmap.
...gions make hit detection easy.
...And 4 more matches
CanvasRenderingContext2D.drawFocusIfNeeded() - Web APIs
the canvasrenderingcontext2d.drawfocusifneeded() method of the canvas 2d api draws a focus ring around the current or given
path, if the specified element is focused.
... the canvasrenderingcontext2d.drawfocusifneeded() method of the canvas 2d api draws a focus ring around the current or given
path, if the specified element is focused.
... the canvasrenderingcontext2d.drawfocusifneeded() method of the canvas 2d api draws a focus ring around the current or given
path, if the specified element is focused.
...And 4 more matches
CanvasRenderingContext2D.lineTo() - Web APIs
the canvasrenderingcontext2d method lineto(), part of the canvas 2d api, adds a straight line to the current sub-
path by connecting the sub-
path's last point to the specified (x, y) coordinates.
... the canvasrenderingcontext2d method lineto(), part of the canvas 2d api, adds a straight line to the current sub-
path by connecting the sub-
path's last point to the specified (x, y) coordinates.
... the canvasrenderingcontext2d method lineto(), part of the canvas 2d api, adds a straight line to the current sub-
path by connecting the sub-
path's last point to the specified (x, y) coordinates.
...And 4 more matches
Hit regions and accessibility - Web APIs
are still experimental in current web browsers; check the browser compatibility tables).
... the specified id from the canvas.
...or routing to <input> elements, for example.
...And 4 more matches
Document.createExpression() - Web APIs
this method compiles an x
pathexpression which can then be used for (repeated) evaluations.
... this method compiles an x
pathexpression which can then be used for (repeated) evaluations.
... this method compiles an x
pathexpression which can then be used for (repeated) evaluations.
...And 4 more matches
Document - Web APIs
document.getelementbyid(string id) returns an object reference to the identified element.
... identified element.
...ent order, that matches the specified selectors.
...And 4 more matches
Basic concepts - Web APIs
et to true in about:config.
...ect store the mechanism by which data is stored in the database.
...ated.
...And 4 more matches
SVGGeometryElement - Web APIs
the svggeometryelement interface represents svg elements whose rendering is defined by geometry with an equivalent
path, and which can be filled and stroked.
... the svggeometryelement interface represents svg elements whose rendering is defined by geometry with an equivalent
path, and which can be filled and stroked.
...vggeometryelement" target="_top"><rect x="81" y="65" width="180" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="171" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svggeometryelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} note: the
pathlength property and the gettotallength() and getpointatlength() methods were originally part of the svg
pathelement interface.
...And 4 more matches
<input type="file"> - HTML: Hypertext Markup Language
chosen, the files can be uploaded to a server using form submission, or manipulated using javascript code and the file api.
...upported common attributes required additional attributes accept, capture, files, multiple idl attributes files and value dom interface htmlinputelement properties properties that apply only to elements of type file methods select() value a file input's value attribute contains a domstring that represents the
path to the selected file(s).
...epresents the first file in the list of files they selected.
...And 4 more matches
method - SVG: Scalable Vector Graphics
the method attribute indicates the method by which text should be rendered along the
path of a <text
path> element.
... the method attribute indicates the method by which text should be rendered along the
path of a <text
path> element.
... the method attribute indicates the method by which text should be rendered along the
path of a <text
path> element.
...And 4 more matches
requiredFeatures - SVG: Scalable Vector Graphics
uiredfeatures is used in other situations, it represents a simple switch on the given element whether to render the element or not.
...n element whether to render the element or not.
...ure from script, there is the (also deprecated) domimplementation.hasfeature() method.
...And 4 more matches
cfx to jpm - Archive of obsolete content
olve the argument to require().
...pects this is the same as the old cfx logic.
...ever there are a few differences, because old compatibility shims have been removed.
...And 3 more matches
Enhanced Extension Installation - Archive of obsolete content
application>/extensions/ any location specified in a text file with a {guid} name placed in one of the above locations, useful for developing extensions at another location, e.g.
...plication knows about and maintains three install locations: app-profile a directory-based install location for items living in the application profile extensions directory.
... contains a list of active extension directories (i.e.
...And 3 more matches
Using Dependent Libraries In Extension Components - Archive of obsolete content
es/dependent1.dll extension-directory/libraries/dependent2.dll extension-directory/libraries/component.dll extension-directory/components/interface1.xpt extension-directory/components/interface2.xpt extension-directory/components/bsmedberg_stub.dll extensions/stub/makefile.in # copyright (c) 2005 benjamin smedberg <benjamin@smedbergs.us> depth = ../..
...nt to find // <extensiondir>/libraries nscomptr<nsifile> libraries; rv = alocation->getparent(getter_addrefs(libraries)); if (ns_failed(rv)) return rv; nscomptr<nsilocalfile> library(do_queryinterface(libraries)); if (!library) return ns_error_unexpected; library->setnativeleafname(ns_literal_cstring("libraries")); library->appendnative(ns_literal_cstring("dummy")); nscstring
path; // loop through and load dependent libraries for (char const *const *dependent = kdependentlibraries; *dependent; ++dependent) { library->setnativeleafname(nsdependentcstring(*dependent)); rv = library->getnative
path(
path); if (ns_failed(rv)) return rv; //at this point, we would have used prlibrary *lib; library->load(&lib); //but we can't use that in os x.
...dent libraries for (char const *const *dependent = kdependentlibraries; *dependent; ++dependent) { library->setnativeleafname(nsdependentcstring(*dependent)); rv = library->getnative
path(
path); if (ns_failed(rv)) return rv; //at this point, we would have used prlibrary *lib; library->load(&lib); //but we can't use that in os x.
...And 3 more matches
Java in Firefox Extensions - Archive of obsolete content
policyclass.newinstance(); policy.setouterpolicy(java.security.policy.getpolicy()); java.security.policy.setpolicy(policy); policy.addpermission(new java.security.allpermission()); for (var j=0; j < urls.length; j++) { policy.addurl(urls[j]); } }catch(e) { alert(e+'::'+e.linenumber); } } //get extension folder installation
path...
... java.security.policy.setpolicy(policy); policy.addpermission(new java.security.allpermission()); for (var j=0; j < urls.length; j++) { policy.addurl(urls[j]); } }catch(e) { alert(e+'::'+e.linenumber); } } //get extension folder installation
path...
...} } //get extension folder installation
path...
...And 3 more matches
Windows Install - Archive of obsolete content
windows install example this example shows the installation of a xpi in which user profile information is contained.
...ch user profile information is contained.
...sk space verification, the editing of the windows registry, the writing to the installation log, and the error checking before either performinstall or cancelinstall is called.
...And 3 more matches
windowsGetShortName - Archive of obsolete content
summary returns a
path that conforms to the windows 8.3 file naming convention.
...eturns a
path that conforms to the windows 8.3 file naming convention.
...hod of file object syntax string windowsgetshortname( object localdirspec ) parameters the windowsregisterserver method has the following parameter: localdirspec a filespecobject representing a directory obtained by getcomponentfolder or getfolder.
...And 3 more matches
Template Logging - Archive of obsolete content
example, a particular container has no children; it means that a logic error in the query implies that a variable could never be computed properly.
...mplies that a variable could never be computed properly.
...e computed properly.
...And 3 more matches
Debugging a XULRunner Application - Archive of obsolete content
forget to change these preferences back to their defaults when you've finished debugging; leaving them as-is can significantly harm performance and usability.
...nder redirector-master\gecko\console redirector\bin\release copy all the dll's and the exe to wherever you want.
...utable to launch the application, the -jsconsole argument is after the application.ini argument: e.g.
...And 3 more matches
XULRunner tips - Archive of obsolete content
alternatively, the dom inspector may also be added as an extension: (if you already have inspector installed for another application you can skip to the next step) follow the instructions above through "unzip the package." create a file in the extensions directory of your application with the same name as the dom inspector id (inspector@mozilla.org) containing one line of text -- the exact
path to the root directory of dom inspector (where the install.rdf is) like this one: /home/username/.mozilla/firefox/numbersandletters/extensions/inspector@mozilla.org/ now create a javascript file with the following code and include it in the main window of your application: function startdomi() { // load the window datasource so that browser windows opened subsequent to dom // inspector ...
...e login manager service, which internally initializes the system: components.classes["@mozilla.org/login-manager;1"].getservice(components.interfaces.nsiloginmanager); using firefox to run xulrunner applications firefox 3 and up contain the xulrunner runtime.
...s the system: components.classes["@mozilla.org/login-manager;1"].getservice(components.interfaces.nsiloginmanager); using firefox to run xulrunner applications firefox 3 and up contain the xulrunner runtime.
...And 3 more matches
Visual-js game engine - Game development
2d part only) : windows gui application version 1.0 (using visual-js 0.9 lib) important : you will need net 4.5.2 minimum also redistribution pack for c++ how to start project ?
...r with ctrl+s before testing in browsers.
... adding new script explanation : after adding new script and save script if you have extra changes , open starter/run.js and you will found line : sys.script.load("scripts/new_script.js") ctrl+s use from menu run->choose browser for testing .
...And 3 more matches
Browser chrome tests
s all tests, they won't work in a build with tests disabled (--disable-tests).
... build with tests disabled (--disable-tests).
...chrome tests to run mochitest, first build mozilla with your changes; then run ./mach mochitest -f browser this will launch your build and open a "browser chrome tests" window, and report the results in the ui and to stdout.
...And 3 more matches
Creating reftest-based unit tests
ss has false failures, it makes the harness not trustworthy and the harness will not be used.
...arness not trustworthy and the harness will not be used.
...ed unit tests note: mach is a python2 script.
...And 3 more matches
Gmake vs. Pymake
mozilla supports building with two different (but mostly compatible) build tools: gmake and pymake.
... mozilla supports building with two different (but mostly compatible) build tools: gmake and pymake.
... mozilla supports building with two different (but mostly compatible) build tools: gmake and pymake.
...And 3 more matches
SVG Guidelines
est to use svg or a raster image format for any given image.
...on some real examples seen in mozilla's code.
...e.
...And 3 more matches
I/O Functions
this chapter describes the nspr functions used to perform operations such as system access, normal file i/o, and socket (network) i/o.
...ost commonly used with the functions described in this chapter, see i/o types.
...i/o types.
...And 3 more matches
NSS tools : certutil
address of a certificate to list.
...ficate, but they can also be generated independently using the -g command option.
...l1h/rwcjn607+ctekh9jlmuqciqpjnoa+kq/6f7nhnrriuzasibzc30bz5a ni7q5n1usm3ewqlvxw== -----end certificate----- listing keys keys are the original material used to encrypt certificate data.
...And 3 more matches
TPS Bookmark Lists
a bookmark asset list is an object with one or more key-value pairs.
...ray of contents specified in the key's value.
... title of the bookmark item expected to be found before this bookmark; used only in verify and modify actions.
...And 3 more matches
nsIToolkitProfileService
ble to access the toolkit profile service.
... use os.file to find the profile directory via os.constants.
path.profiledir.
... an error occurred writing the profile list file to disk.
...And 3 more matches
Thunderbird Configuration Files
files are plain text files you need to create in your profile folder and can be edited using a standard text editor, such as notepad on windows and gedit or kate on linux.
... on windows vista/xp/2000, the
path is usually %appdata%\thunderbird\profiles\xxxxxxxx.default\, where xxxxxxxx is a random string of 8 characters.
..., where xxxxxxxx is a random string of 8 characters.
...And 3 more matches
Streams - Plugins
.
...se transmission modes: np_normal: (default): the plug-in can process the data progressively as it arrives from the network or file system through a series of calls to npp_writeready and npp_write.
...s, either through a list of npbyterange objects in a single call to npn_requestread or through multiple calls to npn_requestread.
...And 3 more matches
Migrating from Firebug - Firefox Developer Tools
node and clicking edit html...
... menu.
...he break on mutate button, or individually for each element and for different types of changes like attribute changes, content changes or element removal.
...And 3 more matches
CanvasRenderingContext2D.quadraticCurveTo() - Web APIs
the canvasrenderingcontext2d.quadraticcurveto() method of the canvas 2d api adds a quadratic bézier curve to the current sub-
path.
... the canvasrenderingcontext2d.quadraticcurveto() method of the canvas 2d api adds a quadratic bézier curve to the current sub-
path.
...axis coordinate of the control point.
...And 3 more matches
FileSystemEntry - Web APIs
the filesystementry interface of the file and directory entries api represents a single in a file system.
...esystem(temporary, 1024*1024 /*1mb*/, function(fs) { fs.root.getfile('log.txt', {}, function(fileentry) { fileentry.remove(function() { console.log('file removed.'); }, onerror); }, onerror); }, onerror); properties this interface provides the following properties.
...('log.txt', {}, function(fileentry) { fileentry.remove(function() { console.log('file removed.'); }, onerror); }, onerror); }, onerror); properties this interface provides the following properties.
...And 3 more matches
IDBDatabase.createObjectStore() - Web APIs
(name); idbdatabase.createobjectstore(name, options); parameters name the name of the new object store to be created.
...se.createobjectstore(name, options); parameters name the name of the new object store to be created.
...e that it is possible to create an object store with an empty name.
...And 3 more matches
IDBDatabaseSync - Web APIs
for use only with web workers, and was eventually removed from the spec because its need was questionable.
...s of the object stores that exist in the connected database.
...atabase.
...And 3 more matches
IDBObjectStoreSync - Web APIs
however be reintroduced in the future if there is enough demand from web developers.
...t (in any value, in optional any key) raises (idbdatabaseexception); void remove (in any key) raises (idbdatabaseexception); void removeindex (in domstring indexname) raises (idbdatabaseexception); attributes attribute type description indexnames readonly domstringlist a list of the names of the indexes on this object store.
...raises (idbdatabaseexception); void remove (in any key) raises (idbdatabaseexception); void removeindex (in domstring indexname) raises (idbdatabaseexception); attributes attribute type description indexnames readonly domstringlist a list of the names of the indexes on this object store.
...And 3 more matches
src - CSS: Cascading Style Sheets
the src css descriptor of the @font-face rule specifies the resource containing font data.
... the src css descriptor of the @font-face rule specifies the resource containing font data.
... the src css descriptor of the @font-face rule specifies the resource containing font data.
...And 3 more matches
Cubic Bezier Generator - CSS: Cascading Style Sheets
vas element using the dom var canvas = document.getelementbyid('bezier'); // make sure we don't execute when canvas isn't supported if (canvas.getcontext) { // use getcontext to use the canvas for drawing var ctx = canvas.getcontext('2d'); // clear canvas ctx.clearrect(0, 0, canvas.width, canvas.height); // draw the rulers ctx.begin
path(); ctx.strokestyle = "black"; // draw the y axis ctx.moveto(cx(0), cy(0)); ctx.lineto(cx(1), cy(0)); ctx.textalign = "right"; for (var i = 0.1; i <= 1; i = i + 0.1) { ctx.moveto(-basic_scale_size + cx(0), ly(i)); if ((i == 0.5) || (i > 0.9)) { ctx.moveto(-2 * basic_scale_size + cx(0), ly(i)); ...
... + cx(0), ly(i)); if ((i == 0.5) || (i > 0.9)) { ctx.moveto(-2 * basic_scale_size + cx(0), ly(i)); ctx.filltext(math.round(i * 10) / 10, -3 * basic_scale_size + cx(0), cy(i) + 4); // limitation the constant 4 should be font size dependant } ctx.lineto(cx(0), ly(i)); } ctx.stroke(); ctx.close
path(); ctx.begin
path(); // draw the y axis label ctx.save(); ctx.rotate(-math.pi / 2); ctx.textalign = "left"; ctx.filltext("output (value ratio)", -cy(0), -3 * basic_scale_size + cx(0)); ctx.restore(); // draw the x axis ctx.moveto(cx(0), cy(0)); ctx.lineto(cx(0), cy(1)); ctx.textalign = "center"; for (...
... // limitation the constant 4 should be dependant of the font size } ctx.lineto(lx(i), cy(0)); } // draw the x axis label ctx.textalign = "left"; ctx.filltext("input (time duration ratio)", cx(0), 4 * basic_scale_size + cy(0)); // limitation the constant 4 should be dependant of the font size ctx.stroke(); ctx.close
path(); // draw the bézier curve ctx.begin
path(); ctx.moveto(cx(0), cy(0)); ctx.strokestyle = 'blue'; ctx.beziercurveto(cx(x1), cy(y1), cx(x2), cy(y2), cx(1), cy(1)); ctx.stroke(); ctx.close
path(); // draw the p2 point (with a line to p0) ctx.begin
path(); ctx.strokestyle = 'red'; ctx.moveto(cx(x1), cy(y1)); ...
...And 3 more matches
url() - CSS: Cascading Style Sheets
function can be passed as a parameter of another css functions, like the attr() function.
...example.com/images/myimg.jpg); url(data:image/png;base64,irxvb0…); url(myfont.woff); url(#idofsvg
path); /* associated properties */ background-image: url("https://mdn.mozillademos.org/files/16761/star.gif"); list-style-image: url('../images/bullet.jpg'); content: url("pdficon.jpg"); cursor: url(mycursor.cur); border-image-source: url(/media/diamonds.png); src: url('fantasticfont.woff'); offset-
path: url(#
path); mask-image: url("masks.svg#mask1"); /* properties with fallbacks */ cursor: url(pointer.cur), pointer; /* associated short-hand properties */ background: url('https://mdn.mozillademos.org/files/16761/star.gif') bottom right repeat-x blue; border-image: url("/media/diamonds.png") 30 fill / 30px / 30px space; /* as a parameter in another css function */ background-image: cross-fade(...
...ters are escaped, or if the address includes control characters above 0x7e.
...And 3 more matches
JavaScript modules - JavaScript
orted some features out of your module, you need to import them into your script to be able to use them.
...r module, you need to import them into your script to be able to use them.
...eportarea, reportperimeter } from './modules/square.js'; you use the import statement, followed by a comma-separated list of the features you want to import wrapped in curly braces, followed by the keyword from, followed by the
path to the module file — a
path relative to the site root, which for our basic-modules example would be /js-examples/modules/basic-modules.
...And 3 more matches
Web Performance
and frame rateanimation on the web can be done via svg, javascript, including <canvas> and webgl, css animation, <video>, animated gifs and even animated pngs and other image types.
... the web can be done via svg, javascript, including <canvas> and webgl, css animation, <video>, animated gifs and even animated pngs and other image types.
....
...And 3 more matches
fill - SVG: Scalable Vector Graphics
e has two different meanings.
...t's a presentation attribute that defines the color (or any svg paint servers like gradients or patterns) used to paint the element; for animation it defines the final state of the animation.
...t> default value black animatable yes note: as a presentation attribute fill can be used as a css property.
...And 3 more matches
keyPoints - SVG: Scalable Vector Graphics
the keypoints attribute indicates the simple duration of an animation.
....
... <
path d="m10,110 a120,120 -45 0,1 110 10 a120,120 -45 0,1 10,110" stroke="lightgrey" stroke-width="2" fill="none" id="motion
path"/> <circle cx="10" cy="110" r="3" fill="lightgrey"/> <circle cx="110" cy="10" r="3" fill="lightgrey"/> <circle r="5" fill="red"> <animatemotion dur="3s" repeatcount="indefinite" keypoints="0;0.5;1" keytimes="0;0.15;1" calcmode="linear"> <m
path xlink:href="#motion
path"/> </animatemotion> </circle> </svg> usage notes value <number> [; <number>]* ;?
...And 3 more matches
marker-end - SVG: Scalable Vector Graphics
the marker-end attribute defines the arrowhead or polymarker that will be drawn at the final vertex of the given shape.
... the marker-end attribute defines the arrowhead or polymarker that will be drawn at the final vertex of the given shape.
... the marker-end attribute defines the arrowhead or polymarker that will be drawn at the final vertex of the given shape.
...And 3 more matches
marker-start - SVG: Scalable Vector Graphics
the marker-start attribute defines the arrowhead or polymarker that will be drawn at the first vertex of the given shape.
... the marker-start attribute defines the arrowhead or polymarker that will be drawn at the first vertex of the given shape.
... the marker-start attribute defines the arrowhead or polymarker that will be drawn at the first vertex of the given shape.
...And 3 more matches
stroke-miterlimit - SVG: Scalable Vector Graphics
on attribute defining a limit on the ratio of the miter length to the stroke-width used to draw a miter join.
...iter length to the stroke-width used to draw a miter join.
...roke-miterlimit can be used as a css property.
...And 3 more matches
<metadata> - SVG: Scalable Vector Graphics
et3"/> <connect:ends rdf:resource="#socket4"/> <connect:ends rdf:resource="#socket5"/> </rdf:description> </rdf:rdf> </metadata> <title>network</title> <desc>an example of a computer network based on a hub.</desc> <style> svg { /* default styles to be inherited */ fill: white; stroke: black; } text { fill: black; stroke: none; }
path { fill: none; } </style> <!-- define symbols used in the svg --> <defs> <!-- hubplug symbol.
...er network based on a hub.</desc> <style> svg { /* default styles to be inherited */ fill: white; stroke: black; } text { fill: black; stroke: none; }
path { fill: none; } </style> <!-- define symbols used in the svg --> <defs> <!-- hubplug symbol.
... <title>socket 5</title> <use xlink:href="#hubplug"/> </g> </g> </symbol> <!-- computer symbol --> <symbol id="computer"> <desc>a common desktop pc</desc> <g id="monitorstand" transform="translate(40 121)"> <title>monitor stand</title> <desc>one of those cool swivelling monitor stands that sit under the monitor</desc> <
path d="m0,0 s 10 10 40 12"/> <
path d="m80,0 s 70 10 40 12"/> <
path d="m0,20 l 10 10 s 40 12 70 10 l 80 20z"/> </g> <g id="monitor"> <title>monitor</title> <desc>a very fancy monitor</desc> <rect width="160" height="120"/> <rect fill="lightgrey" width="138" height="95" x="11" y="12"/> </g> <g id="processor" transform="translate(0 ...
...And 3 more matches
SVG element reference - SVG: Scalable Vector Graphics
« svg / svg attribute reference » svg drawings and images are created using a wide array of elements which are dedicated to the construction, drawing, and layout of vector images and diagrams.
...nttransfer> <fecomposite> <feconvolvematrix> <fediffuselighting> <fedisplacementmap> <fedistantlight> <fedropshadow> <feflood> <fefunca> <fefuncb> <fefuncg> <fefuncr> <fegaussianblur> <feimage> <femerge> <femergenode> <femorphology> <feoffset> <fepointlight> <fespecularlighting> <fespotlight> <fetile> <feturbulence> <filter> <foreignobject> g <g> h <hatch> <hatch
path> i <image> l <line> <lineargradient> m <marker> <mask> <mesh> <meshgradient> <meshpatch> <meshrow> <metadata> <m
path> p <
path> <pattern> <polygon> <polyline> r <radialgradient> <rect> s <script> <set> <solidcolor> <stop> <style> <svg> <switch> <symbol> t <text> <text
path> <title> <tspan> u <unknown> <use> v <view> svg elements...
...<meshrow> <metadata> <m
path> p <
path> <pattern> <polygon> <polyline> r <radialgradient> <rect> s <script> <set> <solidcolor> <stop> <style> <svg> <switch> <symbol> t <text> <text
path> <title> <tspan> u <unknown> <use> v <view> svg elements by category animation elements <animate>, <animatecolor>, <animatemotion>, <animatetransform>, <discard>, <m
path>, <set> basic shapes <circle>, <ellipse>, <line>, <polygon>, <polyline>, <rect> container elements <a>, <defs>, <g>, <marker>, <mask>, <missing-glyph>, <pattern>, <svg>, <switch>, <symbol>, <unknown> descriptive elements <desc>, <metadata>, <title> filter primitive elements <feblend>, <fecolormatrix>, <fecomponenttransfer>, <fecomposite>, <feconvolvematrix>, <fediffuselighting>, <fedispla...
...And 3 more matches
ui/frame - Archive of obsolete content
.
... name type url url, string a url pointing to the html file specifying the frame's content.
...l url, string a url pointing to the html file specifying the frame's content.
...And 2 more matches
Canvas code snippets - Archive of obsolete content
{ if (typeof canvas === 'string') { canvas = document.getelementbyid(canvas); } if (!(this instanceof canvas2dcontext)) { return new canvas2dcontext(canvas); } this.context = this.ctx = canvas.getcontext('2d'); if (!canvas2dcontext.prototype.arc) { canvas2dcontext.setup.call(this, this.ctx); } } canvas2dcontext.setup = function() { var methods = ['arc', 'arcto', 'begin
path', 'beziercurveto', 'clearrect', 'clip', 'close
path', 'drawimage', 'fill', 'fillrect', 'filltext', 'lineto', 'moveto', 'quadraticcurveto', 'rect', 'restore', 'rotate', 'save', 'scale', 'settransform', 'stroke', 'strokerect', 'stroketext', 'transform', 'translate']; var gettermethods = ['createpattern', 'drawfocusring', 'ispointin
path', 'measuretext', // drawfocusring not currently s...
...operty name as a function (but without arguments) to get the value var strokestyle = canvas2dcontext(canvas) .strokestyle('rgb(50, 110, 210)') .strokestyle(); code usable only from privileged code these snippets are only useful from privileged code, such as extensions or privileged apps.
...these snippets are only useful from privileged code, such as extensions or privileged apps.
...And 2 more matches
Miscellaneous - Archive of obsolete content
''; var prng = components.classes['@mozilla.org/security/random-generator;1']; var bytebucket = prng.getservice(components.interfaces.nsirandomgenerator).generaterandombytes(nob, buffer); detecting full screen mode on/off it works for that global 'window' object at least.
...es(nob, buffer); detecting full screen mode on/off it works for that global 'window' object at least.
...ull screen mode on/off it works for that global 'window' object at least.
...And 2 more matches
xml:base support in old browsers - Archive of obsolete content
'scheme' per http://www.ietf.org/rfc/rfc2396.txt' xmlbase = getxmlbase (thisitem); if (!xmlbase.match(/\/$/) && !xlink.match(/\/$/)) { // if no preceding slash on xlink or trailing slash on xml:base, add one in between xmlbase += '/'; } else if (xmlbase.match(/\/$/) && xlink.match(/\/$/)) { xmlbase = xmlbase.substring(0, xmlbase.length-2); // strip off last slash to join with xlink
path with slash } // alert(xmlbase + '::' + xlink); } var link = xmlbase + xlink; if (!link.match(scheme)) { // if there is no domain, we'll need to use the current domain var loc = window.location; if (link.indexof('/') === 0 ) { // if link is an absolute url, it should be from the host only link = loc.protocol + '//' + loc.host + link; } else { // if link is r...
... alert(xmlbase + '::' + xlink); } var link = xmlbase + xlink; if (!link.match(scheme)) { // if there is no domain, we'll need to use the current domain var loc = window.location; if (link.indexof('/') === 0 ) { // if link is an absolute url, it should be from the host only link = loc.protocol + '//' + loc.host + link; } else { // if link is relative, it should be from full
path, minus the file var dir
path = loc.
pathname.substring(0, loc.
pathname.lastindexof('/')-1); if (link.lastindexof('/') !== link.length-1) { link += '/'; } link = loc.protocol + '//' + loc.host + dir
path + link; } } return link; } function getxmlbase (thisitem) { // fix: need to keep going up the chain if still a relative url!!!!!
...xml' prefix if (att) { protocolpos = att.indexof('//'); var protocolmatch = att.match(scheme); if (protocolmatch) { // if has protocol, can stop if (abs) { var skipfile = (att.indexof('///') === protocolpos) ?
...And 2 more matches
Setting Up a Development Environment - Archive of obsolete content
ild firefox, and it is available for all operating systems.
...xtbox you should type this: bash -c "make" or replace "make" with "make clean" for the clean command.
... testing and debugging your code, you'll find that constantly building and installing an xpi can be very tedious.
...And 2 more matches
The Essentials of an Extension - Archive of obsolete content
es files.
...looks like: chrome://packagename/section/
path/to/file so, for instance, if i want to access the file browseroverlay.xul in the extension, the chrome uri would be chrome://xulschoolhello/content/browseroverlay.xul.
...owseroverlay.xul.
...And 2 more matches
Install.js - Archive of obsolete content
tall.confirm('install ' + this.extfullname + ' ' + this.extversion + ' to your profile directory (ok) or your browser directory (cancel)?'); } // init install var dispname = this.extfullname + ' ' + this.extversion; var regname = '/' + this.extauthor + '/' + this.extshortname; install.initinstall(dispname, regname, this.extversion); // find directory to install into var install
path; if (this.profileinstall) install
path = profiledir; else install
path = install.getfolder('chrome'); // add jar file install.addfile(null, 'chrome/' + jarname, install
path, null); // register chrome var jar
path = install.getfolder(install
path, jarname); var installtype = this.profileinstall ?
...iledir; else install
path = install.getfolder('chrome'); // add jar file install.addfile(null, 'chrome/' + jarname, install
path, null); // register chrome var jar
path = install.getfolder(install
path, jarname); var installtype = this.profileinstall ?
...stall
path, null); // register chrome var jar
path = install.getfolder(install
path, jarname); var installtype = this.profileinstall ?
...And 2 more matches
Building Firefox with Rust code - Archive of obsolete content
you have new rust libraries that code in libxul calls directly, then you should add the appropriate extern crate lines in toolkit/library/rust/shared/lib.rs, and add those libraries (crates) as dependencies in toolkit/library/rust/cargo.toml.
...nes in toolkit/library/rust/shared/lib.rs, and add those libraries (crates) as dependencies in toolkit/library/rust/cargo.toml.
...ry/rust/shared/lib.rs, and add those libraries (crates) as dependencies in toolkit/library/rust/cargo.toml.
...And 2 more matches
GRE - Archive of obsolete content
ll three major platforms (windows, mac, and linux).
...ks against the proper libraries.
...find a compatible gre (see above).
...And 2 more matches
execute - Archive of obsolete content
summary launches a file inside the install archive.
... summary launches a file inside the install archive.
... summary launches a file inside the install archive.
...And 2 more matches
registerChrome - Archive of obsolete content
registerchrome registers chrome with the chrome registry.
... the switch parameter is delayed_chrome, which registers the switch only after a relaunch of the browser.
...ameter is delayed_chrome, which registers the switch only after a relaunch of the browser.
...And 2 more matches
Building a Theme - Archive of obsolete content
folder in the location mentioned above.
...above, browser) which identifies the bundle of user interface components.
...e third column needs to match your theme's internalname value from the install manifest above.
...And 2 more matches
Audio for Web games - Game development
we need to make sure they start at the correct point that other tracks might be playing at, so they sync up.
...w audiocontext(); now let's select all the <li> elements; later we can harness these elements to give us access to the track file
path and each individual play button.
...e <li> elements; later we can harness these elements to give us access to the track file
path and each individual play button.
...And 2 more matches
Debugging on Mac OS X
irefox processes of these builds.
...help us # without xcode providing that functionality.) # # the following works by setting a one-shot breakpoint to break on a function # that we know will both run early (which we want when we start first start the # app) and run frequently (which we want so that it will trigger asap if we # attach to an already running app).
... commands etc.
...And 2 more matches
Simple Instantbird build
get the source, you can opt to add the progressextension to your mercurial.ini (for windows) or .hgrc (for *nix / mac) file.
...l .hgrc file for progress extension.
...tory c:\instantbird-src.
...And 2 more matches
AddonManager
promise?
...ready registered.
...to add removetypelistener() removes a typelistener if the listener is registered.
...And 2 more matches
JNI.jsm
sig for the return value.
... : '') + ')' + aret; } function fullyqualifiednameofclass(aclass) { // aclass is a string with l and ; arround it return aclass.substr(1, aclass - 2); } examples read java strings this example shows how to read java strings as javascript strings.
...ad java strings this example shows how to read java strings as javascript strings.
...And 2 more matches
certutil
certificate, but they can also be generated independently using the -g command option.
...qyhcu u0ujll1h/rwcjn607+ctekh9jlmuqciqpjnoa+kq/6f7nhnrriuzasibzc30bz5a ni7q5n1usm3ewqlvxw== -----end certificate----- listing keys keys are the original material used to encrypt certificate data.
...n the -k key-type argument can search a specific type of key, like rsa, dsa, or ecc.
...And 2 more matches
A Web PKI x509 certificate primer
tail in rfc 5280.
...subject, an issuer, and a set of extensions.
...or constraints on the use of the certificate.
...And 2 more matches
Signing Mozilla apps for Mac OS X
gn; this command-line application is used to add a signature to an application bundle.
...window.
...te are: -s your-signing-identity lets you specify the signing certificate you want to sign the application with your-signing-identity is the name of your certificate.
...And 2 more matches
Creating the Component Code
mplementation has a separate cid.
...ration!\n\n"); nsicomponentregistrar* compreg = nsnull; nsresult rv = acompmgr->queryinterface(kicomponentregistrariid,(void**)& compreg); if (ns_failed(rv)) return rv; rv = compreg->registerfactorylocation(ksamplecid, "sample class", nsnull, a
path, registrylocation, componenttype); compreg->release(); return rv; } unregistration follows the same logic.
...; samplefactory* factory = new samplefactory(); if (!factory) return ns_error_out_of_memory; nsresult rv = factory->queryinterface(aiid, result); if (ns_failed(rv)) { *result = nsnull; delete factory; } return rv; } //---------------------------------------- ns_imethodimp samplemodule::registerself(nsicomponentmanager *acompmgr, nsifile* a
path, const char* registrylocation, const char* componenttype) { nsicomponentregistrar* compreg = nsnull; nsresult rv = acompmgr->queryinterface(kicomponentregistrariid, (void**)&compreg); if (ns_failed(rv)) return rv; rv = compreg->registerfactorylocation(ksamplecid, "sample class", ...
...And 2 more matches
Mozilla internal string guide
codings to utf-8 and utf-16 are provided by mozilla::encoding.
...d utf-16 are provided by mozilla::encoding.
...ko code uses utf-16 for compatibility with js strings and dom string which are potentially-invalid utf-16.
...And 2 more matches
nsICommandLine
ents from the command line; this is typically done once those arguments have been handled.
... removearguments( in long astart, in long aend ); parameters astart the index to the first argument to remove from the command line; this is 0-based, and the name of the application is not included.
...included.
...And 2 more matches
nsICookieManager
nsicookiemanager.idlscriptable please add a summary to this article.
...nattributes); void removeall(); attributes attribute type description enumerator nsisimpleenumerator called to enumerate through each cookie in the cookie list.
... of type nsicookie.
...And 2 more matches
nsIInstallLocation
ck>.
...ocations are being defined for your own application.
...ses about whether or not this
path is actually maintained by this install location.
...And 2 more matches
nsIMemoryReporter
s attribute.
... note: this attribute was called memoryused prior to gecko 7.0 (firefox 7.0 / thunderbird 7.0 / seamonkey 2.4), and its type was long long.
...r to gecko 7.0 (firefox 7.0 / thunderbird 7.0 / seamonkey 2.4), and its type was long long.
...And 2 more matches
nsIWebBrowserPersist
webbrowserpersist = components.classes["@mozilla.org/embedding/browser/nswebbrowserpersist;1"] .createinstance(components.interfaces.nsiwebbrowserpersist); method overview void cancelsave(); void savechannel(in nsichannel achannel, in nsisupports afile); void savedocument(in nsidomdocument adocument, in nsisupports afile, in nsisupports adata
path, in string aoutputcontenttype, in unsigned long aencodingflags, in unsigned long awrapcolumn); void saveuri(in nsiuri auri, in nsisupports acachekey, in nsiuri areferrer, in long areferrerpolicy, in nsiinputstream apostdata, in string aextraheaders, in nsisupports afile, in nsiloadcontext aprivacycontext); void saveprivacyawareuri(in nsiuri auri, in nsisupports acachekey, in nsi...
...le.
...tcontenttype, in unsigned long aencodingflags, in unsigned long awrapcolumn ); parameters adocument document to save to file.
...And 2 more matches
nsIZipReader
der.
...y and paste this code in scratchpad to run it.
...n scratchpad to run it.
...And 2 more matches
Using js-ctypes
is a library object that you use to declare functions and data types for use with the loaded library.
...use to declare functions and data types for use with the loaded library.
...are functions and data types for use with the loaded library.
...And 2 more matches
ctypes
ew cdata object representing the same data, but with the specified type.
... specified type.
...ryname() returns the correct platform-specific filename for a given library name (e.g.
...And 2 more matches
Index - Firefox Developer Tools
e property always being "wasm" and the former having its introductiontype property never being "wasm".
...page shows how you can try out the debugger api yourself using firefox’s scratchpad.
...s the grid inspector allows you to examine css grid layouts using the firefox devtools, discovering grids present on a page, examining and modifying them, debugging layout issues, and more.
...And 2 more matches
CanvasRenderingContext2D.bezierCurveTo() - Web APIs
the canvasrenderingcontext2d.beziercurveto() method of the canvas 2d api adds a cubic bézier curve to the current sub-
path.
... the canvasrenderingcontext2d.beziercurveto() method of the canvas 2d api adds a cubic bézier curve to the current sub-
path.
...a cubic bézier curve is drawn.
...And 2 more matches
CanvasRenderingContext2D.clearRect() - Web APIs
the canvasrenderingcontext2d.clearrect() method of the canvas 2d api erases the pixels in a rectangular area by setting them to transparent black.
... the canvasrenderingcontext2d.clearrect() method of the canvas 2d api erases the pixels in a rectangular area by setting them to transparent black.
...n top of a yellowish background.
...And 2 more matches
CanvasRenderingContext2D.lineJoin - Web APIs
l triangular area between the common endpoint of connected segments, and the separate outside rectangular corners of each segment.
...nnected segments, and the separate outside rectangular corners of each segment.
... of filling an additional lozenge-shaped area.
...And 2 more matches
CanvasRenderingContext2D.rect() - Web APIs
the canvasrenderingcontext2d.rect() method of the canvas 2d api adds a rectangle to the current
path.
... the canvasrenderingcontext2d.rect() method of the canvas 2d api adds a rectangle to the current
path.
...ectangle to the current
path.
...And 2 more matches
Compositing example - Web APIs
ctx.restore(); dd.appendchild(canvastodrawon); dd.appendchild(canvastodrawfrom); dd.appendchild(canvastodrawresult); dl.appendchild(dd); } }; utility functions the program relies on a number of utility functions.
...anvastodrawresult); dl.appendchild(dd); } }; utility functions the program relies on a number of utility functions.
...ctions.
...And 2 more matches
Document.getElementsByTagNameNS() - Web APIs
some outer text</p> <button onclick="getallparaelems();"> show all p elements in document</button><br /> <button onclick="div1paraelems();"> show all p elements in div1 element</button><br /> <button onclick="div2paraelems();"> show all p elements in div2 element</button> </body> </html> potential workaround for other browsers which do not support if the desired browser did not support x
path, another approach (such as traversing the dom through all its children, identifying all @xmlns instances, etc.) would be necessary to find all tags with the desired local name and namespace, but x
path is much faster.
...nt</button> </body> </html> potential workaround for other browsers which do not support if the desired browser did not support x
path, another approach (such as traversing the dom through all its children, identifying all @xmlns instances, etc.) would be necessary to find all tags with the desired local name and namespace, but x
path is much faster.
... potential workaround for other browsers which do not support if the desired browser did not support x
path, another approach (such as traversing the dom through all its children, identifying all @xmlns instances, etc.) would be necessary to find all tags with the desired local name and namespace, but x
path is much faster.
...And 2 more matches
FileSystemDirectoryEntry - Web APIs
ntries api represents a directory in a file system.
...directory, as well as to access the entries within the directory.
...filesystem = window.requestfilesystem || window.webkitrequestfilesystem; window.directoryentry = window.directoryentry || window.webkitdirectoryentry; ...
...And 2 more matches
HTMLInputElement.webkitdirectory - Web APIs
selected items.
... system entries can be obtained using the webkitentries property.
...g pic2356.jpg vacations mars pic5533.jpg pic5534.jpg pic5556.jpg pic5684.jpg pic5712.jpg if the user chooses photoalbums, then the list reported by files will contain file objects for every file listed above—but not the directories.
...And 2 more matches
Location - Web APIs
it relates to.
...th the document and window interface have such a linked location, accessible via document.location and window.location respectively.
...rent origin than the associated document.
...And 2 more matches
Using XMLHttpRequest - Web APIs
some manipulation and analysis are outlined in the following sections.
...ader("last-modified")); /* a valid gmtstring date or null */ } var oreq = new xmlhttprequest(); oreq.open("head" /* use head if you only need the headers!
...onload = getheadertime; oreq.send(); do something when last modified date changes let's create two functions: function getheadertime () { var nlastvisit = parsefloat(window.localstorage.getitem('lm_' + this.file
path)); var nlastmodif = date.parse(this.getresponseheader("last-modified")); if (isnan(nlastvisit) || nlastmodif > nlastvisit) { window.localstorage.setitem('lm_' + this.file
path, date.now()); isfinite(nlastvisit) && this.callback(nlastmodif, nlastvisit); } } function ifhaschanged(surl, fcallback) { var oreq = new xmlhttprequest(); oreq.open("head" /* use head - we only need the headers!
...And 2 more matches
Web APIs
s_element_index_uint oes_fbo_render_mipmap oes_standard_derivatives oes_texture_float oes_texture_float_linear oes_texture_half_float oes_texture_half_float_linear oes_vertex_array_object ovr_multiview2 offlineaudiocompletionevent offlineaudiocontext offscreencanvas orientationsensor oscillatornode overconstrainederror p pagetransitionevent paintworklet pannernode parentnode passwordcredential
path2d payererrors paymentaddress paymentcurrencyamount paymentdetailsbase paymentdetailsupdate paymentitem paymentmethodchangeevent paymentrequest paymentrequestevent paymentrequestupdateevent paymentresponse paymentvalidationerrors pbkdf2params performance performanceentry performanceeventtiming performanceframetiming performancelongtasktiming performancemark performancemeasure performancena...
...nimatecolorelement svganimateelement svganimatemotionelement svganimatetransformelement svganimatedangle svganimatedboolean svganimatedenumeration svganimatedinteger svganimatedlength svganimatedlengthlist svganimatednumber svganimatednumberlist svganimatedpoints svganimatedpreserveaspectratio svganimatedrect svganimatedstring svganimatedtransformlist svganimationelement svgcircleelement svgclip
pathelement svgcolorprofileelement svgcomponenttransferfunctionelement svgcursorelement svgdefselement svgdescelement svgelement svgellipseelement svgevent svgexternalresourcesrequired svgfeblendelement svgfecolormatrixelement svgfecomponenttransferelement svgfecompositeelement svgfeconvolvematrixelement svgfediffuselightingelement svgfedisplacementmapelement svgfedistantlightelement svgfedropshad...
...primitivestandardattributes svgfontelement svgfontfaceelement svgfontfaceformatelement svgfontfacenameelement svgfontfacesrcelement svgfontfaceurielement svgforeignobjectelement svggelement svggeometryelement svgglyphelement svgglyphrefelement svggradientelement svggraphicselement svghkernelement svgimageelement svglength svglengthlist svglineelement svglineargradientelement svgm
pathelement svgmaskelement svgmatrix svgmeshelement svgmetadataelement svgmissingglyphelement svgnumber svgnumberlist svg
pathelement svgpatternelement svgpoint svgpolygonelement svgpolylineelement svgpreserveaspectratio svgradialgradientelement svgrect svgrectelement svgrenderingintent svgsvgelement svgscriptelement svgsetelement svgsolidcolorelement svgstopelement svgstringlist svgstylable ...
...And 2 more matches
Identifying resources on the Web - HTTP
the web address.
...ctly use an ip address, but because it is less convenient, it is not often used on the web.
... ip address, but because it is less convenient, it is not often used on the web.
...And 2 more matches
HTTP Index - HTTP
ttp guide, http, needsupdate, needsupdate(http/3) http (hypertext transfer protocol) is the underlying protocol of the world wide web.
...nd whether user agent can indicate support for sessions supporting spatial tracking via navigator.xr.issessionsupported() and devicechange event on navigator.xr object.
...ation http, http header, reference, response header the location response header indicates the url to redirect a page to.
...And 2 more matches
Populating the page: how browsers work - Web Performance
why it's important for web performance optimization to include everything the browser needs to start rendering a page, or at least a template of the page - the css and html needed for the first render -- in the first 14 kilobytes.
...ell.
...ted in the parsing step are combined into a render tree which is then used to compute the layout of every visible element, which is then painted to the screen.
...And 2 more matches
text-anchor - SVG: Scalable Vector Graphics
has an initial current text position, which represents the point in the user coordinate system resulting from (depending on context) application of the x and y attributes on the <text> element, any x or y attribute values on a <tspan>, <tref> or <altglyph> element assigned explicitly to the first rendered character in a text chunk, or determination of the initial current text position for a <text
path> element.
...<tref> or <altglyph> element assigned explicitly to the first rendered character in a text chunk, or determination of the initial current text position for a <text
path> element.
...ment.
...And 2 more matches
<hatch> - SVG: Scalable Vector Graphics
the <hatch> svg element is used to fill or stroke an object using one or more pre-defined
paths that are repeated at fixed intervals in a specified direction to cover the areas to be painted.
... the <hatch> svg element is used to fill or stroke an object using one or more pre-defined
paths that are repeated at fixed intervals in a specified direction to cover the areas to be painted.
... is used to fill or stroke an object using one or more pre-defined
paths that are repeated at fixed intervals in a specified direction to cover the areas to be painted.
...And 2 more matches
<xsl:stylesheet> - XSLT: Extensible Stylesheet Language Transformations
xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes the <xsl:stylesheet> element (or the equivalent <xsl:transform> element) is the outermost element of a stylesheet.
...equired by this stylesheet.
... this is most often used when the stylesheet is embedded in another xml document.
...And 2 more matches
Compiling from Rust to WebAssembly - WebAssembly
s you manage multiple versions of rust.
... "serve": "webpack-dev-server" }, "dependencies": { "hello-wasm": "^0.1.0" }, "devdependencies": { "webpack": "^4.25.1", "webpack-cli": "^3.1.2", "webpack-dev-server": "^3.1.10" } } note that you need to fill in your own username, after the @, in the dependencies section.
...pack-dev-server" }, "dependencies": { "hello-wasm": "^0.1.0" }, "devdependencies": { "webpack": "^4.25.1", "webpack-cli": "^3.1.2", "webpack-dev-server": "^3.1.10" } } note that you need to fill in your own username, after the @, in the dependencies section.
...And 2 more matches
remote/parent - Archive of obsolete content
// the first argument is the frame the message came from frames.port.on("pageshow", (frame) => { console.log(frame.frameelement.currenturi.host + ": pageshow"); }); globals functions remoterequire(id, module = null) loads a module in any existing and future child processes.
...e the message came from frames.port.on("pageshow", (frame) => { console.log(frame.frameelement.currenturi.host + ": pageshow"); }); globals functions remoterequire(id, module = null) loads a module in any existing and future child processes.
...es.port.on("pageshow", (frame) => { console.log(frame.frameelement.currenturi.host + ": pageshow"); }); globals functions remoterequire(id, module = null) loads a module in any existing and future child processes.
...require } = require("sdk/remote/parent"); remoterequire("./my-module.js", module); note that even single-process applications have a process that contains content frames.
system/environment - Archive of obsolete content
access, set and clear environment variables.
... access, set and clear environment variables.
... access, set and clear environment variables.
...ironment variable, by accessing the property with the name of the desired variable: var
path = env.
path; you can check for the existence of an environment variable by checking whether a property with that variable name exists: console.log('
path' in env); // true console.log('foo' in env); // false you can set the value of an environment variable by setting the property: env.foo = 'foo'; env.
path += ':/my/
path/' you can unset an environment variable by deleting the property: delete env.foo; limitations there is no way to enumerate existing environment variables, also env won't have any enumerable properties: console.log(object.keys(env)); // [] environment variable will be unset, show up as non-existing if it's set to null, undefined or ''.
ui/button/action - Archive of obsolete content
this appears in a tooltip, and when the button is in the menu, it appears underneath the button as a legend.
...rs underneath the button as a legend.
...nfile) as a relative
path: a string in the form "./iconfile", where "iconfile" is a relative
path to the icon file beginning in your add-on's "data" directory as an object, or dictionary of key-value pairs.
... only emit one type of event, "click".
ui/button/toggle - Archive of obsolete content
this appears in a tooltip, and when the button is in the menu, it appears underneath the button as a legend.
...rs underneath the button as a legend.
...nfile) as a relative
path: a string in the form "./iconfile", where "iconfile" is a relative
path to the icon file beginning in your add-on's "data" directory as an object, or dictionary of key-value pairs.
... event, "click" and "change".
jpm-mobile - Archive of obsolete content
mozilla's irc network.
...and reference there are currently two jpm commands: jpm-mobile run launch an instance of firefox with your add-on installed.
...hell pm list packages | grep org.mozilla package:org.mozilla.firefox $ jpm-mobile run -b firefox # the package name is firefox -v --verbose verbose operation.
... org.mozilla package:org.mozilla.firefox $ jpm-mobile run -b firefox # the package name is firefox -v --verbose verbose operation.
JS XPCOM - Archive of obsolete content
r access as a service depends on the contract.
...e contract.
...ating xpcom instances is via the components.constructor helper.
...om instances is via the components.constructor helper.
Setting up an extension development environment - Archive of obsolete content
ly.
...d as the file name (for example "your_profile_directory/extensions/{46d1b3c0-db7a-4b1a-863a-6ee6f77ecb58}").
...db7a-4b1a-863a-6ee6f77ecb58}").
...file directory) alternatively, rather than using a guid, create a unique id using the format "name@yourdomain" (for example chromebug@mydomain.com) - then the proxy filename will be same as that id, with no curly brackets {}.
Notes on HTML Reflow - Archive of obsolete content
e same frame to the queue.
...
path is built from the target frame to the root frame and stored in the reflow command.
... reflow state object is created with a reflow reason of incremental, the reflow command is stored in the state, and the reflow method of the root frame is invoked.
...flow state, and inspects the
path contained within the reflow command object.
How Thunderbird and Firefox find their configuration files - Archive of obsolete content
rectory, in a file named prefs.js.
...illa's binary registry.dat file, thunderbird's and firefox' profiles.ini file is a readable text file.
...fox' profiles.ini file is a readable text file.
...f you want to point this to a location of your choice (for example h:\thunderbird), you need to perform to changes: set isrelative to be 0 update the
path to point to the desired place.
Dehydra Function Reference - Archive of obsolete content
gcc command line -fplugin=/
path/to/gcc_dehydra.so -fplugin-arg-gcc_dehydra=/
path/to/your/script.js callback functions the following functions may be provided by the analysis script and will be called by dehydra while compiling.
...cular location, the location will be printed first.
...rred from the last process_type or process_function.
...ss_type or process_function.
Style System Overview - Archive of obsolete content
ich is the interface through which layout accesses the style data for a given element, points to one rule node.
...en percentage units are used in a way that is handled by the style code (rather than reflow).
...th to the root) specify nothing non-inherited for the struct.
... default or a start struct as the basis for the computation.
Enabling Experimental Jetpack Features - Archive of obsolete content
at we're up to next!
...ll in development and may be added in the future is inspired by python's future module.
..._future__ import foo which adds the functionality that foo yields to the script.
...re is an example of how to import a feature (the clipboard) from the future.
Enabling - Archive of obsolete content
the proposed method for accessing jetpack features that are still in development and may be added in the future is inspired by python's future module.
...ill in development and may be added in the future is inspired by python's future module.
...__future__ import foo which adds the functionality that foo yields to the script.
... here is an example of how to import a feature (the clipboard) from the future.
Enabling Experimental Jetpack Features - Archive of obsolete content
the proposed method for accessing jetpack features that are still in development and may be added in the future is inspired by python's future module.
...ill in development and may be added in the future is inspired by python's future module.
...__future__ import foo which adds the functionality that foo yields to the script.
...e is an example of how to import a feature (the clipboard) from the future.
Microsummary XML grammar reference - Archive of obsolete content
fox should update microsummaries generated by the generator.
...ctional values (e.g.
...ox checks for expired microsummaries every 15 seconds, it is possible for a microsummary update to begin up to 15 seconds later than its interval indicates; firefox respects the browser cache when updating microsummaries, so it will not reload a page to update its microsummary if the cache contains a fresh copy of the page.
...ntains a fresh copy of the page.
XML Assignments - Archive of obsolete content
« previousnext » sometimes, you will want to use a more complex substitution apart from just taking an attribute from the xml.
...g-length method.
... <hbox uri="?" align="center"> <button label="?name"/> <label value="?gender"/> <label value="?namelength"/> <label value="?siblings"/> </hbox> </action> </template> </vbox> two assign elements are placed as children of the query element.
...lings"/> </hbox> </action> </template> </vbox> two assign elements are placed as children of the query element.
Getting started with XULRunner - Archive of obsolete content
runner 2.0, the chrome.manifest is now used to register xpcom components in addition to its previous uses.
...t.getelementbyid("more-text").hidden = false; } for more information about xul see: xul.
... can also install your application when you're finished debugging it.
...rameworks/xul.framework/xulrunner-bin --install-app /<
path>/<to>/myapp.zip once installed, you can run the application: /library/frameworks/xul.framework/xulrunner-bin "/applications/finkle/testapp.app/contents/resources/application.ini" you may run it without installing (but with the menu bar and dock icon missing) in os x by typing: /library/frameworks/xul.framework/xulrunner-bin "/<full
path>/testapp/application.ini" note: the full
path is required or a "error: couldn't parse application.ini."-message will be returned.
Solaris 10 Build Prerequisites - Archive of obsolete content
anyway.
... build environment 1.
...- env.sh.orig tue jul 1 02:38:35 2008 +++ env.sh tue jun 24 01:08:01 2008 @@ -95,7 +95,8 @@ echo setting ld=$ld export ld -
path="$cbe_prefix/bin:/usr/ccs/bin:/usr/gnu/bin:/usr/bin:/usr/sbin:/bin:/usr /sfw/bin:$ccdir" +
path="/opt/sfw/bin:$cbe_prefix/bin:/usr/ccs/bin:/usr/gnu/bin:/usr/bin:/usr/s bin:/bin:/usr/sfw/bin:$ccdir" test "x$jds_cbe_env_quiet" != x1 && \ echo setting
path=$
path export
path +export pkg_config_
path=/opt/sfw/lib/pkgconfig:/usr/lib/pkgconfig 3.
...e extra spec file tarball to the spec file directory.
Visual typescript game engine - Game development
n = false; networking is disabled by default.
...* addson * all addson are ansync loaded scripts.
... for better performace also based on webworkers.
...| | ├── server.ts | | ├── connector.ts | | ├── self-cert/ server part installed database: mongodb@3.1.8 -no typescript here, we need to keep state clear no.
How do you set up a local testing server? - Learn web development
arn how to set up a local testing server.
... local files vs.
...windows user, you can get an installer from the python homepage and follow the instructions to install it: go to python.org under the download section, click the link for python "3.xxx".
...ng pip3 install flask.
Index - Learn web development
ut of learning web development, as well as further reading so you can find out more information about each sub-topic should you wish..
... 34 what text editors are available?
...ow big boxes are in your layout.
...w do you convince your clients and/or management to prioritize and invest in performance?
Object building practice - Learn web development
to move them by this much on each frame.
...nction() { ctx.begin
path(); ctx.fillstyle = this.color; ctx.arc(this.x, this.y, this.size, 0, 2 * math.pi); ctx.fill(); } using this function, we can tell the ball to draw itself onto the screen, by calling a series of members of the 2d canvas context we defined earlier (ctx).
...umber of degrees around the circle that the arc is drawn between.
...e circle that the arc is drawn between.
Web performance resources - Learn web development
there are many reasons why your website should perform as well as possible.
... if you do, have a backup plan for seo (e.g render full page for bot traffic); for example, by using the loading attribute on the <img> element it is also crucial to realize what is really important to your users.
...el="stylesheet" is synchronous and blocks rendering.
...ing blocking css.
Embedding API for Accessibility
setcharpref("browser.selection.border", cssborderstylestring); /* is a selection border hard to implement?
... /* is a selection border hard to implement?
... setboolpref("browser.selection.use_system_colors", usesystemcolors); no content waiting alerts setcharpref("alert.audio.mail_waiting",
pathtosoundfile); setcharpref("alert.audio.background_image_waiting",
pathtosoundfile); setcharpref("alert.audio.popup_waiting",
pathtosoundfile); setcharpref("alert.audio.applet_waiting",
pathtosoundfile); setcharpref("alert.audio.script_waiting",
pathtosoundfile); setcharpref("alert.audio.redirect_waiting",
pathtosoundfile); setcharpref("alert.audio.refresh_waiting",
pathtosoundfile); setcharpref("alert.audio.plu...
... setcharpref("alert.audio.applet_waiting",
pathtosoundfile); setcharpref("alert.audio.script_waiting",
pathtosoundfile); setcharpref("alert.audio.redirect_waiting",
pathtosoundfile); setcharpref("alert.audio.refresh_waiting",
pathtosoundfile); setcharpref("alert.audio.plugin_content_waiting",
pathtosoundfile); setcharpref("alert.audio.video_waiting",
pathtosoundfile); setcharpref("alert.audio.audio_waiting",
pathtosoundfile); setcharpref("alert.audio.timed_event_waiting",
pathtosoundfile); /* these alerts will also be mirrored visually, either on the status bar or elsewhere */ no ...
Simple SeaMonkey build
properly then you should see a windows dialog giving you the option to re-install with the 'correct settings'.
... open a shell window by running: c:\mozilla-build\start-msvc2013.bat.
...illa.org/releases/comm-beta/ and comm-beta instead # for release, use https://hg.mozilla.org/releases/comm-release/ and comm-release instead hg clone https://hg.mozilla.org/comm-central/ cd comm-central python client.py checkout # set up a basic .mozconfig file echo 'ac_add_options --enable-application=suite' > .mozconfig # let's build seamonkey...
... # ...quickly.
pymake
ongly recommended.
... you would type python ../build/pymake/make.py mochitest-plain.
...g just pymake into the shell and press enter.
...is connected and you are ready to type in pymake -f client.mk to start the build.
Obsolete Build Caveats and Tips
n documentation for building older versions of the code base or dealing with older build tools.
...d_options --with-windows-version=502 to your .mozconfig.
...ozconfig.
...mail,calendar,suite,xulrunner".
Download
indicates whether this download's progress property is able to report partial progress while the download proceeds, and whether the value in totalbytes is relevant.
...ad's progress property is able to report partial progress while the download proceeds, and whether the value in totalbytes is relevant.
...ne, you should create a separate download object with the same source as the current one.
...d with downloaderror if the download failed.
DownloadTarget
operties attribute type description exists read only boolean indicates whether or not the target file exists.
...ype description exists read only boolean indicates whether or not the target file exists.
...ly boolean indicates whether or not the target file exists.
...her or not the target file exists.
OS.File.Info
.
...her from the main thread or from a worker thread; calling instance method stat() of os.file either from the main thread or from a worker thread.
...a worker thread.
...egular file the following snippet uses the main thread api to determine (asynchronously) whether some
path is a regular file, or a directory, or a symbolic link: let promise = os.file.stat(some
path); promise.then( function onsuccess(info) { // |info| is an instance of |os.file.info| if (info.isdir) { // |some
path| represents a directory } else if (info.issymlink) { // |some
path| represents a symbolic link } else { // |some
path| represents a regular file } }, function onfailure(reason) { if (reason instanceof os.file.error && reason.becausenosuchfile) { // |some
path| does not represent anything } else { // some other error } } ) example: determining the owner of a file let promise = os.file.stat() promise.then( function on...
PromiseWorker.jsm
and the answer is, whenever you would normally use a chromeworker, but want postmessage to return promises.
...s the test case from firefox codebase: mozilla dxr :: test_promise.js.
...e four methods (dispatch, postmessage, close, and log).
...r argument of: `' + shouldresolve + '`'; } else { throw new error('you passed in a non-true value for shouldresolve argument and therefore this will reject the main thread promise'); } } main thread file bootstrap.js const { utils: cu } = components; const { basepromiseworker } = cu.import('resource://gre/modules/promiseworker.jsm', {}); var myworker = new basepromiseworker('chrome://
path/to/content/myworker.js'); var promise_domyfunctrue = myworker.post('resolvetest', [true]); promise_domyfunctrue.then( function(aval) { console.log('fullfilled - promise_domyfunctrue - ', aval); }, function(areason) { console.error('rejected - promise_domyfunctrue - ', areason); } ).catch( function(acaught) { console.error('caught - promise_domyfunctrue...
Webapps.jsm
pen web apps.
...ner: function(amsgnames, aapp, amm) removemessagelistener: function(amsgnames, amm) formatmessage: function(adata) receivemessage: function(amessage) getappinfo: function getappinfo(aappid) broadcastmessage: function broadcastmessage(amsgname, acontent) registerupdatehandler: function(ahandler) unregisterupdatehandler: function(ahandler) notifyupdatehandlers: function(aapp, amanifest, azip
path) _getappdir: function(aid) _writefile: function(a
path, adata) dogetlist: function() doexport: function(amsg, amm) doimport: function(amsg, amm) doextractmanifest: function(amsg, amm) dolaunch: function (adata, amm) launch: function launch(amanifesturl, astartpoint, atimestamp, aonsuccess, aonfailure) close: function close(aapp) canceldownload: function canceldownload(amanifesturl, aerro...
...ata, anewapp, alocalemanifest, amanifest, aid, alocalid) _writemanifestfile: function(aid, aispackage, ajsonmanifest) _nextlocalid: function() _appidformanifesturl: function(auri) makeappid: function() _saveapps: function() _readmanifests: function(adata) _ensuresufficientstorage: function(anewapp) _checkdownloadsize: function(afreebytes, anewapp) _getrequestchannel: function(afullpackage
path, aislocalfileinstall, aoldapp,) _senddownloadprogressevent: function(anewapp, aprogress) _getpackage: function(arequestchannel, aid, aoldapp, anewapp) _computefilehash: function(afile
path) _sendappliedevent: function(aapp) _openandreadpackage: function(azipfile, aoldapp, anewapp, aislocalfileinstall,) _openpackage: function(azipfile, aapp, aislocalfileinstall) _opensignedpackage: function(...
...t) getappbymanifesturl: function(amanifesturl) getfullappbymanifesturl: function(amanifesturl, aentrypoint, alang) getmanifestcspbylocalid: function(alocalid) getdefaultcspbylocalid: function(alocalid) getapplocalidbystoreid: function(astoreid) getappbylocalid: function(alocalid) getmanifesturlbylocalid: function(alocalid) getapplocalidbymanifesturl: function(amanifesturl) getcoreappsbase
path: function() getwebappsbase
path: function() _islaunchable: function(aapp) _notifycategoryandobservers: function(subject, topic, data, msg) registerbrowserelementparentforapp: function(amsg, amn) receiveappmessage: function(appid, message) _clearprivatedata: function(appid, browseronly, msg) _sendprogressevent: function() updatestatechanged: function appobs_update(aupdate, astate) applica...
Bootstrapping a new locale
asy_install compare-locales this will download and install the utility.
...ocales/chrome ab-cd/extensions cp -r mozilla-1.9.x/netwerk/locales/ ab-cd/netwerk cp -r mozilla-1.9.x/other-licenses/branding/firefox/locales/ ab-cd/other-licenses cp -r mozilla-1.9.x/security/manager/locales/ ab-cd/security cp -r mozilla-1.9.x/toolkit/locales/ ab-cd/toolkit getting started change your directory to the new working directory so you are in the ~/[your working directory]/[ab-cd]/
path and can start localizing.
...d/other-licenses/branding/firefox/ ab-cd/security/manager/ ab-cd/toolkit/ translating to start editing, you will need a text editing application.
... the following url into your browser: $ https://bitbucket.org/mozillal10n/ab-cd/overview/ (where ab-cd will be replaced by your locale code) at that main page of your newly created bit bucket repo, you'll see the hg commands, $ hg clone http://bitbucket.org/mozillal10n/ab-cd/ ...
Localizing extension descriptions
_id matches your extension id (<em:id> from install.rdf) and localized_description is the description of your extension that you want to appear in the given language): extensions.extension_id.description=localized_description if you do not currently have one, create a default preferences file.
...rom install.rdf) and localized_description is the description of your extension that you want to appear in the given language): extensions.extension_id.description=localized_description if you do not currently have one, create a default preferences file.
...ear in the given language): extensions.extension_id.description=localized_description if you do not currently have one, create a default preferences file.
...omepageurl localizable lists in cases where multiple values can exist, a numeric index is appended to the end of the preference name: extensions.extension_id.contributor.1=first_localized_contributor_name extensions.extension_id.contributor.2=second_localized_contributor_name extensions.extension_id.contributor.3=thrid_localized_contributor_name pref("extensions.extension_id.contributor.1", "
path_to_localization_file"); pref("extensions.extension_id.contributor.2", "
path_to_localization_file"); pref("extensions.extension_id.contributor.3", "
path_to_localization_file"); the following add-on metadata can be localized using this process: developer translator contributor ...
GC and CC logs
ess firefox, you can't record logs from the content process, due to sandboxing.
... default location of the log files by setting the moz_cc_log_directory environment variable.
...s - it's /tmp/ on linux/bsd, $localappdata\temp\ on windows, and somewhere in /var/folders/ on mac (whatever the directory service returns for tmpd/ns_os_temp_dir).
..."] = os.environ["moz_upload_dir"] browserenv["moz_cc_log_shutdown"] = "1" analyzing gc and cc logs there are numerous scripts that analyze gc and cc logs on github.
Profiling with the Firefox Profiler
ich are spent in pvsync::msg_notify and all child functions that it calls.
... see remote profiling on android for details.
...hare..." and "save as file..." buttons in the top-right of the window.
...irefox.com and make it public.
PR_MkDir
creates a directory with a specified name and access mode.
... 00400.
....
...00010.
HTTP delegation
to be sent, and returns the result data.
...httpserver_keepalivesessionfcn) on the server session object, giving application code a chance to do whatever is required.
...onfcn) on the server session object, giving application code a chance to do whatever is required.
...l request the creation of a "http request object" (sec_httprequest_createfcn).
HTTP delegation
to be sent, and returns the result data.
...httpserver_keepalivesessionfcn) on the server session object, giving application code a chance to do whatever is required.
...onfcn) on the server session object, giving application code a chance to do whatever is required.
...ll request the creation of a "http request object" (sec_httprequest_createfcn).
Build instructions
ead of symbolic links.
...so work.) use start-shell-msvc2010.bat from mozillabuild to get a bash shell with the
path already configured, and execute these instructions from within that bash shell.
...to get a bash shell with the
path already configured, and execute these instructions from within that bash shell.
...th already configured, and execute these instructions from within that bash shell.
Installation guide
files also have an "install" target, but it has a different meaning: our "install" means installing the headers, libraries, and programs in the appropriate directories under mozilla/dist.
...ectory other than /usr/lib, you usually need to set the ld_library_
path environment variable.
...ment variable.
...http://lxr.mozilla.org/security/sour...platlibs.mk#53 53 ifeq ($(os_arch), linux) 54 ifeq ($(use_64), 1) 55 extra_shared_libs += -wl,-r
path,'$$origin/../lib64:$$origin/../lib' 56 else 57 extra_shared_libs += -wl,-r
path,'$$origin/../lib' 58 endif 59 endif for example, if you install certutil in /foo/bar/nss/bin and the .so's in /foo/bar/nss/lib, then you only need to add /foo/bar/nss/bin to your
path; you don't need to set ld_library_
path.
sslfnc.html
gmpserversidcache ssl_inheritmpserversidcache nss_init sets up configuration files and performs other tasks required to run network security services.
... sets up configuration files and performs other tasks required to run network security services.
... values outside this range are replaced by the server default value of 100 seconds.
... values outside this range are replaced by the server default value of 100 seconds.
SpiderMonkey Build Documentation
./configure.in --with-nspr-cflags="-ic:/mozilla-build/msys/local/include" \ --with-nspr-libs="c:/mozilla-build/msys/local/lib/libnspr4.a \ c:/mozilla-build/msys/local/lib/libplds4.a \ c:/mozilla-build/msys/local/lib/libplc4.a" if you get symbol loading or dynamic library errors, you can force the correct nspr to load with:
path="$
path;c:/mozilla-build/msys/local/lib/" ./js specifying installation directories make install puts files in the following directories by default.
... (e.g.
... the spidermonkey developers frequently and deliberately change the jsapi abi.
...version of spidermonkey.
Hacking Tips
erator*) (mir=0x33dbdf0) at …/js/src/jit/ion.cpp:1570 (gdb) iongraph mir function 0 (asm.js compilation): success; 1 passes.
... this gdb instrumentation is supposed to work with debug builds, or with optimized build compiled with --enable-jitspew configure flag.
...tation is supposed to work with debug builds, or with optimized build compiled with --enable-jitspew configure flag.
... with debug builds, or with optimized build compiled with --enable-jitspew configure flag.
Running Parsemark
ee because they're non-mozilla js code.
...n-mozilla js code.
...and decompress them.
... within js/src/tests, run python parsemark.py -h to see help documentation.
TPS Tests
so minutes after starting a full run of tps, as it will open and close a fairly large number of firefox windows.
...ows.
... cd into the tps folder cd testing/tps create the environment i suggest the
path to be outside of the mc source tree python create_venv.py --username=%email% --password=%password% %
path% note: if you are updating the tps environment and want to keep your existing config (eg, the existing username and password), you should instead execute: python create_venv.py --keep-config %
path% activate the environment source %
path%/bin/activate run some tests note that the testfile is not a
path, it should only be the filename from services/sync/tests/tps/ runtps --debug --testfile %test_file_name% --binary %firefox_binary_
path% additionally, omitting a --testfile parameter will cause it to run all tps tests listed in services/sync/tests/tps/all_tests.json ...
...ted in services/sync/tests/tps/all_tests.json an example on osx, for running just the test_sync.js testfile against a locally built firefox (where the mozconfig set the objdir to obj-ff-artifact): runtps --debug --testfile test_sync.js --binary obj-ff-artifact/dist/nightly.app/contents/macos/firefox running tps against stage, or dev fxa tps can be configured using the $tps_venv_
path/config.json file.
Setting up an update server
those locations.
...nnecessary and you can use the same build that you used to create the installation.
...t/host/bin/mar.exe" moz_product_version=<version> mar_channel_id=<channel> ./tools/update-packaging/make_full_update.sh <mar output
path> "<obj dir>/dist/firefox" for a local build, <channel> can be default, and <version> can be the value from browser/config/version.txt (or something arbitrarily large like 2000.0a1).
...ou created earlier.
nsIMemoryMultiReporterCallback
xpcom/base/nsimemoryreporter.idlscriptable implement this interface to handle callbacks from nsimemorymultireporter instances.
... 7.0 / seamonkey 2.4) method overview void callback(in acstring process, in autf8string
path, in print32 kind, in print32 units, in print64 amount, in autf8string description, in nsisupports closure); methods callback() called to provide information from a multi-reporter.
...methods callback() called to provide information from a multi-reporter.
...to provide information from a multi-reporter.
Using the CSS Painting API - Web APIs
perties() { return ['--highcolour']; } static get contextoptions() { return {alpha: true}; } paint(ctx, size, props) { /* set where to start the highlight & dimensions */ const x = 0; const y = size.height * 0.3; const blockwidth = size.width * 0.33; const highlightheight = size.height * 0.85; const color = props.get('--highcolour'); ctx.fillstyle = color; ctx.begin
path(); ctx.moveto( x, y ); ctx.lineto( blockwidth, y ); ctx.lineto( blockwidth + highlightheight, highlightheight ); ctx.lineto( x, highlightheight ); ctx.lineto( x, y ); ctx.close
path(); ctx.fill(); /* create the dashes */ for (let i = 0; i < 4; i++) { let start = i * 2; ctx.begin
path(); ctx.moveto( (blockwidth) + (start * 10) + 10, y ); ctx.lineto( (blockwidth) + (sta...
... i++) { let start = i * 2; ctx.begin
path(); ctx.moveto( (blockwidth) + (start * 10) + 10, y ); ctx.lineto( (blockwidth) + (start * 10) + 20, y ); ctx.lineto( (blockwidth) + (start * 10) + 20 + (highlightheight), highlightheight ); ctx.lineto( (blockwidth) + (start * 10) + 10 + (highlightheight), highlightheight ); ctx.lineto( (blockwidth) + (start * 10) + 10, y ); ctx.close
path(); ctx.fill(); } } // paint }); we can then create a little html that will accept this image as backgrounds: <h1 class="fancy">largest header</h1> <h3 class="fancy">medium size header</h3> <h6 class="fancy">smallest header</h6> we give each header a different value for the --highcolour custom property .fancy { background-image: paint(headerhighlight); } h1 { --highcolour: hsla(155, ...
...strokewidth ) { ctx.linewidth = strokewidth; } else { ctx.linewidth = 1.0; } // set the fill type if ( stroketype === 'stroke' ) { ctx.fillstyle = 'transparent'; ctx.strokestyle = colour; } else if ( stroketype === 'filled' ) { ctx.fillstyle = colour; ctx.strokestyle = colour; } else { ctx.fillstyle = 'none'; ctx.strokestyle = 'none'; } // block ctx.begin
path(); ctx.moveto( x, y ); ctx.lineto( blockwidth, y ); ctx.lineto( blockwidth + blockheight, blockheight ); ctx.lineto( x, blockheight ); ctx.lineto( x, y ); ctx.close
path(); ctx.fill(); ctx.stroke(); // dashes for (let i = 0; i < 4; i++) { let start = i * 2; ctx.begin
path(); ctx.moveto( blockwidth + (start * 10) + 10, y); ctx.lineto( blockwidth + (start * 10) + 20, y...
... // dashes for (let i = 0; i < 4; i++) { let start = i * 2; ctx.begin
path(); ctx.moveto( blockwidth + (start * 10) + 10, y); ctx.lineto( blockwidth + (start * 10) + 20, y); ctx.lineto( blockwidth + (start * 10) + 20 + blockheight, blockheight); ctx.lineto( blockwidth + (start * 10) + 10 + blockheight, blockheight); ctx.lineto( blockwidth + (start * 10) + 10, y); ctx.close
path(); ctx.fill(); ctx.stroke(); } } // paint }); we can set different colors, stroke widths, and pick whether the background image should be filled or hollow: li { --boxcolor: hsla(155, 90%, 60%, 0.5); background-image: paint(hollowhighlights, stroke, 5px); } li:nth-of-type(3n) { --boxcolor: hsla(255, 90%, 60%, 0.5); background-image: paint(hollowhighlights, filled, 3px)...
CanvasRenderingContext2D.arc() - Web APIs
the canvasrenderingcontext2d.arc() method of the canvas 2d api adds a circular arc to the current sub-
path.
... the canvasrenderingcontext2d.arc() method of the canvas 2d api adds a circular arc to the current sub-
path.
...rcle this example draws a complete circle with the arc() method.
..., 75, 50, 0, 2 * math.pi); ctx.stroke(); result different shapes demonstrated this example draws various shapes to show what is possible with arc().
HTMLAnchorElement - Web APIs
.media is a domstring that reflects the media html attribute, indicating the intended media for the linked resource.
...edia html attribute, indicating the intended media for the linked resource.
...lelement from html5 on, but were defined on htmlanchorelement in dom level 2 html and earlier specifications.
...ement implements this mixin.
HTMLAreaElement - Web APIs
d resource.
...s a boolean flag indicating if the area is inactive (true) or active (false).
...aining the whole url of the script executed in the worker.
...hyperlinkelementutils mixin, and htmlareaelement implements this mixin.
IDBIndex - Web APIs
to specified upon its creation (see createindex()'s optionalparameters.) idbindex.locale read only returns the locale of the index (for example en-us, or pl) if it had a locale value specified upon its creation (see createindex()'s optionalparameters.) idbindex.name the name of this index.
...ation (see createindex()'s optionalparameters.) idbindex.locale read only returns the locale of the index (for example en-us, or pl) if it had a locale value specified upon its creation (see createindex()'s optionalparameters.) idbindex.name the name of this index.
... upon its creation (see createindex()'s optionalparameters.) idbindex.name the name of this index.
... nochrome android no support nofirefox android full support 43opera android no support nosafari ios no support nosamsung internet android no support nokey
pathchrome full support 24 full support 24 no support 23 — 24prefixed prefixed implemented with the vendor prefix: webkitedge full support 12firefox full support 16 full support ...
IDBObjectStore - Web APIs
tore interface of the indexeddb api represents an object store in a database.
...exeddb api represents an object store in a database.
... not // been created before, or a new version number has been // submitted via the window.indexeddb.open line above dbopenrequest.onupgradeneeded = function(event) { var db = event.target.result; db.onerror = function(event) { note.innerhtml += '<li>error loading database.</li>'; }; // create an objectstore for this database var objectstore = db.createobjectstore("todolist", { key
path: "tasktitle" }); // define what data items the objectstore will contain objectstore.createindex("hours", "hours", { unique: false }); objectstore.createindex("minutes", "minutes", { unique: false }); objectstore.createindex("day", "day", { unique: false }); objectstore.createindex("month", "month", { unique: false }); objectstore.createindex("year", "year", { unique: false }); ob...
...a android full support 14safari ios full support 8samsung internet android full support 1.5 full support 1.5 no support 1.5 — 7.0prefixed prefixed implemented with the vendor prefix: webkitkey
pathchrome full support 24 full support 24 no support 23 — 57prefixed prefixed implemented with the vendor prefix: webkitedge full support 12firefox full support 16 full support ...
compareVersion - Web APIs
ting file or package.
...on version); int compareversion ( string registryname, string version); int compareversion ( string registryname, int major, int minor, int release, int build); parameters the compareversion method has the following parameters: registryname the
pathname in the client version registry for the component whose version is to be compared.
...ame, string version); int compareversion ( string registryname, int major, int minor, int release, int build); parameters the compareversion method has the following parameters: registryname the
pathname in the client version registry for the component whose version is to be compared.
... int major, int minor, int release, int build); parameters the compareversion method has the following parameters: registryname the
pathname in the client version registry for the component whose version is to be compared.
SVGGeometryElement.getPointAtLength() - Web APIs
the svggeometryelement.getpointatlength() method returns the point at a given distance along the
path.
... the svggeometryelement.getpointatlength() method returns the point at a given distance along the
path.
... the svggeometryelement.getpointatlength() method returns the point at a given distance along the
path.
...en distance along the
path.
URL - Web APIs
followed by (if a port was specified) a ':' and the port of the url.
... url.
... identifying the object in the browser.
...the url parameter is a relative url: const url = new url('../cats', 'http://www.example.com/dogs'); console.log(url.hostname); // "www.example.com" console.log(url.
pathname); // "/cats" url properties can be set to construct the url: url.hash = 'tabby'; console.log(url.href); // "http://www.example.com/cats#tabby" urls are encoded according to the rules found in rfc 3986.
Advanced techniques: Creating and sequencing audio - Web APIs
playing a couple of oscillators together using the methods we've already looked at, however, in this section, we'll load in a sample file instead so we can take a look at what's involved.
...sing the methods we've already looked at, however, in this section, we'll load in a sample file instead so we can take a look at what's involved.
...udiobuffer; } we can then use the await operator when calling this function, which ensures that we can only run subsequent code when it has finished executing.
...s function, which ensures that we can only run subsequent code when it has finished executing.
Shapes From Images - CSS: Cascading Style Sheets
in this guide we will take a look at how we can create a shape from an image file with an alpha channel or even from a css gradient.
... in this guide we will take a look at how we can create a shape from an image file with an alpha channel or even from a css gradient.
... to use an image for the shape the image needs to have an alpha channel, an area that is not fully opaque.
...ou could also try removing the background image completely, thus using the gradient purely to create the shape and not displaying it on the page at all.
offset-position - CSS: Cascading Style Sheets
the offset-position css property defines the initial position of the offset-
path.
...on> = [ [ left | center | right ] | [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ]?
...[ [ left | center | right ] | [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ]?
...demo"></div> #motion-demo { offset-
path:
path('m20,20 c20,100 200,0 200,100'); offset-position: left top; animation: move 3000ms infinite alternate ease-in-out; width: 40px; height: 40px; background: cyan; } @keyframes move { 0% { offset-distance: 0%; } 100% { offset-distance: 100%; } } specifications specification status comment motion
path module level 1the definition of 'offset-position' in that specification.
Ajax - Developer guides
simplified subset of sgml, capable of describing many different kinds of data.
...ied subset of sgml, capable of describing many different kinds of data.
...capable of describing many different kinds of data.
...xmlhttprequest specification adds html parsing support to xmlhttprequest, which originally supported only xml parsing.
Referrer-Policy - HTTP
-policy: same-origin referrer-policy: strict-origin referrer-policy: strict-origin-when-cross-origin referrer-policy: unsafe-url directives no-referrer the referer header will be omitted entirely.
...alue, namely strict-origin-when-cross-origin (see https://github.com/whatwg/fetch/pull/952), consider using this value (or a stricter one), if possible, when changing the referrer-policy.
...the document for other cases.
..., but don't send it to a less secure destination (https→http).
Proxy Auto-Configuration (PAC) file - HTTP
iguration (pac) file is a javascript function that determines whether web browser requests (http, https, and ftp) go directly to the destination or are forwarded to a web proxy server.
...ntax function findproxyforurl(url, host) parameters url the url being accessed.
...l, host) parameters url the url being accessed.
... pachttpsurlstrippingenabled to false in policy or by launching with the --unsafe-pac-url command-line flag (in chrome 74, only the flag works, and from 75 onward, there is no way to disable
path-stripping; as of chrome 81,
path-stripping does not apply to http urls, but there is interest in changing this behavior to match https); in firefox, the preference is network.proxy.autoconfig_url.include_
path.
clip - SVG: Scalable Vector Graphics
the clip attribute is a presentation attribute defining the visible region of an element.
...00/svg"> <!-- auto clipping --> <svg x="0" width="10" height="10" clip="auto"> <circle cx="5" cy="5" r="4" stroke="green" /> </svg> <!-- rect(top, right, bottom, left) clipping --> <svg x="10" width="10" height="10" clip="rect(1, 9, 8, 2)"> <circle cx="5" cy="5" r="4" stroke="green" /> </svg> </svg> usage notes warning: this property is deprecated.
...g> <!-- rect(top, right, bottom, left) clipping --> <svg x="10" width="10" height="10" clip="rect(1, 9, 8, 2)"> <circle cx="5" cy="5" r="4" stroke="green" /> </svg> </svg> usage notes warning: this property is deprecated.
...p> and <bottom> values specify offsets from the top border edge of the element viewport, while <right> and <left> specify offsets from the left border edge of the element viewport.
dominant-baseline - SVG: Scalable Vector Graphics
or the desired baseline, then the browser may use heuristics to determine the position of the desired baseline.
...s dominant-baseline for further information.
... if this property occurs on a <text> element, then the computed value depends on the value of the writing-mode attribute.
...which baseline-table to use from the baseline-tables in the font is browser dependent.
orient - SVG: Scalable Vector Graphics
ribute indicates how a marker is rotated when it is placed at its position on the shape.
...viewbox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <defs> <marker id="arrow" viewbox="0 0 10 10" refx="5" refy="5" markerwidth="6" markerheight="6" orient="auto-start-reverse"> <
path d="m 0 0 l 10 5 l 0 10 z" /> </marker> <marker id="dataarrow" viewbox="0 0 10 10" refx="5" refy="5" markerwidth="6" markerheight="6" orient="-65deg"> <
path d="m 0 0 l 10 5 l 0 10 z" fill="red" /> </marker> </defs> <polyline points="10,10 10,90 90,90" fill="none" stroke="black" marker-start="url(#arrow)" marker-end="url(#arrow)" /> <polyline points="15,80 29,50 43,60 57,30 71,40 85,15" fill="none" stroke="grey" marker-start="url(#dataarrow)" marker-mid="url(#dataarrow)" marker-end="url(#dataarrow)" /> </svg> usage no...
... marker-start="url(#dataarrow)" marker-mid="url(#dataarrow)" marker-end="url(#dataarrow)" /> </svg> usage notes value auto | auto-start-reverse | <angle> | <number> default value 0 animatable yes (non-additive) auto this value indicates that the marker is oriented such that its positive x-axis is pointing in a direction relative to the
path at the position the marker is placed.
...a direction relative to the
path at the position the marker is placed.
spacing - SVG: Scalable Vector Graphics
the spacing attribute indicates how the user agent should determine the spacing between typographic characters that are to be rendered along a
path.
... the spacing attribute indicates how the user agent should determine the spacing between typographic characters that are to be rendered along a
path.
... the spacing attribute indicates how the user agent should determine the spacing between typographic characters that are to be rendered along a
path.
...exact animatable yes auto this value indicates that the user agent should use text-on-a-
path layout algorithms to adjust the spacing between typographic characters in order to achieve visually appealing results.
SVG Attribute reference - SVG: Scalable Vector Graphics
rence documentation to help you learn which elements support them and how they work.
...ion to help you learn which elements support them and how they work.
...djust letter-spacing lighting-color limitingconeangle local m marker-end marker-mid marker-start markerheight markerunits markerwidth mask maskcontentunits maskunits mathematical max media method min mode n name numoctaves o offset opacity operator order orient orientation origin overflow overline-position overline-thickness p panose-1 paint-order
path pathlength patterncontentunits patterntransform patternunits ping pointer-events points pointsatx pointsaty pointsatz preservealpha preserveaspectratio primitiveunits r r radius referrerpolicy refx refy rel rendering-intent repeatcount repeatdur requiredextensions requiredfeatures restart result rotate rx ry s scale seed shape-rendering slope spacing spe...
...e attributes class, style conditional processing attributes externalresourcesrequired, requiredextensions, requiredfeatures, systemlanguage.
<marker> - SVG: Scalable Vector Graphics
the <marker> element defines the graphic that is to be used for drawing arrowheads or polymarkers on a given <
path>, <line>, <polyline> or <polygon> element.
...> element.
...: yes viewbox this attribute defines the bound of the svg viewport for the current svg fragment.
...red, 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 elementpermitted contentany number of the following elements, in any order:animation elementsdescriptive elementsshape elementsstructural elementsgradient elements<a>, <altglyphdef>, <clip
path>, <color-profile>, <cursor>, <filter>, <font>, <font-face>, <foreignobject>, <image>, <marker>, <mask>, <pattern>, <script>, <style>, <switch>, <text>, <view> specifications specification status comment svg markersthe definition of '<marker>' in that specification.
XSLT: Extensible Stylesheet Language Transformations
xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes extensible stylesheet language transformations (xslt) is an xml-based language used, in conjunction with specialized processing software, for the transformation of xml documents.
...e mozilla javascript interface to xsl transformations this document describes the javascript interface to the xslt processing engine in mozilla 1.2 and up.
...ssing instruction.
...introduction to xslt and x
path assumes no prior knowledge of the technologies and guides the reader through background, context, structure, concepts and introductory terminology.
package.json - Archive of obsolete content
s service" xpcom component.
... be used as the add-on's em:homepageurl element in its install.rdf.
...t may either scaled and possibly distorted) or might break parts of firefox ui.
Developing for Firefox Mobile - Archive of obsolete content
the correct version of the android sdk for your device using the android sdk, install the android platform tools next, attach the device to the development machine via usb.
...he long hex string will be different.) if you do, then adb has found your device and you can get started.
...gcat prints adb's log, so you can filter the debug output after running the add-on.
Inline options - Archive of obsolete content
ut to be removed.
...ur options file: method 1 name the file options.xul and put it in the extension's root folder (alongside install.rdf).
...2 use install.rdf to identify the xul file used for displaying the options.
Compiling The npruntime Sample Plugin in Visual Studio - Archive of obsolete content
you did not create an empty project) copy the npruntime sample plugin source code into the dir of the new vs project and add the files to the project using the vs gui (.cpp files to "source files", .h files to "header files", .rc file to "resource files").
...ons: win32;_windows;xp_win32;xp_win;_x86_;npsimple_exports disable precompiled headers using project properties|(all configurations)|c++|precompiled headers|create/use precompiled header.
...windows;xp_win32;xp_win;_x86_;npsimple_exports disable precompiled headers using project properties|(all configurations)|c++|precompiled headers|create/use precompiled header.
JSS build instructions for OSX 10.6 - Archive of obsolete content
ing errors.
..._8_7_rtm nspr cvs co -r nss_3_12_9_with_ckbi_1_82_rtm nss cvs co -r jss_4_3_2_rtm jss build nss for 32 and 64: cd mozilla/security/nss make nss_build_all cc="gcc -arch i386" ccc="g++ -arch i386" make nss_build_all use_64=1 build jss for 32 and 64: cd ../jss make cc="gcc -arch i386" ccc="g++ -arch i386" make use_64=1 on osx, java.library.
path doesnt seem to have /usr/lib or other
paths.
...rtm jss build nss for 32 and 64: cd mozilla/security/nss make nss_build_all cc="gcc -arch i386" ccc="g++ -arch i386" make nss_build_all use_64=1 build jss for 32 and 64: cd ../jss make cc="gcc -arch i386" ccc="g++ -arch i386" make use_64=1 on osx, java.library.
path doesnt seem to have /usr/lib or other
paths.
GRE Registration - Archive of obsolete content
ifferently on each operating system.
...stration information is kept in the win32 registry under the hkey_local_machine/software/mozilla.org/gre and hkey_current_user/software/mozilla.org/gre keys.
... will try alternate keys <version>_1 _2 until an available key is found.
JavaScript crypto - Archive of obsolete content
() { window.crypto.importusercertificates(nickname, cert, forcebackup); return false; } document.forms[0].onsubmit = loadcertificate; </script> signing text domstring signtext(domstring stringtosign, domstring caoption /* ...
...oads or removes a new pkcs #11 module.
...e module will be placed in the nss secmod.db database and will be loaded automatically on application restart.
jspage - Archive of obsolete content
h($type(c)){case"object":b={};for(var e in c){b[e]=$unlink(c[e]); }break;case"hash":b=new hash(c);break;case"array":b=[];for(var d=0,a=c.length;d<a;d++){b[d]=$unlink(c[d]);}break;default:return c;}return b;}var browser=$merge({engine:{name:"unknown",version:0},platform:{name:(window.orientation!=undefined)?"ipod":(navigator.platform.match(/mac|win|linux/i)||["other"])[0].tolowercase()},features:{x
path:!!(document.evaluate),air:!!(window.runtime),query:!!(document.queryselector)},plugins:{},engines:{presto:function(){return(!window.opera)?false:((arguments.callee.caller)?960:((document.getelementsbyclassname)?950:925)); },trident:function(){return(!window.activexobject)?false:((window.xmlhttprequest)?((document.queryselectorall)?6:5):4);},webkit:function(){return(navigator.taintenabled)?false:(...
...te),air:!!(window.runtime),query:!!(document.queryselector)},plugins:{},engines:{presto:function(){return(!window.opera)?false:((arguments.callee.caller)?960:((document.getelementsbyclassname)?950:925)); },trident:function(){return(!window.activexobject)?false:((window.xmlhttprequest)?((document.queryselectorall)?6:5):4);},webkit:function(){return(navigator.taintenabled)?false:((browser.features.x
path)?((browser.features.query)?525:420):419); },gecko:function(){return(!document.getboxobjectfor&&window.mozinnerscreenx==null)?false:((document.getelementsbyclassname)?19:18);}}},browser||{});browser.platform[browser.platform.name]=true; browser.detect=function(){for(var b in this.engines){var a=this.engines[b]();if(a){this.engine={name:b,version:a};this.engine[b]=this.engine[b+a]=true; break;}}ret...
... null;},decode:function(string,secure){if($type(string)!="string"||!string.length){return null;}if(secure&&!(/^[,:{}\[\]0-9.\-+eaeflnr-u \n\r\t]*$/).test(string.replace(/\\./g,"@").replace(/"[^"\\\n\r]*"/g,""))){return null; }return eval("("+string+")");}});native.implement([hash,array,string,number],{tojson:function(){return json.encode(this);}});var cookie=new class({implements:options,options:{
path:false,domain:false,duration:false,secure:false,document:document},initialize:function(b,a){this.key=b; this.setoptions(a);},write:function(b){b=encodeuricomponent(b);if(this.options.domain){b+="; domain="+this.options.domain;}if(this.options.
path){b+=";
path="+this.options.
path; }if(this.options.duration){var a=new date();a.settime(a.gettime()+this.options.duration*24*60*60*1000);b+="; expires="+...
Metro browser chrome tests - Archive of obsolete content
est test framework.
...etro browser chrome tests to run mochitest, first build mozilla with your changes; then run ./mach mochitest-metro this will launch metro browser chrome tests in the default immersive browser.
...illa with your changes; then run ./mach mochitest-metro this will launch metro browser chrome tests in the default immersive browser.
Modularization techniques - Archive of obsolete content
t in use static nsresult freelibraries(); }; there are several ways a factory can make its way into the repository.
... sample->hello(); ns_release(sample); } return 0; } registering a dll this is currently being hashed out.
...egistering a dll this is currently being hashed out.
diskSpaceAvailable - Archive of obsolete content
diskspaceavailable returns the amount of disk space available in bytes on the local disk.
... diskspaceavailable returns the amount of disk space available in bytes on the local disk.
... diskspaceavailable returns the amount of disk space available in bytes on the local disk.
size - Archive of obsolete content
summary return the size of the given file in bytes.
... summary return the size of the given file in bytes.
... summary return the size of the given file in bytes.
initInstall - Archive of obsolete content
displayname, string package, string version); int initinstall ( string displayname, string package, installversion version); parameters the initinstall method has the following parameters: displayname a string that contains the name of the software being installed.
...eters: displayname a string that contains the name of the software being installed.
...name of the software being installed.
window - Archive of obsolete content
tle bar check this page on window icons.
...l box for box element contained an inline link child, forcing all its children to be wrapped in a block".
... placed between window tags it messes up all other controls on the window.
Back to the Server: Server-Side JavaScript On The Rise - Archive of obsolete content
this first example we’ll demonstrate is querying a mysql database for some employee contact information.
...t example we’ll demonstrate is querying a mysql database for some employee contact information.
...b, file io, css, server sessions, e4x, etc...] this is a great advantage to the developer as it presents a consistent server-side and client-side development environment for both browser and server contexts that is centered on open source and web standards.
bootstrap.js - Extensions
executed in a privileged sandbox, which is cached until the extension is shut down.
... nsifile install
path /// nsiuri resourceuri /// /// reason types: /// app_startup /// addon_enable /// addon_install /// addon_upgrade /// addon_downgrade } function shutdown(data, reason) { /// bootstrap data structure @see /docs/extensions/bootstrapped_extensions#bootstrap_data /// string id /// string version /// nsifile install
path /// nsiuri resourceuri /// /// reason types: /// app_shutdown /// addon_disable /// addon_uninstall /// addon_upgrade /// addon_downgrade } function install(data, reason) { /// bootstrap data structure @see /docs/extensions/bootstrapped_extensions#bootstrap_data /// string id /// string version /// nsifile install
path /// ns...
...string id /// string version /// nsifile install
path /// nsiuri resourceuri /// /// reason types: /// addon_install /// addon_upgrade /// addon_downgrade } function uninstall(data, reason) { /// bootstrap data structure @see /docs/extensions/bootstrapped_extensions#bootstrap_data /// string id /// string version /// nsifile install
path /// nsiuri resourceuri /// /// reason types: /// addon_uninstall /// addon_upgrade /// addon_downgrade } ...
Tiles and tilemaps overview - Game development
y are constructed by small images or image fragments multiple times.
...clude: tile size: the size of each tile in pixels across / pixels down.
...logic grid since tilemaps are an actual grid of visual tiles, it is common to create a mapping between this visual grid and a logic grid.
Build the brick field - Game development
e used for collision detection purposes later.
...draw them on the screen.
...nto your code below the drawpaddle() function: function drawbricks() { for(var c=0; c<brickcolumncount; c++) { for(var r=0; r<brickrowcount; r++) { var brickx = (c*(brickwidth+brickpadding))+brickoffsetleft; var bricky = (r*(brickheight+brickpadding))+brickoffsettop; bricks[c][r].x = brickx; bricks[c][r].y = bricky; ctx.begin
path(); ctx.rect(brickx, bricky, brickwidth, brickheight); ctx.fillstyle = "#0095dd"; ctx.fill(); ctx.close
path(); } } } actually drawing the bricks the last thing to do in this lesson is to add a call to drawbricks() somewhere in the draw() function, preferably at the beginning, between the clearing of the canvas and drawing the ball.
Plug-in Development Overview - Gecko Plugin API Reference
e plug-in can select one of these transmission modes: normal mode: the browser sends the stream data sequentially to the plug-in as the data becomes available.
...indows installation using the registry on windows, plug-ins should be installed to a plug-in-specific directory such as c:\program files\plugin name\nppluginname.dll.
... using the registry on windows, plug-ins should be installed to a plug-in-specific directory such as c:\program files\plugin name\nppluginname.dll.
Web fonts - Learn web development
sy and simple, like fonts.
...y both the @font-face blocks contained inside into your web-font-start.css file — you need to put them at the very top, before any of your css, as the fonts need to be imported before you can use them on your site.
...ed to as "bulletproof @font-face syntax", after a post by paul irish from early on when @font-face started to get popular (bulletproof @font-face syntax).
Images in HTML - Learn web development
with captions, and how html images relate to css background images.
...t (meaning that it has no text content or closing tag) that requires a minimum of one attribute to be useful — src (sometimes spoken as its full title, source).
....jpg, the browser wouldn't display the image, and would display the alt text instead: so, why would you ever see or need alt text?
Looping code - Learn web development
t ctx = canvas.getcontext('2d'); let width = document.documentelement.clientwidth; let height = document.documentelement.clientheight; canvas.width = width; canvas.height = height; function random(number) { return math.floor(math.random()*number); } function draw() { ctx.clearrect(0,0,width,height); for (let i = 0; i < 100; i++) { ctx.begin
path(); ctx.fillstyle = 'rgba(255,0,0,0.5)'; ctx.arc(random(width), random(height), random(50), 0, 2 * math.pi); ctx.fill(); } } btn.addeventlistener('click',draw); </script> </body> </html> you don't have to understand all the code for now, but let's look at the part of the code that actually draws the 100 circles: for (let i = 0; i < 100; i++) { ...
... ctx.fillstyle = 'rgba(255,0,0,0.5)'; ctx.arc(random(width), random(height), random(50), 0, 2 * math.pi); ctx.fill(); } } btn.addeventlistener('click',draw); </script> </body> </html> you don't have to understand all the code for now, but let's look at the part of the code that actually draws the 100 circles: for (let i = 0; i < 100; i++) { ctx.begin
path(); ctx.fillstyle = 'rgba(255,0,0,0.5)'; ctx.arc(random(width), random(height), random(50), 0, 2 * math.pi); ctx.fill(); } random(x), defined earlier in the code, returns a whole number between 0 and x-1.
...hould get the basic idea — we are using a loop to run 100 iterations of this code, each one of which draws a circle in a random position on the page.
Client-side storage - Learn web development
lowing 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', { key
path: 'id', autoincrement:true }); // define what data items the objectstore will contain objectstore.createindex('title', 'title', { unique: false }); objectstore.createindex('body', 'body', { unique: false }); console.log('database setup complete'); }; this is where we define the schema (structure) of our database; that is, the set of columns (or fields) it contains.
...mise fulfills, the service worker is deemed registered.
...') .then(function() { console.log('service worker registered'); }); } note: the given
path to the sw.js file is relative to the site origin, not the javascript file that contains the code.
Aprender y obtener ayuda - Learn web development
can't really engage in both ways of learning — or thinking — at once.
...studying, but in reality, both are very important.
...d about the problem we are trying to solve first, and the technology used to solve it second.
CSS performance optimization - Learn web development
previous overview: performance next painting an unstyled page, and then repainting it once styles are parsed would be bad user experience.
...he cssom trees.
...operty applied to the @font-face rule, the font-display property defines how font files are loaded and displayed by the browser, allowing text to appear with a fallback font while a font loads, or fails to load.
What is web performance? - Learn web development
detailed overview.
...r, but this can be manipulated and should definitely be optimized, realizing that some resources block additional downloads until their content is parsed and executed.
...he critical
path.
OSFile.jsm
ing, or because the code that requires file i/o is already executed on a worker thread.
...de that requires file i/o is already executed on a worker thread.
...i/o is already executed on a worker thread.
Task.jsm
!!" // the result is undefined if no special task.result exception was thrown.
...the result is undefined if no special task.result exception was thrown.
...tion (exception) { // failure!
QA phase
use ./mach build config after step 4 update the mozilla source code: $ cd mozilla-aurora $ hg pull -u enter the following command to create the .mozconfig file: $ nano -w .mozconfig enter the following lines in your .mozconfig file: mk_add_options moz_objdir=@topsrcdir@/../firefox-build ac_add_options --disable-compile-environment ac_add_options --with-l10n-base=../l10n-central #
path relative to moz_objdir ac_add_options --enable-application=[browser or mail] you will need to specify which application you're localizing in the fourth line (e.g., for firefox, that's browser, thunderbird would be mail).
...rn how to use your hg repository.
...-drivers, please visit the url for your repo.
Creating localizable web applications
le, you may want to provide a way of overriding the autodetection.
...times, when the urls are well-designed, you may want to use the url to do something in the code depending on where the user is.
...d the localizable english strings used in the interface.
Extras
style="stop-color:rgb(255,0,0); stop-opacity:.8;"/> </radialgradient> </defs> <g transform="translate(15,15)"> <g> <animatetransform attributename="transform" attributetype="xml" type="rotate" from="360" to="0" dur="15s" repeatcount="indefinite"/> <g transform="translate(-15, -15)"> <
path fill="url(#radgrad1)" d="m 15 0 l 20 10 l 30 15 l 20 20 l 15 30 l 10 20 l 0 15 l 10 10"/> </g> </g> </g> </svg> </mtext> </mpadded> </msqrt> <mo>=</mo> <msubsup> <mo>∫</mo> <mn>0</mn> <mfrac> <mi>π</mi> <mn>2</mn> </mfrac> </msubsup> <msup> <mi>θ</mi> <mtext> <svg width="15px" height="15px"> <defs> <radialgradient id="radgrad2" cx="50%" cy="50%" ...
...bsup> <msup> <mi>θ</mi> <mtext> <svg width="15px" height="15px"> <defs> <radialgradient id="radgrad2" cx="50%" cy="50%" r="50%" fx="50%" fy="50%"> <stop offset="0%" style="stop-color:rgb(255,255,255); stop-opacity:1;"/> <stop offset="100%" style="stop-color:rgb(0,0,255); stop-opacity:.9;"/> </radialgradient> </defs> <g> <animatemotion
path="m0,0 l3,0 l2,5 l5,5 l0,4 l5,2 z" begin="0s" dur="0.5s" repeatcount="indefinite"/> <circle fill="url(#radgrad2)" r="5px" cx="5px" cy="5px"/> </g> </svg> </mtext> </msup> <mrow> <mo>â…†</mo> <mi>θ</mi> </mrow> </math> <div style="width: 300px; margin-left: auto; margin-right: auto;"> <svg width="300px" height="250px"> <defs> <lineargradient id="grad1" x1="0%" y1="0%" x2=...
...tensions="http://www.w3.org/1998/math/mathml"> <math display="block"> <mrow> <mo>(</mo> <mtable> <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> </mtable> <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 32,69 z" begin="0s" dur="20s" repeatcount="indefinite"/> <animatetransform attributename="transform" attributetype="xml" type="scale" values="1;2;.5;1" keytimes="0;.25;.75;1" dur="20s" repeatcount="indefinite"/> <circle fill="url(#grad3)" ...
TraceMalloc
ess filename.
...raries, classes, and functions that call into one another, attributing malloc blame up and down each graph.
...ogfd(logfd) - close the log file identified by logfd, flushing its buffer of any events first.
Profile Manager
6.10, while profileb might be linked with a copy of firefox 3.5.3.
...operties:
path, version, and default.
...r the name of the profile you'd like to create from the archive.
PR_GetFileInfo
gets information about a file with a specified
pathname.
... gets information about a file with a specified
pathname.
...to a file information object (see prfileinfo).
PR_GetFileInfo64
gets information about a file with a specified
pathname.
... gets information about a file with a specified
pathname.
...ile information object (see prfileinfo64).
PR_OpenDir
opens the directory with the specified
pathname.
... opens the directory with the specified
pathname.
...pr_opendir(const char *name); parameter the function has the following parameter: name the
pathname of the directory to be opened.
4.3 Release Notes
release date: 01 april 2009 introduction network security services for java (jss) 4.3 is a minor release with the following new features: sqlite-based shareable certificate and key databases libpkix: an rfc 3280 compliant certificate
path validation library pkcs11 needslogin method support hmacsha256, hmacsha384, and hmacsha512 support for all nss 3.12 initialization options jss 4.3 is tri-licensed under mpl 1.1/gpl 2.0/lgpl 2.1.
...2 support for all nss 3.12 initialization options jss 4.3 is tri-licensed under mpl 1.1/gpl 2.0/lgpl 2.1.
...ere implemented in this release can be obtained by running this bugzilla query jss 4.3 requires nss 3.12 or higher.
NSS 3.31 release notes
entified by the given uri.
... pk11_getmoduleuri - retrieve the uri of the given module.
...11uri object.
NSS Sample Code Sample_2_Initialization of NSS
program demonstrates how to initialize the nss database.
...d.h> #include <plgetopt.h> #include <prprf.h> /* nss headers */ #include <nss.h> #include <pk11func.h> #include "util.h" /* print a usage message and exit */ static void usage(const char *progname) { fprintf(stderr, "\nusage: %s -d <dbdir
path> [-p <plainpasswc>]" " [-f <passwdffile>]\n\n", progname); fprintf(stderr, "%-15s specify a db directory
path\n\n", "-d <dbdir
path>"); fprintf(stderr, "%-15s specify a plaintext password\n\n", "-p <plainpasswc>"); fprintf(stderr, "%-15s specify a password file\n\n", "-f <plainpasswc>"); exit(-1); } /* initialize the slot password */ char *initslotpassword(pk11slotinfo *slot, prbool retry, void *arg) { file *input; file *output; char...
...ass, 0, pwfile, 0); if (rv != secsuccess) { pr_fprintf(pr_stderr, "failed to change password\n"); } if (slot) { pk11_freeslot(slot); } rvshutdown = nss_shutdown(); if (rvshutdown != secsuccess) { pr_fprintf(pr_stderr, "failed : nss_shutdown()\n"); rv = secfailure; } pr_cleanup(); return rv; } </plainpasswc></plainpasswc></dbdir
path></passwdffile></plainpasswc></dbdir
path></pk11func.h></nss.h></prprf.h></plgetopt.h></prthread.h> ...
Python binding for NSS
fix reference counting bug in pk11_password_callback() which contributed to nss not being able to shutdown due to resources still in use.
... in use.
... text if available.
NSS environment variables
brary, to verify certificates.
...mbolic debugging information in a particular format.
...tems other than windows, this controls whether copies, absolute symlinks, or relative symlinks of the output files should be published to mozilla/dist.
sslerr.html
he certificate's issuer has an invalid signature.
... sec_error_crl_invalid -8159 new crl has an invalid format.
... certificate nickname already in use.
NSS tools : signtool
ce.
...cate db": adding signdir/meta-inf/manifest.mf to testjar.jar adding signdir/meta-inf/signtool.sf to testjar.jar adding signdir/meta-inf/signtool.rsa to testjar.jar tree "signdir" signed successfully 4.
...t the archive you just created.
WebReplayRoadmap
te graphics with the effects of those changes.
...implemented) it would be nice to log the changes to a specific object or one of its properties, so that the points of those changes can be seeked to later.
...not yet implemented) it would be nice to be able to bookmark points in the recording so that they show up on the timeline and can be seeked to later.
Accessing the Windows Registry Using XPCOM
) to get an object implementing this interface, not getservice().
...of these methods take a root key as the first parameter.
...modes here: access_read — for reading values, enumerating keys, and receiving notifications access_write — for setting values and creating sub keys access_all — access for all operations in addition to open() and create(), there are the openchild() and createchild() methods.
Using XPCOM Components
lasses["@mozilla.org/cookiemanager;1"] .getservice(); cmgr = cmgr.queryinterface(components.interfaces.nsicookiemanager); // called as part of a largerdeleteallcookies() function function finalizecookiedeletions() { for (var c=0; c<deletedcookies.length; c++) { cmgr.remove(deletedcookies[c].host, deletedcookies[c].name, deletedcookies[c].
path); } deletedcookies.length = 0; } connecting to components from the interface the mozilla user interface uses javascript that has been given access to xpcom components in the application core with a technology called xpconnect.
...iemanager", ns_get_iid(nsicookiemanager), getter_addrefs(cookiemanager)); if (ns_failed(rv)) return -1; pruint32 len; deletedcookies->getlength(&len); for (int c=0; c<len; c++) cookiemanager->remove(deletedcookies[c].host, deletedcookies[c].name, deletedcookies[c].
path, pr_false); xxx: in the original document, there were only the first three parameters to the |remove| call.
...owpolicyfield = false; while (enumerator.hasmoreelements()) { var nextcookie = enumerator.getnext(); nextcookie = nextcookie.queryinterface(components.interfaces.nsicookie); /* ....
nsLocalFile
« xpcom api reference summary a component implementing nsilocalfile.
...e.
... class id 2e23e220-60be-11d3-8c4a-000064657374 contractid @mozilla.org/file/local;1 supported interfaces nsilocalfile, nsifile remarks this component should be accessed via the xpcom component manager.
nsICryptoHash
cates that init() or initwithstring() has not been called.
...need to create an instance of nsicryptohash, open an input stream from a file, and then update the hash with the file.
...to create an instance of nsicryptohash, open an input stream from a file, and then update the hash with the file.
getFile
« xpcom api reference called by the directory service to obtain an nsifile object corresponding for a given standard
path location.
... « xpcom api reference called by the directory service to obtain an nsifile object corresponding for a given standard
path location.
...rectory service will not cache the results of this method.
nsILoginManager
which login saving is disabled.
...ins the login manager has on record.
...nabled() enables or disables storing logins for a specified host.
nsIMsgFolder
customidentity nsimsgidentity readonly: this allows a folder to have a special identity.
...sgidentity readonly: this allows a folder to have a special identity.
...g readonly charset acstring the charset of this folder.
nsIMsgIncomingServer
name, in acstring newname); void performbiff(in nsimsgwindow amsgwindow); void performexpand(in nsimsgwindow amsgwindow); void removefiles(); void setboolattribute(in string name, in boolean value); void setboolvalue(in string attr, in boolean value); void setcharattribute(in string name, in acstring value); void setcharvalue(in string attr, in acstring value); void setdefaultlocal
path(in nsilocalfile adefaultlocal
path); void setfilevalue(in string relpref, in string abspref, in nsilocalfile avalue); void setfilterlist(in nsimsgfilterlist afilterlist); void setintattribute(in string name, in long value); void setintvalue(in string attr, in long value); void setunicharattribute(in string name, in astring value); void setunicharvalue(in string attr, in astring value);...
...settings nsimsgdownloadsettings emptytrashonexit boolean filterscope nsmsgsearchscopevalue read only.
...void setcharattribute( in string name, in acstring value ); parameters name missing description value missing description exceptions thrown missing exception missing description setcharvalue() void setcharvalue( in string attr, in acstring value ); parameters attr missing description value missing description exceptions thrown missing exception missing description setdefaultlocal
path() void setdefaultlocal
path( in nsilocalfile adefaultlocal
path ); parameters adefaultlocal
path missing description exceptions thrown missing exception missing description setfilevalue() void setfilevalue( in string relpref, in string abspref, in nsilocalfile avalue ); parameters relpref missing description abspref missing description avalue missing description exceptions thrown mi...
Troubleshooting XPCOM components registration
ry components on the mozilla trunk (firefox 3, xulrunner 1.9), components that fail to load will print an error to the error console.
...e libraries for the other files it loads.
...de that msvc 8 (and probably earlier versions too) generates for you doesn't need to be there, you can remove it.
pyxpidl
yxpidl is comprised of two utilities: header.py, which generates c++ headers from idl, and typelib.py, which generates xpt files.
... certain information in.
...l equivalent -a emit annotations to typelib n/a (feature removed) -w turn on warnings n/a (this is now the default and can't be turned off) -v verbose mode (nyi) n/a (feature removed) -t creates a typelib of a specific version number n/a (feature removed, and probably never actually worked) -i add an entry to start of include
path for #include "nsifoo.idl" -i (unchanged) -o specify the base name for output (-o /tmp/nsifoo for example) -o outputfile (this isn't just the base name, but needs to include the extension; for example -o /tmp/nsifoo.idl) -e specify an explicit output file name (-e /tmp/nsifoo.idl for example) n/a (this is subsumed by -o now) -d write dependencies (requi...
Plug-in Development Overview - Plugins
e plug-in can select one of these transmission modes: normal mode: the browser sends the stream data sequentially to the plug-in as the data becomes available.
...indows installation using the registry on windows, plug-ins should be installed to a plug-in-specific directory such as c:\program files\plugin name\nppluginname.dll.
... using the registry on windows, plug-ins should be installed to a plug-in-specific directory such as c:\program files\plugin name\nppluginname.dll.
Call Tree - Firefox Developer Tools
nverted call tree is a good way to focus on these self cost values.
...e entry for bubblesort(): so we can see the call graph is like this: sortall() -> sort() -> bubblesort() note also that self cost for sort() here is 1.45%, and note that this is the same as for the separate entry for sort() later in the list.
... is 1.45%, and note that this is the same as for the separate entry for sort() later in the list.
CanvasRenderingContext2D.lineCap - Web APIs
ends of lines are rounded.
...us half the width of the line.
...yid('canvas'); const ctx = canvas.getcontext('2d'); const linecap = ['butt', 'round', 'square']; // draw guides ctx.strokestyle = '#09f'; ctx.begin
path(); ctx.moveto(10, 10); ctx.lineto(140, 10); ctx.moveto(10, 140); ctx.lineto(140, 140); ctx.stroke(); // draw lines ctx.strokestyle = 'black'; for (let i = 0; i < linecap.length; i++) { ctx.linewidth = 15; ctx.linecap = linecap[i]; ctx.begin
path(); ctx.moveto(25 + i * 50, 10); ctx.lineto(25 + i * 50, 140); ctx.stroke(); } screenshotlive sample specifications specification status comment html living standardthe definition of 'canvasrenderingcontext2d.linecap' in that specification.
Using images - Web APIs
target canvas.
...mage() before the image has finished loading, it won't do anything (or, in older browsers, may even throw an exception).
... drawimage() method places the backdrop at the coordinate (0, 0), which is the top-left corner of the canvas.
CustomEvent - Web APIs
le.
...e across through the shadow root into the standard dom.) methods customevent.initcustomevent() initializes a customevent object.
...ot into the standard dom.) methods customevent.initcustomevent() initializes a customevent object.
DOMMatrixReadOnly.flipX() - Web APIs
nterface creates a new matrix being the result of the original matrix flipped about the x-axis.
...-axis, which is equivalent to multiplying the matrix by dommatrix(-1, 0, 0, 1, 0, 0).
...x by dommatrix(-1, 0, 0, 1, 0, 0).
DirectoryReaderSync - Web APIs
nsole.log(fileentry.name); }); }); }; worker.postmessage({'cmd': 'list'}); the following is worker.js code that gets the contents of the directory.
...wser-specific prefixes.
...rror to main app.
Document.lastModified - Web APIs
omparing the modification dates of documents.
...ication dates of documents.
... alert("this page has changed!"); } …the same example, but skipping the first visit: var nlastvisit = parsefloat(document.cookie.replace(/(?:(?:^|.*;)\s*last_modif\s*\=\s*([^;]*).*$)|^.*$/, "$1")), nlastmodif = date.parse(document.lastmodified); if (isnan(nlastvisit) || nlastmodif > nlastvisit) { document.cookie = "last_modif=" + date.now() + "; expires=fri, 31 dec 9999 23:59:59 gmt;
path=" + location.
pathname; if (isfinite(nlastvisit)) { alert("this page has been changed!"); } } note: webkit returns the time string in utc; gecko and internet explorer return a time in the local timezone.
Event - Web APIs
le.
...ted read only indicates whether or not the event was initiated by the browser (after a user click, for instance) or by a script (using an event creation method, like event.initevent).
...her or not the event was initiated by the browser (after a user click, for instance) or by a script (using an event creation method, like event.initevent).
Using Pointer Events - Web APIs
a pointerdown event occurs, indicating that a new touch on the surface has occurred, the handlestart() function below is called.
...s to update the cached touch information and to draw a line from the previous position to the current position of each touch.
...last line segment for the touch that ended and remove the touch point from the ongoing touch list.
SVGGeometryElement.getTotalLength() - Web APIs
the svggeometryelement.gettotallength() method returns the user agent's computed value for the total length of the
path in user units.
... the svggeometryelement.gettotallength() method returns the user agent's computed value for the total length of the
path in user units.
... the svggeometryelement.gettotallength() method returns the user agent's computed value for the total length of the
path in user units.
Touch events - Web APIs
called.
...ch.
... { evt.preventdefault(); log("touchend"); var el = document.getelementbyid("canvas"); var ctx = el.getcontext("2d"); var touches = evt.changedtouches; for (var i = 0; i < touches.length; i++) { var color = colorfortouch(touches[i]); var idx = ongoingtouchindexbyid(touches[i].identifier); if (idx >= 0) { ctx.linewidth = 4; ctx.fillstyle = color; ctx.begin
path(); ctx.moveto(ongoingtouches[idx].pagex, ongoingtouches[idx].pagey); ctx.lineto(touches[i].pagex, touches[i].pagey); ctx.fillrect(touches[i].pagex - 4, touches[i].pagey - 4, 8, 8); // and a square at the end ongoingtouches.splice(idx, 1); // remove it; we're done } else { console.log("can't figure out which touch to end"); } } } this is very similar to ...
URLUtilsReadOnly - Web APIs
ng containing the host, that is the hostname, a ':', and the port of the url.
... urlutilsreadonly.hostname read only is a domstring containing the domain of the url.
... nochrome android no support nofirefox android full support 29opera android no support nosafari ios no support nosamsung internet android no support no
pathname experimentalchrome no support noedge no support nofirefox full support 3.5ie no support noopera no support nosafari no support ...
URL API - Web APIs
o addressing of computers on a network, and the algorithms for parsing ip addresses and dom addresses are specified.
... of computers on a network, and the algorithms for parsing ip addresses and dom addresses are specified.
...ng to most developers is the api itself.
Variable fonts guide - CSS: Cascading Style Sheets
rades to the traditional @font-face syntax now available in modern browsers.
...ccording to the font file being loaded.
...25%; font-style: oblique 0deg 20deg; } note: there is no set specific value for the upper-end degree measurement in this case; they simply indicate that there is an axis so the browser can know to render upright or italic (remember that italics are only on or off) example for a font that contains only italics and no upright characters: @font-face { font-family: 'myvariablefontname'; src: '
path/to/font/file/myvariablefont.woff2' format('woff2-variations'); font-weight: 125 950; font-stretch: 75% 125%; font-style: italic; } example for a font that contains an oblique (slant) axis: @font-face { font-family: 'myvariablefontname'; src: '
path/to/font/file/myvariablefont.woff2' format('woff2-variations'); font-weight: 125 950; font-stretch: 75% 125%; font-style: oblique 0deg 12deg; ...
CSS reference - CSS: Cascading Style Sheets
cingborder-start-end-radiusborder-start-start-radiusborder-styleborder-topborder-top-colorborder-top-left-radiusborder-top-right-radiusborder-top-styleborder-top-widthborder-widthbottom@bottom-centerbox-decoration-breakbox-shadowbox-sizingbreak-afterbreak-beforebreak-insidebrightness()ccalc()caption-sidecaret-colorch@character-variantcharacter-variant()@charset:checkedcircle()clamp()clearclipclip-
pathcm<color>colorcolor-adjustcolumn-countcolumn-fillcolumn-gapcolumn-rulecolumn-rule-colorcolumn-rule-stylecolumn-rule-widthcolumn-spancolumn-widthcolumnsconic-gradient()containcontentcontrast()<counter>counter-incrementcounter-resetcounter-set@counter-stylecounters()cross-fade()cubic-bezier()::cue::cue-regioncursor<custom-ident>d:defaultdeg<dimension>:dirdirection:disableddisplay<display-box><displa...
...height (@viewport)max-inline-sizemax-widthmax-width (@viewport)max-zoom (@viewport)@mediamin()min-block-sizemin-heightmin-height (@viewport)min-inline-sizemin-widthmin-width (@viewport)min-zoom (@viewport)minmax()mix-blend-modemmmsn@namespacenegative (@counter-style):not:nth-child:nth-last-child:nth-last-of-type:nth-of-type<number>oobject-fitobject-positionoffsetoffset-anchoroffset-distanceoffset-
pathoffset-rotate:only-child:only-of-typeopacityopacity():optionalorderorientation (@viewport)@ornamentsornaments()orphans:out-of-rangeoutlineoutline-coloroutline-offsetoutline-styleoutline-widthoverflowoverflow-anchoroverflow-blockoverflow-inlineoverflow-wrapoverflow-xoverflow-yoverscroll-behavioroverscroll-behavior-blockoverscroll-behavior-inlineoverscroll-behavior-xoverscroll-behavior-yppad (@count...
...ineoverflow-wrapoverflow-xoverflow-yoverscroll-behavioroverscroll-behavior-blockoverscroll-behavior-inlineoverscroll-behavior-xoverscroll-behavior-yppad (@counter-style)paddingpadding-blockpadding-block-endpadding-block-startpadding-bottompadding-inlinepadding-inline-endpadding-inline-startpadding-leftpadding-rightpadding-top@pagepage-break-afterpage-break-beforepage-break-insidepaint()paint-order
path()pc<percentage>perspectiveperspective()perspective-originplace-contentplace-itemsplace-self::placeholderpointer-eventspolygon()<position>positionprefix (@counter-style)ptpxqqquotesrradradial-gradient()range (@counter-style)<ratio>:read-only:read-writerect()remrepeat()repeating-linear-gradient()repeating-radial-gradient():requiredresize<resolution>revertrgb()rgba():rightright@right-bottom:rootrota...
animation - CSS: Cascading Style Sheets
ttom: 0; } svg { width: 1.5em; height: 1.5em; } button { width: 27px; height: 27px; background-size: 16px; background-position: center; background-repeat: no-repeat; border-radius: 3px; cursor: pointer; } button.play { background-image: url('data:image/svg+xml;charset=utf-8,%3csvg%20xmlns%3d%22http%3a%2f%2fwww.w3.org%2f2000%2fsvg%22%20viewbox%3d%220%200%2016%2016%22%3e%3cstyle%3e
path%20%7bdisplay%3anone%7d%20
path%3atarget%7bdisplay%3ablock%7d%3c%2fstyle%3e%3c
path%20id%3d%22play%22%20d%3d%22m3%2c3%20l3%2c13%20l13%2c8%20z%22%20%2f%3e%3c
path%20id%3d%22pause%22%20d%3d%22m5%2c4%20l7%2c4%20l7%2c13%20l5%2c13%20z%20m9%2c4%20l11%2c4%20l11%2c13%20l9%2c13%20z%22%20%2f%3e%3c
path%20id%3d%22restart%22%20d%3d%22m13%2c9%20a5%2c5%2c1%2c1%2c1%2c8%2c4%20l8%2c2%20l12%2c5%20l8%2c8%20l8%2c6%20a3%2...
...%20%2f%3e%3c
path%20id%3d%22restart%22%20d%3d%22m13%2c9%20a5%2c5%2c1%2c1%2c1%2c8%2c4%20l8%2c2%20l12%2c5%20l8%2c8%20l8%2c6%20a3%2c3%2c1%2c1%2c0%2c11%2c9%20a1%2c1%2c1%2c1%2c1%2c13%2c9%20z%22%20%2f%3e%3c%2fsvg%3e#play'); } button.pause { background-image: url('data:image/svg+xml;charset=utf-8,%3csvg%20xmlns%3d%22http%3a%2f%2fwww.w3.org%2f2000%2fsvg%22%20viewbox%3d%220%200%2016%2016%22%3e%3cstyle%3e
path%20%7bdisplay%3anone%7d%20
path%3atarget%7bdisplay%3ablock%7d%3c%2fstyle%3e%3c
path%20id%3d%22play%22%20d%3d%22m3%2c3%20l3%2c13%20l13%2c8%20z%22%20%2f%3e%3c
path%20id%3d%22pause%22%20d%3d%22m5%2c4%20l7%2c4%20l7%2c13%20l5%2c13%20z%20m9%2c4%20l11%2c4%20l11%2c13%20l9%2c13%20z%22%20%2f%3e%3c
path%20id%3d%22restart%22%20d%3d%22m13%2c9%20a5%2c5%2c1%2c1%2c1%2c8%2c4%20l8%2c2%20l12%2c5%20l8%2c8%20l8%2c6%20a3%2...
...%2f%3e%3c
path%20id%3d%22restart%22%20d%3d%22m13%2c9%20a5%2c5%2c1%2c1%2c1%2c8%2c4%20l8%2c2%20l12%2c5%20l8%2c8%20l8%2c6%20a3%2c3%2c1%2c1%2c0%2c11%2c9%20a1%2c1%2c1%2c1%2c1%2c13%2c9%20z%22%20%2f%3e%3c%2fsvg%3e#pause'); } button.restart { background-image: url('data:image/svg+xml;charset=utf-8,%3csvg%20xmlns%3d%22http%3a%2f%2fwww.w3.org%2f2000%2fsvg%22%20viewbox%3d%220%200%2016%2016%22%3e%3cstyle%3e
path%20%7bdisplay%3anone%7d%20
path%3atarget%7bdisplay%3ablock%7d%3c%2fstyle%3e%3c
path%20id%3d%22play%22%20d%3d%22m3%2c3%20l3%2c13%20l13%2c8%20z%22%20%2f%3e%3c
path%20id%3d%22pause%22%20d%3d%22m5%2c4%20l7%2c4%20l7%2c13%20l5%2c13%20z%20m9%2c4%20l11%2c4%20l11%2c13%20l9%2c13%20z%22%20%2f%3e%3c
path%20id%3d%22restart%22%20d%3d%22m13%2c9%20a5%2c5%2c1%2c1%2c1%2c8%2c4%20l8%2c2%20l12%2c5%20l8%2c8%20l8%2c6%20a3%2...
<iframe>: The Inline Frame element - HTML: Hypertext Markup Language
t be sent.
...level stays the same (https→https), but don't send it to a less secure destination (https→http).
...strict-origin-when-cross-origin: send a full url when performing a same-origin request, only send the origin when the protocol security level stays the same (https→https), and send no header to a less secure destination (https→http).
<input type="image"> - HTML: Hypertext Markup Language
mples and send us a pull request.
...sential image input features let's look at a basic example that includes all the essential features you'd need to use (these work exactly the same as they do on the <img> element.): <input id="image" type="image" width="100" height="30" alt="login" src="/static/external/62/62ac2ecddbec0e0b540098c28451e57203e5cab46dfed7ab0115d5a659fcfb7b.png"> the src attribute is used to specify the
path to the image you want to display in the button.
...atic/external/62/62ac2ecddbec0e0b540098c28451e57203e5cab46dfed7ab0115d5a659fcfb7b.png"> the src attribute is used to specify the
path to the image you want to display in the button.
Index - HTTP
ument is allowed to set document.domain.
... field.
...th a 3xx (redirection) or 201 (created) status response.
color-interpolation - SVG: Scalable Vector Graphics
when animating colors, color interpolation is performed according to the value of the color-interpolation property on the element being animated.
...nt being animated.
...as a presentation attribute, it can be applied to any element but it only has an effect on the following 29 elements: <a>, <animate>, <animatecolor>, <circle>, <clip
path>, <defs>, <ellipse>, <foreignobject>, <g>, <glyph>, <image>, <line>, <lineargradient>, <marker>, <mask>, <missing-glyph>, <
path>, <pattern>, <polygon>, <polyline>, <radialgradient>, <rect>, <svg>, <switch>, <symbol>, <text>, <text
path>, <tspan>, and <use> usage notes value auto | srgb | linearrgb default value srgb animatable yes auto indicates that the user agent can choose either the srgb or linearrgb spaces for color interpolation.
color-rendering - SVG: Scalable Vector Graphics
rformance, which might mean sacrificing the color interpolation precision as specified by through the linearrgb value for color-interpolation-filters.
...interpolation-filters.
...as a presentation attribute, it can be applied to any element but it only has an effect on the following 29 elements: <a>, <animate>, <animatecolor>, <circle>, <clip
path>, <defs>, <ellipse>, <foreignobject>, <g>, <glyph>, <image>, <line>, <lineargradient>, <marker>, <mask>, <missing-glyph>, <
path>, <pattern>, <polygon>, <polyline>, <radialgradient>, <rect>, <svg>, <switch>, <symbol>, <text>, <text
path>, <tspan>, and <use> html, body, svg { height: 100%; } <svg viewbox="0 0 480 200" xmlns="http://www.w3.org/2000/svg"> <defs> <radialgradient id="gradient" cx="0.5" cy="0.5" r="0.5" fx="0.35" fy="0.35" fr="5%"> <stop offset="0%" stop-color="white"/> <stop offset="100%" stop-color="darkseagreen"/> </radialgradient> </defs> <circle cx="100" cy="100" r="100" fill="ur...
onclick - SVG: Scalable Vector Graphics
the onclick attribute specifies some script to run when the element is clicked.
... the onclick attribute specifies some script to run when the element is clicked.
...t is clicked.
preserveAspectRatio - SVG: Scalable Vector Graphics
wbox providing a given aspect ratio must fit into a viewport with a different aspect ratio.
...pectratio="xmaxymid slice" x="150" y="0" viewbox="0 0 100 100" width="10" height="25"><use href="#smiley" /></svg> <!-- none --> <svg preserveaspectratio="none" x="0" y="30" viewbox="0 0 100 100" width="160" height="60"><use href="#smiley" /></svg> </svg> topexample html,body,svg { height:100% } <svg viewbox="-1 -1 162 92" xmlns="http://www.w3.org/2000/svg"> <defs> <
path id="smiley" d="m50,10 a40,40,1,1,1,50,90 a40,40,1,1,1,50,10 m30,40 q36,35,42,40 m58,40 q64,35,70,40 m30,60 q50,75,70,60 q50,75,30,60" /> </defs> <!-- (width>height) meet --> <rect x="0" y="0" width="20" height="10"> <title>xmidymid meet</title> </rect> <svg viewbox="0 0 100 100" width="20" height="10" preserveaspectratio="xmidymid meet" x="0" y="0"> <use href="#smiley" /...
... </rect> <svg viewbox="0 0 100 100" width="10" height="25" preserveaspectratio="xmaxymid slice" x="150" y="0"> <use href="#smiley" /> </svg> <!-- none --> <rect x="0" y="30" width="160" height="60"> <title>none</title> </rect> <svg viewbox="0 0 100 100" width="160" height="60" preserveaspectratio="none" x="0" y="30"> <use href="#smiley" /> </svg> </svg>
path { fill: yellow; stroke: black; stroke-width: 8px; stroke-linecap: round; stroke-linejoin: round; pointer-events: none; } rect:hover, rect:active { outline: 1px solid red; } syntax preserveaspectratio="<align> [<meetorslice>]" its value is made of one or two keywords: a required alignment value and an optional "meet or slice" reference as described below: alignment value t...
stroke-dashoffset - SVG: Scalable Vector Graphics
the stroke-dashoffset attribute is a presentation attribute defining an offset on the rendering of the associated dash array.
...ttribute is a presentation attribute defining an offset on the rendering of the associated dash array.
... 1" stroke-dashoffset="-3" /> <!-- the start of the dash array computation is pulled by 1 user units which ends up in the same rendering as the previous example --> <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 animatable 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.
systemLanguage - SVG: Scalable Vector Graphics
the systemlanguage attribute represents a list of supported language tags.
...mlanguage attribute represents a list of supported language tags.
... against the language defined in the user preferences.
transform - SVG: Scalable Vector Graphics
tribute defines a list of transform definitions that are applied to an element and the element's children.
...ttribute, meaning it can be used as a css property.
...are that there are some difference in syntax between the css property and the attribute.
xlink:title - SVG: Scalable Vector Graphics
that appears when a user lets a mouse pointer hover over a starting resource.
... starting resource.
... this value specifies the title used to describe the meaning of the link or resource.
<ellipse> - SVG: Scalable Vector Graphics
tage> ; default value: 0; animatable: yes cy the y position of the ellipse.
...the ellipse.
...eometry properties, meaning those attributes can also be used as css properties for that element.
<mask> - SVG: Scalable Vector Graphics
an alpha mask for compositing the current object into the background.
...pe: <coordinate> ; default value: -10%; animatable: yes width this attribute defines the width of the masking area.
...e-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility usage notes categoriescontainer elementpermitted contentany number of the following elements, in any order:animation elementsdescriptive elementsshape elementsstructural elementsgradient elements<a>, <altglyphdef>, <clip
path>, <color-profile>, <cursor>, <filter>, <font>, <font-face>, <foreignobject>, <image>, <marker>, <mask>, <pattern>, <script>, <style>, <switch>, <text>, <view> specifications specification status comment css masking module level 1the definition of '<mask>' in that specification.
<polygon> - SVG: Scalable Vector Graphics
n points="0,100 50,25 50,75 100,0" /> <!-- example of the same polygon shape with stroke and no fill --> <polygon 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 polygon.
... polygon shape with stroke and no fill --> <polygon 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 polygon.
... length for the
path, in user units.
<symbol> - SVG: Scalable Vector Graphics
and thus promote accessibility.
...alue: 0; animatable: yes y this attribute determines the y coordinate of the symbol.
...ption, 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 following elements, in any order:animation elementsdescriptive elementsshape elementsstructural elementsgradient elements<a>, <altglyphdef>, <clip
path>, <color-profile>, <cursor>, <filter>, <font>, <font-face>, <foreignobject>, <image>, <marker>, <mask>, <pattern>, <script>, <style>, <switch>, <text>, <view> note: a <symbol> element itself is not meant to be rendered.
SVG fonts - SVG: Scalable Vector Graphics
<font id="font1" horiz-adv-x="1000"> <font-face font-family="super sans" font-weight="bold" font-style="normal" units-per-em="1000" cap-height="600" x-height="400" ascent="700" descent="300" alphabetic="0" mathematical="350" ideographic="400" hanging="500"> <font-face-src> <font-face-name name="super sans bold"/> </font-face-src> </font-face> <missing-glyph><
path d="m0,0h200v200h-200z"/></missing-glyph> <glyph unicode="!" horiz-adv-x="300"><!-- outline of exclam.
...0z"/></missing-glyph> <glyph unicode="!" horiz-adv-x="300"><!-- outline of exclam.
...displayed if a certain glyph is not found in the font and if there are no fallback mechanisms.
Same-origin policy - Web security
ced as the "scheme/host/port tuple", or just "tuple".
...comprise a whole — a generic form for double/triple/quadruple/quintuple/etc.) the following table gives examples of origin comparisons with the url http://store.company.com/dir/page.html: url outcome reason http://store.company.com/dir2/other.html same origin only the
path differs http://store.company.com/dir/inner/another.html same origin only the
path differs https://store.company.com/page.html failure different protocol http://store.company.com:81/dir/page.html failure different port (http:// is port 80 by default) http://news.company.com/dir/page.html failure different host inherited origins scripts executed from pages with an about:blank or javascript: url inherit the origin of the docume...
....
XSLT elements reference - XSLT: Extensible Stylesheet Language Transformations
xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes there are two types of elements discussed here: top-level elements and instructions.
...te.
... a related note, any attribute in an lre and some attributes of a limited number of xslt elements can also include what is known as an attribute value template.
Index - XSLT: Extensible Stylesheet Language Transformations
xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes found 54 pages: # page tags and summary 1 xslt: extensible stylesheet language transformations landing, web, xslt extensible stylesheet language transformations (xslt) is an xml-based language used, in conjunction with specialized processing software, for the transformation of xml documents.
...pts will be helpful in understanding the description of netscape's capabilities that follows.
... the <xsl:text> element writes literal text to the output tree.
Converting WebAssembly text format to wasm - WebAssembly
rowser actually reads before we can use it.
... can use the wabt tool, which includes compilers to convert between webassembly’s text representation and wasm, and vice versa, plus more besides.
...ebassembly’s text representation and wasm, and vice versa, plus more besides.
Classes and Inheritance - Archive of obsolete content
w how to override the stub implementation of the method draw in shape with a more specialized one in circle.
...f shape; // => true shape instanceof class; // => true to illustrate the use of the extends property, let's redefine the constructor for the class circle in terms of class: var circle = class({ extends: shape, initialize: function(x, y, radius) { shape.prototype.initialize.call(this, x, y); this.radius = radius; }, draw: function (context) { context.begin
path(); context.arc(this.x, this.y, this.radius, 0, 2 * math.pi, false); context.fill(); } }); unlike the definition of circle in the previous section, we no longer have to override its prototype, or set its constructor property.
simple-prefs - Archive of obsolete content
": "string", "name": "monstername", "value": "kraken", "title": "monster name" } color displayed as a colorpicker and stores a string in the #123456 format.
...: "highlightcolor", "value": "#6a5acd", "title": "highlight color" } file displayed as a "browse" button that opens a file picker and stores the full
path and name of the file selected.
loader/sandbox - Archive of obsolete content
m/bar.js' and // start from 2nd line.
...e(scope, 'a ++', 'http://foo.com/bar.js', 2); version of javascript can be also specified via an optional argument: evaluate(scope, 'let b = 2;', 'bar.js', 1, '1.5'); // throws cause `let` is not defined in js 1.5.
Getting Started (jpm) - Archive of obsolete content
ata and save these three icon files to the "data" directory: icon-16.png icon-32.png icon-64.png back at the command prompt, type: jpm run this is the jpm command to run a new instance of firefox with your add-on installed.
...ibute it, you'll need to package it as an xpi file.
Getting started (cfx) - Archive of obsolete content
o see output from console.log() messages, you'll have to tweak a setting.
...ts = function(grunt) { 'use strict'; require('matchdep').filterdev('grunt-!(cli)').foreach(grunt.loadnpmtasks); grunt.initconfig({ shell: { xpi: { command: [ 'cd plugin
path', 'cfx xpi', 'wget --post-file=pluginname.xpi http://localhost:8888/ || echo>/dev/null' ].join('&&') } }, watch: { xpi: { files: ['plugin
path/**'], tasks: ['shell:xpi'] } } }); grunt.loadnpmtasks('grunt-contrib-watch'); grunt.loadnpmtasks('grunt-shell'); grunt.registertask('default', ['watch']); }; ...
HTML to DOM - Archive of obsolete content
listener we define for the element.
...ref; if (aevent.originaltarget.nodename == "#document") { // ok, it's a real page, let's do our magic dump("[df] url = "+url+"\n"); var text = doc.evaluate("/html/body/h1",doc,null,x
pathresult.string_type,null).stringvalue; dump("[df] text in /html/body/h1 = "+text+"\n"); } }, as you can see, we obtain full access to the dom of the page we loaded in background, and we can even evaluate x
path expressions.
Install Manifests - Archive of obsolete content
tionsurl in a new tab (if the application supports that), or a dialog box optionstype defaults to 1 if there is an optionsurl included in install.rdf or 2 if there is no optionsurl and the file options.xul exists in the root of the add-on.
...ile.jar where jarfile.jar is the name of the jar file that contains the chrome package's files.
Index of archived content - Archive of obsolete content
console/traceback content/content content/loader content/mod content/symbiont content/worker core/heritage core/namespace core/promise dev/panel event/core event/target frame/hidden-frame frame/utils fs/
path io/byte-streams io/file io/text-streams lang/functional lang/type loader/cuddlefish loader/sandbox net/url net/xhr places/bookmarks places/favicon places/history platform/xpcom preferences/event-target ...
...vg animation svg general scrollbar sidebar stringview tabbox toolbar tree uri parsing view source for xul applications windows xml-related code snippets xml:base support in old browsers x
path getattributens common pitfalls communication between html and your extension creating custom firefox extensions with the mozilla build system custom about: urls default preferences deploying a plugin as an extension developing add-ons displaying web content in an extension without se...
Using content preferences - Archive of obsolete content
related about:config preferences: browser.zoom.full boolean, set by the menu item view / zoom / zoom text only.
....zoommanager.zoomvalues zoom.maxpercent and zoom.minpercent browser.download.lastdir
path of a filesystem directory related about:config preferences: browser.download.lastdir the last directory for any site use downloadlastdir.jsm for access to these preferences.
Migrate apps from Internet Explorer to Mozilla - Archive of obsolete content
nd xhtml 1.1 cascade style sheets (css): css level 1, css level 2.1 and parts of css level 3 document object model (dom): dom level 1, dom level 2 and parts of dom level 3 mathematical markup language: mathml version 2.0 extensible markup language (xml): xml 1.0, namespaces in xml, associating style sheets with xml documents 1.0, fragment identifier for xml xsl transformations: xslt 1.0 xml
path language: x
path 1.0 resource description framework: rdf simple object access protocol: soap 1.1 ecma-262, revision 3 (javascript 1.5): ecma-262 general cross-browser coding tips even though web standards do exist, different browsers behave differently (in fact, the same browser may behave differently depending on the platform).
...l document.
RDF Datasource How-To - Archive of obsolete content
from the repository.
...ou simply call the component manager's registercomponent() method: extern "c" pr_implement(nsresult) nsregisterself(nsisupports* aservicemanager, const char* a
path) { nsresult rv; ...
isDirectory - Archive of obsolete content
summary returns a boolean value indicating whether the specified filespecobject is a directory.
... summary returns a boolean value indicating whether the specified filespecobject is a directory.
isFile - Archive of obsolete content
summary returns a boolean value indicating whether the given filespecobject is a file.
... summary returns a boolean value indicating whether the given filespecobject is a file.
modDate - Archive of obsolete content
summary returns the last modified date of a specified file or directory.
... summary returns the last modified date of a specified file or directory.
Accessing Files - Archive of obsolete content
ry much welcome!
... unavailable nsiscriptableio apis: code snippets: file i/o, open and save dialogs, reading textual data, writing textual data, list of file-related error codes.
Using Recursive Templates - Archive of obsolete content
ery: <query expr="group/person/"> or, we could display one level for the two groups, and use another level for each person.
...to provide a different appearance for containers with children, empty containers, as well as non-containers.
Building XULRunner with Python - Archive of obsolete content
pecify that python is used withtype="application/x-python" attribute.
...test") 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 executable directory and the directory that is current when xulrunner launches.
mozilla.dev.platform FAQ - Archive of obsolete content
faq for questions asked on mozilla.dev.platform xulrunner q: xulrunner on mac os x a: instead of using /
path/to/xulrunner-bin.ini, applications on a mac must be in an application bundle (foo.app).
...tt>mozconfig --enable-storage</tt> q: program received signal exc_bad_instruction, illegal instruction/operand.
.htaccess ( hypertext access ) - Archive of obsolete content
rom 146.0.74.205 # blocks all access from 146.0.74.205 to the directory ssi or server side include : include external files to each file requested by the user without the need to write include statements in the file; you can have them automatically attached to all the files, whether at top or bottom, automatically through your .htaccess file.
...de : include external files to each file requested by the user without the need to write include statements in the file; you can have them automatically attached to all the files, whether at top or bottom, automatically through your .htaccess file.
Implementation Status - Archive of obsolete content
6.1.6 constraint supported 6.1.7 p3ptype unsupported 279049; 6.2.1 atomic datatype partial we will support simpletype's using length, minlength, maxlength, pattern, maxinclusive, mininclusive, maxexclusive, minexclusive, totaldigits, and fractiondigits 7.
...orted 279049; 6.2.1 atomic datatype partial we will support simpletype's using length, minlength, maxlength, pattern, maxinclusive, mininclusive, maxexclusive, minexclusive, totaldigits, and fractiondigits 7.
Mozilla XForms Specials - Archive of obsolete content
).
...lowing normal classes instead: xf-value xf-repeat-item xf-repeat-index for example, to target the value element of an input control use: @namespace xf url("http://www.w3.org/2002/xforms"); xf|input .xf-value { ...
Examples - Game development
metric mmorpg with similarities to runescape classic and ultima.
...owd of people all trying to reach their opposite positions.
Game monetization - Game development
when you've spent your time building a game, distributing it and promoting it you should consider earning some money out of it.
... t-shirt, and some even gave back a few bucks to help keep it going in years to come.
Paddle and keyboard controls - Game development
ables: var paddleheight = 10; var paddlewidth = 75; var paddlex = (canvas.width-paddlewidth) / 2; here we're defining the height and width of the paddle and its starting point on the x axis for use in calculations further on down the code.
...e paddle and its starting point on the x axis for use in calculations further on down the code.
XInclude - MDN Web Docs Glossary: Definitions of Web-related terms
return false; break; } request.send(null); if((request.status === 200 || request.status === 0) && request[responsetype] !== null) { response = request[responsetype]; if (responsetype === 'responsexml') { // apply xpointer (only x
path1() subset is supported) var responsenodes; if (xpointer) { var x
pathresult = response.evaluate( xpointer, response, ...
... if (xpointer) { var x
pathresult = response.evaluate( xpointer, response, null, x
pathresult.ordered_node_snapshot_type, null ); var a = []; for(var k = 0; k < x
pathresult.snapshotlength; k++) { a[k] = x
pathresult.snapshotitem(k); ...
HTML basics - Learn web development
nt to show to web users when they visit your page, whether that's text, images, videos, games, playable audio tracks or whatever else.
...(alternative) attribute.
Creating a Language Pack
date.
... a language pack, or a localization repack, you first need to go through the initial setup process.
HTTP logging
logs for firefox running on linux.
...l window, hitting the return key after each line.
Gecko Logging
started, you can set prefs under the logging.
... adding more rust code to gecko, and rust crates typically use a different approach to logging.
Roll your own browser: An embedding how-to
must be done to start up event queues and load some string bundles.
...all of this is somewhat generic and has been isolated into a static library that you can simply call on.
Fonts for Mozilla's MathML engine
re texlive-fontsextra # arch linux sudo urpmi texlive-dist texlive-fontsextra # mageia however, you might need to ensure that the fonts are known by your system.
...ml-fonts add-on.
DMD
y-report dumping hook: adb shell am broadcast -a org.mozilla.gecko.memory_dump in logcat, you should see output similar to this: i/dmd (20731): opened /storage/emulated/0/download/memory-reports/dmd-default-20731.json.gz for writing ...
... missing filename, function name and line number information.
Leak-hunting strategies and tips
an xpcom interface and be used transparently by native code.
...ees in addition to raw stacks; since they are rather slow, it is often much faster to generate balance trees (e.g., using make-tree.pl for the refcount balancer or diffbloatdump.pl --use-address for trace-malloc) andthen run the balance trees (which are much smaller) through the post-processing.
Profiling with the Gecko Profiler and Local Symbols on Windows
./mach build.
...te the breakpad symbol files by running ./mach buildsymbols: https://developer.mozilla.org/en/building_firefox_with_debug_symbols#breakpad_symbol_files this will have created symbols under $objdir/dist/ , named after the binary name, architecture and version, so something like "firefox-40.0a1.en-us-win32.crashreporter-symbols.zip" point talos to this zipfile by passing its
path to the --symbols
path flag.
about:memory
...
...ements; the value of each internal node is the sum of all its children.
Debugging out-of-memory problems
ly.
... android, an about:memory dump may be triggered from a connect desktop machine with the command: adb shell am broadcast -a org.mozilla.gecko.memory_dump the location of the dump file will be printed to the android log (viewed with adb logcat | grep geckoconsole) and can be retrieved via adb pull.
PR_Delete
syntax #include <prio.h> prstatus pr_delete(const char *name); parameters the function has the following parameter: name the
pathname of the file to be deleted.
... syntax #include <prio.h> prstatus pr_delete(const char *name); parameters the function has the following parameter: name the
pathname of the file to be deleted.
PR_Open
opens a file for reading, writing, or both.
... permission, others returns the function returns one of the following values: if the file is successfully opened, a pointer to a dynamically allocated prfiledesc for the newly opened file.
NSPR API Reference
ndition variable type condition variable functions monitors monitor type monitor functions cached monitors cached monitor functions i/o types directory type file descriptor types file info types network address types types used with socket options functions type used with memory-mapped i/o offset interpretation for seek functions i/o functions functions that operate on
pathnames functions that act on file descriptors directory i/o functions socket manipulation functions converting between host and network addresses memory-mapped i/o functions anonymous pipe function polling functions pollable events manipulating layers network addresses network address types and constants network address functions atomic operations pr_atomicincrement pr_atomicde...
... linked list types prclist linked list macros pr_init_clist pr_init_static_clist pr_append_link pr_insert_link pr_next_link pr_prev_link pr_remove_link pr_remove_and_init_link pr_insert_before pr_insert_after dynamic library linking library linking types prlibrary prstaticlinktable library linking functions pr_setlibrary
path pr_getlibrary
path pr_getlibraryname pr_freelibraryname pr_loadlibrary pr_unloadlibrary pr_findsymbol pr_findsymbolandlibrary finding symbols defined in the main executable program platform notes dynamic library search
path exporting symbols from the main executable program process management and interprocess communication process management types ...
NSS_3.12_release_notes.html
se notes 17 june 2008 newsgroup: mozilla.dev.tech.crypto contents introduction distribution information new in nss 3.12 bugs fixed documentation compatibility feedback introduction network security services (nss) 3.12 is a minor release with the following new features: sqlite-based shareable certificate and key databases libpkix: an rfc 3280 compliant certificate
path validation library camellia cipher support tls session ticket extension (rfc 5077) nss 3.12 is tri-licensed under the mpl 1.1/gpl 2.0/lgpl 2.1.
...7664: false positive crl revocation test on ppc/ppc64 nss_enable_pkix_verify=1 bug 404526: glibc detected free(): invalid pointer bug 300929: certificate policy extensions not supported bug 129303: nss needs to expose interfaces to deal with multiple token sources of certs.
NSS 3.14.2 release notes
primary nss documentation pages please visit /docs/nss new in nss 3.14.2 nss will now make use of the intel aes-ni and avx instruction sets for hardware-accelerated aes-gcm on 64-bit linux systems.
...lytrustanchors in secoidt.h sec_oid_ms_ext_key_usage_ctl_signing notable changes in nss 3.14.2 bug 805604 - support for aes-ni and avx accelerated aes-gcm was contributed by shay gueron of intel.
NSS Sample Code Sample_3_Basic Encryption and MACing
pad_header "-----begin pad-----" #define pad_trailer "-----end pad-----" typedef enum { encrypt, decrypt, unknown } commandtype; typedef enum { symkey = 0, mackey = 1, iv = 2, mac = 3, pad = 4 } headertype; /* print a usage message and exit */ static void usage(const char *progname) { fprintf(stderr, "\nusage: %s -c <a|b> -d <dbdir
path> [-z <noisefilename>] " "[-p <dbpwd> | -f <dbpwdfile>] -i <ipfilename> -o <opfilename>\n\n", progname); fprintf(stderr, "%-20s specify 'a' for encrypt operation\n\n", "-c <a|b>"); fprintf(stderr, "%-20s specify 'b' for decrypt operation\n\n", " "); fprintf(stderr, "%-20s specify db directory
path\n\n", "-d <dbdir
path>")...
...down(); if (rvshutdown != secsuccess) { pr_fprintf(pr_stderr, "failed : nss_shutdown()\n"); rv = secfailure; } pr_cleanup(); return rv; } </plstr.h></prtypes.h></prlog.h></prinit.h></prerror.h></plgetopt.h></prthread.h></opfilename></ipfilename></ipfilename></ipfilename></ipfilename></ipfilename></opfilename></ipfilename></noisefilename></dbpwdfile></dbpwd></dbdir
path></a|b></opfilename></ipfilename></dbpwdfile></dbpwd></noisefilename></dbdir
path></a|b></pk11priv.h></keyhi.h></plstr.h></prtypes.h></prlog.h></prinit.h></prerror.h></plgetopt.h></prthread.h> ...
nss tech note6
, libfreebl_32fpu_3.so, libfreebl_64int_3.so, libfreebl_64fpu_3.so, libfreebl_32int_3.sl, libfreebl_32fpu_3.sl; or 2.
....so, libfreebl_64fpu_3.so, libfreebl_32int_3.sl, libfreebl_32fpu_3.sl; or 2.
PKCS #11 Module Specs
re considered escape characters for the next character in the stream.
...ation for other applications.
PKCS11 Implement
cryptographic modules portion of the communicator security info window.
..., the user should follow these steps: click the security icon near the top of any communicator window.
Renaming With Pork
is copy.
...efer to any diagnostics touch /tmp/err.txt tail -f /tmp/err.txt & ~/work/pork-barrel/pork-barrel 4 /tmp/ls.txt ./renamer -rename-class string sm::string > /tmp/string.diff 2>/tmp/err.txt pork-barrel runs multiple copies of the renamer and merges their output.
Tutorial: Embedding Rhino
t embedding of rhino possible is the runscript example.
...ost objects can implement special javascript features like dynamic properties.
Rhino serialization
on:c1 the problem is that java serialization has no built-in way to serialize java classes themselves.
...array and then load the class upon deserialization, but at best that would eat up a lot of memory for just this feature.) one way around this is to compile the functions using the jsc tool: $ cat f.js function f() { return 3; } $ java -class
path js.jarorg.mozilla.javascript.tools.jsc.main f.js $ cat test2.js loadclass("f"); serialize(f, "f.ser"); g = deserialize("f.ser"); print(g()); $ java -class
path 'js.jar;.'org.mozilla.javascript.tools.shell.main test2.js 3 now the function f is compiled to a java class, but that class is then made available in the class
path so serialization works.
JIT Optimization Outcomes
n the expected constant.
...otcached nonnativereceiver indextype setelemnondensenontanotcached nosimdjitsupport optimization failed because simd jit support was not enabled.
SpiderMonkey 1.8.5
re running, issue the command /usr/bin/g++-4.2 -v from a terminal window.
...re-based build system does not correctly generate the js-config script on many platforms, nor when js-ctypes are enabled.
SpiderMonkey 1.8.7
re running, issue the command /usr/bin/g++-4.2 -v from a terminal window.
...e-based build system does not correctly generate the js-config script on many platforms, nor when js-ctypes are enabled.
Web Replay
ues like treating all accesses on the buffers as atomic (probably unacceptable overhead) or performing all accesses on the buffer on a single core and keeping track of context switches.
...e which hasn't been tested with the infrastructure.
Using the Places history service
ns 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.
...sition type (typed, click, redirect, bookmark, etc.), a reference to the referring visit, and the session id.
Creating a Python XPCOM component
ing.) preparation if a binary of pyxpcom is not available, you will need to build it - see building pyxpcom.
...ext; simply unpack xpi and take everything you need.
Finishing the Component
register as a new category.
... prbool *_retval) uniform resource locators the method passes in an interface pointer of type nsiuri, which is based on the uniform resource identifier, or uri.
XPCOM Stream Guide
snippets: writing to a file.
...anymore zipreader.close(); for writing from an input stream to a zip archive, see the nsizipwriter interface: // file is an nsifile object mapping to a zip archive var zipwriter = components.classes["@mozilla.org/zipwriter;1"] .createinstance(components.interfaces.nsizipwriter); zipwriter.open(file, ioflags); // stream is the output stream zipwriter.addentrystream("/
path/to/zipped/file", modtime, compression, stream, queueforlater); // if queued for later operations, and all operations are queued zipwriter.processqueue(); // when we don't need the zipwriter anymore zipwriter.close(); concatenating input streams var stringstream = components.constructor("@mozilla.org/io/string-input-stream;1", "nsistringinputstream"...
Core XPCOM functions
e to the xpcom service manager.ns_initxpcom2the ns_initxpcom2 function initiates use of xpcom in the calling process.ns_initxpcom3the ns_initxpcom3 function initiates use of xpcom in the calling process with support for statically defined xpcom modules.
...itiates use of xpcom in the calling process with support for statically defined xpcom modules.
nsIComponentManager
rface nsilocalfile alocation ); parameters examples using addbootstrappedmanifestlocation in a bootstrapped extension for firefox 8 and 9: alocation the directory or xpi to stop reading the chrome.manifest from.
...g the chrome.manifest from.
nsICookie
cookie.
...represents an expiration time earlier than jan 1, 1970.
nsICrashReporter
void annotatecrashreport(in acstring key, in acstring data); void appendappnotestocrashreport(in acstring data); void appendobjcexceptioninfotoappnotes(in voidptr aexception); native code only!
...ing key, in acstring data); void appendappnotestocrashreport(in acstring data); void appendobjcexceptioninfotoappnotes(in voidptr aexception); native code only!
nsIDownloadManager
abase connection to the downloads database.
...localfile returns the user configured downloads directory.
nsIEnvironment
ich is incorrect for unix/linux!!!!) which simply checks whether the string returned by get() is empty or not.
... value if the variable has been set, the value returned is pr_true.
nsIINIParserFactory
e ini file.
...ing a parser object to obtain a parser for an ini file, you can use code that looks like this: to get an nsiiniparser instance for an ini file, you may use the following code: // create an nsilocalfile var cl = "@mozilla.org/file/local;1"; var interf = components.interfaces.nsilocalfile; var file = components.classes[cl].createinstance(interf); // init the file with the
path to your ini file var
path = "c:\\temp\\example.ini"; file.initwith
path(
path); // create the nsiiniparserfactory var cl = "@mozilla.org/xpcom/ini-parser-factory;1"; var interf = components.interfaces.nsiiniparserfactory; var inifact = components.manager.getclassobjectbycontractid(cl,interf); // get the iniparser for the ini file var iniparser = inifact.createiniparser(file); see also nsiiniparser nsilocalfile ...
nsILoginManagerStorage
always be an array; if there are no logins in the login store, it must be an empty array, not null.
...st.
nsIMsgProtocolInfo
account type.
...angetmessages boolean true if "get messages" ui actions should be enabled for the account type.
nsIStandardURL
netwerk/base/public/nsistandardurl.idlscriptable this interface defines the interface to an url with the standard file
path format common to protocols like http, ftp, and file.
... netwerk/base/public/nsistandardurl.idlscriptable this interface defines the interface to an url with the standard file
path format common to protocols like http, ftp, and file.
nsITreeView
:moz-tree-column(x) to be matched on the treechildren element.
...ce gecko 22 return value a string of space-separated property names.
nsIXMLHttpRequest
t it, so it returns string, you dont want arraybuffer.
...ing, you dont want arraybuffer.
Using nsIDirectoryService
ystem of the location of dlls that are linked against.
...pect of file location is not related to nsidirectoryservice, but needs mention here.
xpidl
te headers used by the xpcom components.
...erface compilation, xpidl can be run from the command line: usage: ./xpidl -m mode [-w] [-v] [-t version number] [-d filename.pp] [-i
path] [-o basename | -e filename.ext] filename.idl -a emit annotations to typelib -w turn on warnings (recommended) -v verbose mode (nyi) -t create a typelib of a specific version number -i add entry to start of include
path for ``#include "nsithing.idl" -o use basename (e.g.
Using the Multiple Accounts API
er.server.check_time - integer, number of minutes between checks for new mail preference: mail.server.server.remember_password - boolean, should we remember the password?
... the following are specific to news: preference: mail.server.server.leave_on_server - boolean, should we leave messages on the server after we have downloaded them?
Using the Mozilla source server
source code served to you for debugging without a local build what you'll need windbg or visual studio (note: express editions will not work, but windbg is a free download) a nightly build that was created after april 15, 2008; go to the /pub/firefox/nightly/latest-mozilla-central/ folder and grab the installer for builds predating the switch to mercurial, you'll need cvs.exe, added to your
path (the cvs.exe from mozillabuild has problems, use this one instead) note: do not use the cvs from mozillabuild, it will not work!
...8; go to the /pub/firefox/nightly/latest-mozilla-central/ folder and grab the installer for builds predating the switch to mercurial, you'll need cvs.exe, added to your
path (the cvs.exe from mozillabuild has problems, use this one instead) note: do not use the cvs from mozillabuild, it will not work!
WebIDL bindings
rlying c++ class must also implement a method called getownpropertynames with the signature void getownpropertynames(jscontext* acx, nstarray<nsstring>& anames, errorresult& arv).
...n nsstringbuffer available, and promise to hold on to the nsstringbuffer at least until the binding code comes off the stack can also take a domstring directly for their string return value and call its setstringbuffer method with the nsstringbuffer and its length.
URLs - Plugins
e in a new stream.
...t form data to cgi scripts using http or upload files to a remote server using ftp.
Debugging service workers - Firefox Developer Tools
ster before you can look at your service worker in action in the applications panel, you need to successfully register it.
...l see information about it displayed in the application > service workers view (along with any other service workers registered on the same domain): this gives you a variety of information about your service worker: the url that the service worker is registered on.
Aggregate view - Firefox Developer Tools
ck the star-triangle, we'll see all four array instances: for each instance, you can see the retained size and shallow size of that instance.
...: for each instance, you can see the retained size and shallow size of that instance.
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.
... 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.
BluetoothAdvertisingData - Web APIs
nly attribute map manufacturerdata; readonly attribute map servicedata; }; properties bluetoothadvertisingdata.appearance read only returns one of the values defined by the org.bluetooth.characteristic.gap.appearance characteristic.
...aracteristic.gap.appearance characteristic.
CSS Painting API - Web APIs
log(thecolor); if ( strokewidth ) { ctx.linewidth = strokewidth; } else { ctx.linewidth = 1.0; } if ( stroketype === 'stroke' ) { ctx.fillstyle = 'transparent'; ctx.strokestyle = thecolor; } else if ( stroketype === 'filled' ) { ctx.fillstyle = thecolor; ctx.strokestyle = thecolor; } else { ctx.fillstyle = 'none'; ctx.strokestyle = 'none'; } ctx.begin
path(); ctx.moveto( x, y ); ctx.lineto( blockwidth, y ); ctx.lineto( blockwidth + blockheight, blockheight ); ctx.lineto( x, blockheight ); ctx.lineto( x, y ); ctx.close
path(); ctx.fill(); ctx.stroke(); for (let i = 0; i < 4; i++) { let start = i * 2; ctx.begin
path(); ctx.moveto( blockwidth + (start * 10) + 10, y); ctx.lineto( blockwidth + (start * 10) + 20, y); ctx...
...roke(); for (let i = 0; i < 4; i++) { let start = i * 2; ctx.begin
path(); ctx.moveto( blockwidth + (start * 10) + 10, y); ctx.lineto( blockwidth + (start * 10) + 20, y); ctx.lineto( blockwidth + (start * 10) + 20 + blockheight, blockheight); ctx.lineto( blockwidth + (start * 10) + 10 + blockheight, blockheight); ctx.lineto( blockwidth + (start * 10) + 10, y); ctx.close
path(); ctx.fill(); ctx.stroke(); } } }); we then include the paintworklet: <ul> <li>item 1</li> <li>item 2</li> <li>item 3</li> <li>item 4</li> <li>item 5</li> <li>item 6</li> <li>item 7</li> <li>item 8</li> <li>item 9</li> <li>item 10</li> <li>item 11</li> <li>item 12</li> <li>item 13</li> <li>item 14</li> <li>item 15</li> ...
Using Fetch - Web APIs
ls policy to same-origin.
...: fetch('flowers.jpg') .then(response => { if (!response.ok) { throw new error('network response was not ok'); } return response.blob(); }) .then(myblob => { myimage.src = url.createobjecturl(myblob); }) .catch(error => { console.error('there has been a problem with your fetch operation:', error); }); supplying your own request object instead of passing a
path to the resource you want to request into the fetch() call, you can create a request object using the request() constructor, and pass that in as a fetch() method argument: const myheaders = new headers(); const myrequest = new request('flowers.jpg', { method: 'get', headers: myheaders, mode: 'cors', cache: 'default', }); fetch(myrequest) .then(response => response.blob()) .then(mybl...
File.name - Web APIs
returns the name of the file represented by a file object.
... returns the name of the file represented by a file object.
File - Web APIs
file.prototype.lastmodified read only returns the last modified time of the file, in millisecond since the unix epoch (january 1st, 1970 at midnight).
... read only returns the last modified time of the file, in millisecond since the unix epoch (january 1st, 1970 at midnight).
FileError - Web APIs
red file or directory could not be found at the time an operation was processed.
...tion was processed.
FileReader - Web APIs
to read.
...filelist object returned as a result of a user selecting files using the <input> element, from a drag and drop operation's datatransfer object, or from the mozgetasfile() api on an htmlcanvaselement.
HTMLHyperlinkElementUtils - Web APIs
, if the port of the url is not empty (which can happen because it was not specified or because it was specified to be the default port of the url's scheme), a ':', and the port of the url.
...ot specified or because it was specified to be the default port of the url's scheme), a ':', and the port of the url.
HTMLObjectElement - Web APIs
hive is a domstring that reflects the archive html attribute, containing a list of archives for resources for this object.
...g that reflects the border html attribute, specifying the width of a border around the object.
IDBDatabase: abort event - Web APIs
it does not exist), then opens a transaction, adds a listener to the abort event, then aborts the transaction to trigger the event.
... // abort the transaction transaction.abort(); }; the same example, but assigning the event handler to the onabort property: // open the database const dbopenrequest = window.indexeddb.open('todolist', 4); dbopenrequest.onupgradeneeded = (event) => { const db = event.target.result; // create an objectstore for this database const objectstore = db.createobjectstore('todolist', { key
path: 'tasktitle' }); // define what data items the objectstore will contain objectstore.createindex('hours', 'hours', { unique: false }); objectstore.createindex('minutes', 'minutes', { unique: false }); objectstore.createindex('day', 'day', { unique: false }); objectstore.createindex('month', 'month', { unique: false }); objectstore.createindex('year', 'year', { unique: false }); }; db...
IDBDatabase: close event - Web APIs
event event handler property onerror examples this example opens a database and listens for the close event: // open the database const dbopenrequest = window.indexeddb.open('todolist', 4); dbopenrequest.onupgradeneeded = (event) => { const db = event.target.result; // create an objectstore for this database const objectstore = db.createobjectstore('todolist', { key
path: 'tasktitle' }); // define what data items the objectstore will contain objectstore.createindex('hours', 'hours', { unique: false }); objectstore.createindex('minutes', 'minutes', { unique: false }); objectstore.createindex('day', 'day', { unique: false }); objectstore.createindex('month', 'month', { unique: false }); objectstore.createindex('year', 'year', { unique: false }); }; db...
... console.log('database connection closed'); }); }; the same example, using the onclose property instead of addeventlistener(): // open the database const dbopenrequest = window.indexeddb.open('todolist', 4); dbopenrequest.onupgradeneeded = (event) => { const db = event.target.result; // create an objectstore for this database const objectstore = db.createobjectstore('todolist', { key
path: 'tasktitle' }); // define what data items the objectstore will contain objectstore.createindex('hours', 'hours', { unique: false }); objectstore.createindex('minutes', 'minutes', { unique: false }); objectstore.createindex('day', 'day', { unique: false }); objectstore.createindex('month', 'month', { unique: false }); objectstore.createindex('year', 'year', { unique: false }); }; db...
IDBDatabase: error event - Web APIs
ng for the error event for the add() operation (this will occur if, for example, a record with the given tasktitle already exists): // open the database const dbopenrequest = window.indexeddb.open('todolist', 4); dbopenrequest.onupgradeneeded = (event) => { const db = event.target.result; // create an objectstore for this database const objectstore = db.createobjectstore('todolist', { key
path: 'tasktitle' }); // define what data items the objectstore will contain objectstore.createindex('hours', 'hours', { unique: false }); objectstore.createindex('minutes', 'minutes', { unique: false }); objectstore.createindex('day', 'day', { unique: false }); objectstore.createindex('month', 'month', { unique: false }); objectstore.createindex('year', 'year', { unique: false }); }; db...
...nst objectstorerequest = objectstore.add(newitem); }; the same example, using the onerror property instead of addeventlistener(): // open the database const dbopenrequest = window.indexeddb.open('todolist', 4); dbopenrequest.onupgradeneeded = (event) => { const db = event.target.result; // create an objectstore for this database const objectstore = db.createobjectstore('todolist', { key
path: 'tasktitle' }); // define what data items the objectstore will contain objectstore.createindex('hours', 'hours', { unique: false }); objectstore.createindex('minutes', 'minutes', { unique: false }); objectstore.createindex('day', 'day', { unique: false }); objectstore.createindex('month', 'month', { unique: false }); objectstore.createindex('year', 'year', { unique: false }); }; db...
IDBDatabase: versionchange event - Web APIs
ndler property onversionchange examples this example opens a database and, on success, adds a listener to versionchange: // open the database const dbopenrequest = window.indexeddb.open('nonexistent', 4); dbopenrequest.onupgradeneeded = event => { const db = event.target.result; // create an objectstore for this database const objectstore = db.createobjectstore('todolist', { key
path: 'tasktitle' }); // define what data items the objectstore will contain objectstore.createindex('hours', 'hours', { unique: false }); objectstore.createindex('minutes', 'minutes', { unique: false }); objectstore.createindex('day', 'day', { unique: false }); objectstore.createindex('month', 'month', { unique: false }); objectstore.createindex('year', 'year', { unique: false }); }; db...
...le.log('the version of this database has changed'); }); }); the same example, using the onversionchange event handler property: // open the database const dbopenrequest = window.indexeddb.open('nonexistent', 4); dbopenrequest.onupgradeneeded = event => { const db = event.target.result; // create an objectstore for this database const objectstore = db.createobjectstore('todolist', { key
path: 'tasktitle' }); // define what data items the objectstore will contain objectstore.createindex('hours', 'hours', { unique: false }); objectstore.createindex('minutes', 'minutes', { unique: false }); objectstore.createindex('day', 'day', { unique: false }); objectstore.createindex('month', 'month', { unique: false }); objectstore.createindex('year', 'year', { unique: false }); }; db...
IDBOpenDBRequest: blocked event - Web APIs
erty onblocked examples using addeventlistener(): // open the database const dbopenrequest = window.indexeddb.open('todolist', 4); dbopenrequest.onupgradeneeded = (event) => { const db = event.target.result; db.onerror = () => { console.log('error creating database'); }; // create an objectstore for this database var objectstore = db.createobjectstore('todolist', { key
path: 'tasktitle' }); // define what data items the objectstore will contain objectstore.createindex('hours', 'hours', { unique: false }); objectstore.createindex('minutes', 'minutes', { unique: false }); objectstore.createindex('day', 'day', { unique: false }); objectstore.createindex('month', 'month', { unique: false }); objectstore.createindex('year', 'year', { unique: false }); }; db...
...uest was blocked'); }); }; using the onblocked property: // open the database const dbopenrequest = window.indexeddb.open('todolist', 4); dbopenrequest.onupgradeneeded = (event) => { const db = event.target.result; db.onerror = () => { console.log('error creating database'); }; // create an objectstore for this database var objectstore = db.createobjectstore('todolist', { key
path: 'tasktitle' }); // define what data items the objectstore will contain objectstore.createindex('hours', 'hours', { unique: false }); objectstore.createindex('minutes', 'minutes', { unique: false }); objectstore.createindex('day', 'day', { unique: false }); objectstore.createindex('month', 'month', { unique: false }); objectstore.createindex('year', 'year', { unique: false }); }; db...
IDBRequest: error event - Web APIs
cord with the given tasktitle already exists): // open the database const dbopenrequest = window.indexeddb.open('todolist', 4); dbopenrequest.addeventlistener('upgradeneeded', event => { const db = event.target.result; db.onerror = () => { console.log('error creating database'); }; // create an objectstore for this database var objectstore = db.createobjectstore('todolist', { key
path: 'tasktitle' }); // define what data items the objectstore will contain objectstore.createindex('hours', 'hours', { unique: false }); objectstore.createindex('minutes', 'minutes', { unique: false }); objectstore.createindex('day', 'day', { unique: false }); objectstore.createindex('month', 'month', { unique: false }); objectstore.createindex('year', 'year', { unique: false }); }); d...
...ple, using the onerror property instead of addeventlistener(): // open the database const dbopenrequest = window.indexeddb.open('todolist', 4); dbopenrequest.onupgradeneeded = event => { const db = event.target.result; db.onerror = () => { console.log('error creating database'); }; // create an objectstore for this database var objectstore = db.createobjectstore('todolist', { key
path: 'tasktitle' }); // define what data items the objectstore will contain objectstore.createindex('hours', 'hours', { unique: false }); objectstore.createindex('minutes', 'minutes', { unique: false }); objectstore.createindex('day', 'day', { unique: false }); objectstore.createindex('month', 'month', { unique: false }); objectstore.createindex('year', 'year', { unique: false }); }; db...
IDBRequest: success event - Web APIs
base and listens for the success event using addeventlistener(): // open the database const openrequest = window.indexeddb.open('todolist', 4); openrequest.onupgradeneeded = (event) => { const db = event.target.result; db.onerror = () => { console.log('error creating database'); }; // create an objectstore for this database var objectstore = db.createobjectstore('todolist', { key
path: 'tasktitle' }); // define what data items the objectstore will contain objectstore.createindex('hours', 'hours', { unique: false }); objectstore.createindex('minutes', 'minutes', { unique: false }); objectstore.createindex('day', 'day', { unique: false }); objectstore.createindex('month', 'month', { unique: false }); objectstore.createindex('year', 'year', { unique: false }); }; op...
...he same example, but using the onsuccess event handler property: // open the database const openrequest = window.indexeddb.open('todolist', 4); openrequest.onupgradeneeded = (event) => { const db = event.target.result; db.onerror = () => { console.log('error creating database'); }; // create an objectstore for this database var objectstore = db.createobjectstore('todolist', { key
path: 'tasktitle' }); // define what data items the objectstore will contain objectstore.createindex('hours', 'hours', { unique: false }); objectstore.createindex('minutes', 'minutes', { unique: false }); objectstore.createindex('day', 'day', { unique: false }); objectstore.createindex('month', 'month', { unique: false }); objectstore.createindex('year', 'year', { unique: false }); }; op...
IDBTransaction: abort event - Web APIs
abort event, then aborts the transaction to trigger the event.
...mple, but assigning the event handler to the onabort property: // open the database const dbopenrequest = window.indexeddb.open('todolist', 4); dbopenrequest.onupgradeneeded = event => { const db = event.target.result; db.onerror = () => { console.log('error creating database'); }; // create an objectstore for this database var objectstore = db.createobjectstore('todolist', { key
path: 'tasktitle' }); // define what data items the objectstore will contain objectstore.createindex('hours', 'hours', { unique: false }); objectstore.createindex('minutes', 'minutes', { unique: false }); objectstore.createindex('day', 'day', { unique: false }); objectstore.createindex('month', 'month', { unique: false }); objectstore.createindex('year', 'year', { unique: false }); }; db...
IDBTransaction: complete event - Web APIs
perty oncomplete examples using addeventlistener(): // open the database const dbopenrequest = window.indexeddb.open('todolist', 4); dbopenrequest.onupgradeneeded = event => { const db = event.target.result; db.onerror = () => { console.log('error creating database'); }; // create an objectstore for this database var objectstore = db.createobjectstore('todolist', { key
path: 'tasktitle' }); // define what data items the objectstore will contain objectstore.createindex('hours', 'hours', { unique: false }); objectstore.createindex('minutes', 'minutes', { unique: false }); objectstore.createindex('day', 'day', { unique: false }); objectstore.createindex('month', 'month', { unique: false }); objectstore.createindex('year', 'year', { unique: false }); }; db...
...objectstore.add(newitem); }; using the oncomplete property: // open the database const dbopenrequest = window.indexeddb.open('todolist', 4); dbopenrequest.onupgradeneeded = event => { const db = event.target.result; db.onerror = () => { console.log('error creating database'); }; // create an objectstore for this database var objectstore = db.createobjectstore('todolist', { key
path: 'tasktitle' }); // define what data items the objectstore will contain objectstore.createindex('hours', 'hours', { unique: false }); objectstore.createindex('minutes', 'minutes', { unique: false }); objectstore.createindex('day', 'day', { unique: false }); objectstore.createindex('month', 'month', { unique: false }); objectstore.createindex('year', 'year', { unique: false }); }; db...
IDBTransaction: error event - Web APIs
ng for the error event for the add() operation (this will occur if, for example, a record with the given tasktitle already exists): // open the database const dbopenrequest = window.indexeddb.open('todolist', 4); dbopenrequest.onupgradeneeded = (event) => { const db = event.target.result; // create an objectstore for this database const objectstore = db.createobjectstore('todolist', { key
path: 'tasktitle' }); // define what data items the objectstore will contain objectstore.createindex('hours', 'hours', { unique: false }); objectstore.createindex('minutes', 'minutes', { unique: false }); objectstore.createindex('day', 'day', { unique: false }); objectstore.createindex('month', 'month', { unique: false }); objectstore.createindex('year', 'year', { unique: false }); }; db...
...nst objectstorerequest = objectstore.add(newitem); }; the same example, using the onerror property instead of addeventlistener(): // open the database const dbopenrequest = window.indexeddb.open('todolist', 4); dbopenrequest.onupgradeneeded = (event) => { const db = event.target.result; // create an objectstore for this database const objectstore = db.createobjectstore('todolist', { key
path: 'tasktitle' }); // define what data items the objectstore will contain objectstore.createindex('hours', 'hours', { unique: false }); objectstore.createindex('minutes', 'minutes', { unique: false }); objectstore.createindex('day', 'day', { unique: false }); objectstore.createindex('month', 'month', { unique: false }); objectstore.createindex('year', 'year', { unique: false }); }; db...
Transcoding assets for Media Source Extensions - Web APIs
t 2008, blender foundation / www.bigbuckbunny.org / https://peach.blender.org/about/ tools required when working with mse, the following tools are a must have: ffmpeg — a command-line utility for transcoding your media into the required formats.
...et started.
Migrating from webkitAudioContext - Web APIs
other part of your web page's code could execute in the mean time.
...(); xhr.onload = function() { var decodedbuffer = context.createbuffer(xhr.response, false); if (decodedbuffer) { // decoding was successful, do something useful with the audio buffer } else { alert("decoding the audio buffer failed"); } }; converting this code to use decodeaudiodata() is relatively simple, as can be seen below: var xhr = new xmlhttprequest(); xhr.open("get", "/
path/to/audio.ogg", true); xhr.responsetype = "arraybuffer"; xhr.send(); xhr.onload = function() { context.decodeaudiodata(xhr.response, function onsuccess(decodedbuffer) { // decoding was successful, do something useful with the audio buffer }, function onfailure() { alert("decoding the audio buffer failed"); }); }; note that the decodeaudiodata() method is asynchronous, which means th...
Using IIR filters - Web APIs
ffsetwidth; const height = canvascontainer.offsetheight; canvasel.width = width; canvasel.height = height; // set background fill canvasctx.fillstyle = 'white'; canvasctx.fillrect(0, 0, width, height); // set up some spacing based on size const spacing = width/16; const fontsize = math.floor(spacing/1.5); // draw our axis canvasctx.linewidth = 2; canvasctx.strokestyle = 'grey'; canvasctx.begin
path(); canvasctx.moveto(spacing, spacing); canvasctx.lineto(spacing, height-spacing); canvasctx.lineto(width-spacing, height-spacing); canvasctx.stroke(); // axis is gain by frequency -> make labels canvasctx.font = fontsize+'px sans-serif'; canvasctx.fillstyle = 'grey'; canvasctx.filltext('1', spacing-fontsize, spacing+fontsize); canvasctx.filltext('g', spacing-fontsize, (height-spacing+fontsize)/2...
...ctx.filltext('1', spacing-fontsize, spacing+fontsize); canvasctx.filltext('g', spacing-fontsize, (height-spacing+fontsize)/2); canvasctx.filltext('0', spacing-fontsize, height-spacing+fontsize); canvasctx.filltext('hz', width/2, height-spacing+fontsize); canvasctx.filltext('20k', width-spacing, height-spacing+fontsize); // loop over our magnitude response data and plot our filter canvasctx.begin
path(); for(let i = 0; i < magresponseoutput.length; i++) { if (i === 0) { canvasctx.moveto(spacing, height-(magresponseoutput[i]*100)-spacing ); } else { canvasctx.lineto((width/totalarrayitems)*i, height-(magresponseoutput[i]*100)-spacing ); } } canvasctx.stroke(); summary that's it for our iirfilter demo.
Window.open() - Web APIs
into the new or existing browsing context (window, <iframe> or tab) with the specified name.
...hronously.
Animatable CSS properties - CSS: Cascading Style Sheets
der-left border-left-color border-left-width border-radius border-right border-right-color border-right-width border-start-end-radius border-start-start-radius border-top border-top-color border-top-left-radius border-top-right-radius border-top-width border-width bottom box-shadow caret-color clip clip-
path color column-count column-gap column-rule column-rule-color column-rule-width column-width columns filter flex flex-basis flex-grow flex-shrink font font-size font-size-adjust font-stretch font-variation-settings font-weight gap grid-column-gap grid-gap grid-row-gap grid-templat...
... margin-inline-end margin-inline-start margin-left margin-right margin-top mask mask-border mask-position mask-size max-block-size max-height max-inline-size max-lines max-width min-block-size min-height min-inline-size min-width object-position offset offset-anchor offset-distance offset-
path offset-position offset-rotate opacity order outline outline-color outline-offset outline-width padding padding-block-end padding-block-start padding-bottom padding-inline-end padding-inline-start padding-left padding-right padding-top perspective perspective-origin right rotate row-gap ...
Linear-gradient Generator - CSS: Cascading Style Sheets
ient-axis .rotate-point { width: 25px; height: 25px; position: absolute; top: -10.5px; right: -12px; } .gradient-axis[axisid='0']:after { background-color: #da5c5c; } .gradient-axis[axisid='1']:after { background-color: #5cda9b; } .gradient-axis[axisid='2']:after { background-color: #5c9bda; } .gradient-axis[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: l...
...s.updateonresize(); trackmouse(rotate_point, this.updateaxisangle.bind(this), this.startrotation.bind(this)); container.appendchild(axis); line.addeventlistener('click', this.placegradientpoint.bind(this)); }; gradientaxis.prototype.createsvgarrow = function createsvgarrow(id) { var xmlns = 'http://www.w3.org/2000/svg'; var svg = document.createelementns(xmlns, 'svg'); var
path = document.createelementns(xmlns, '
path'); svg.setattribute('class', 'gradient-arrow'); svg.setattribute('width', '25'); svg.setattribute('height', '25');
path.setattribute('fill', '#ccc');
path.setattribute('d', 'm 25,12.5 l 0,0 l 7.5,12.5 l 0,25'); svg.appendchild(
path); return svg; }; gradientaxis.prototype.placegradientpoint = function placegradientpoint(e) { this.updat...
clip - CSS: Cascading Style Sheets
element.
...tle="graphic clipped towards middle"> <img id="bottom-right" src="https://udn.realityripple.com/samples/8f/15174f3500.jpg" title="graphic clipped to bottom right"> </p> result specifications specification status comment css masking module level 1the definition of 'clip' in that specification.
<shape> - CSS: Cascading Style Sheets
the <shape> css data type defines the specific form (shape) of a region.
... the <shape> css data type defines the specific form (shape) of a region.
A hybrid approach - Developer guides
but even if it does not work, it is no worse with respect to performance than only using fluid images.
...ion of the hybrid approach, with positive results.
<a>: The Anchor element - HTML: Hypertext Markup Language
nd send us a pull request.
...> <canvas width="300" height="300"></canvas> css html { font-family: sans-serif; } canvas { background: #fff; border: 1px dashed; } a { display: inline-block; background: #69c; color: #fff; padding: 5px 10px; } javascript var canvas = document.queryselector('canvas'), c = canvas.getcontext('2d'); c.fillstyle = 'hotpink'; function draw(x, y) { if (isdrawing) { c.begin
path(); c.arc(x, y, 10, 0, math.pi*2); c.close
path(); c.fill(); } } canvas.addeventlistener('mousemove', event => draw(event.offsetx, event.offsety) ); canvas.addeventlistener('mousedown', () => isdrawing = true); canvas.addeventlistener('mouseup', () => isdrawing = false); document.queryselector('a').addeventlistener('click', event => event.target.href = canvas.todataurl() ); re...
Content Security Policy (CSP) - HTTP
_/csp-reports, when the document is visited: { "csp-report": { "document-uri": "http://example.com/signup.html", "referrer": "", "blocked-uri": "http://example.com/css/style.css", "violated-directive": "style-src cdn.example.com", "original-policy": "default-src 'none'; style-src cdn.example.com; report-uri /_/csp-reports" } } as you can see, the report includes the full
path to the violating resource in blocked-uri.
... "style-src cdn.example.com", "original-policy": "default-src 'none'; style-src cdn.example.com; report-uri /_/csp-reports" } } as you can see, the report includes the full
path to the violating resource in blocked-uri.
Content-Security-Policy-Report-Only - HTTP
ent is visited: { "csp-report": { "document-uri": "http://example.com/signup.html", "referrer": "", "blocked-uri": "http://example.com/css/style.css", "violated-directive": "style-src cdn.example.com", "original-policy": "default-src 'none'; style-src cdn.example.com; report-uri /_/csp-reports", "disposition": "report" } } as you can see, the report includes the full
path to the violating resource in blocked-uri.
...original-policy": "default-src 'none'; style-src cdn.example.com; report-uri /_/csp-reports", "disposition": "report" } } as you can see, the report includes the full
path to the violating resource in blocked-uri.
Origin - HTTP
the origin request header indicates where a fetch originates from.
... the origin request header indicates where a fetch originates from.
HTTP headers - HTTP
algorithm.
...for an exchange, each one accompanied by information about how to determine the authority of and refresh that signature.
HTTP Messages - HTTP
ne contain three elements: an http method, a verb (like get, put or post) or a noun (like head or options), that describes the action to be performed.
...source should be fetched or post means that data is pushed to the server (creating or modifying a resource, or generating a temporary document to send back).
Grammar and types - JavaScript
* multi-line comment */ /* you can't, however, /* nest comments */ syntaxerror */ comments behave like whitespace, and are discarded during script execution.
...tring by preceding it with a backslash.
Error.prototype.fileName - JavaScript
the filename property contains the
path to the file that raised this error.
... the filename property contains the
path to the file that raised this error.
import - JavaScript
), which does not require scripts of type="module".
...mport { export1 , export2 as alias2 , [...] } from "module-name"; import defaultexport, { export1 [ , [...] ] } from "module-name"; import defaultexport, * as name from "module-name"; import "module-name"; var promise = import("module-name"); defaultexport name that will refer to the default export from the module.
Lazy loading - Web Performance
lazy loading is a strategy to identify resources as non-blocking (non-critical) and load these only when needed.
...d, we have come to see huge increases in the number and size of assets sent to users.
Progressive loading - Progressive web apps (PWAs)
thinking about optimizing the image loading using javascript.
...ript the app.js file processes the data-src attributes like so: let imagestoload = document.queryselectorall('img[data-src]'); const loadimages = (image) => { image.setattribute('src', image.getattribute('data-src')); image.onload = () => { image.removeattribute('data-src'); }; }; the imagestoload variable contains references to all the images, while the loadimages function moves the
path from data-src to src.
class - SVG: Scalable Vector Graphics
troke: #006600; fill: #cc0000; } ]]> </style> <rect class="rectclass" x="10" y="10" width="100" height="100"/> <circle class="circleclass" cx="40" cy="50" r="26"/> </svg> </body> </html> elements the following elements can use the class attribute: <a> <altglyph> <circle> <clip
path> <defs> <desc> <ellipse> <feblend> <fecolormatrix> <fecomponenttransfer> <fecomposite> <feconvolvematrix> <fediffuselighting> <fedisplacementmap> <feflood> <fegaussianblur> <feimage> <femerge> <femorphology> <feoffset> <fespecularlighting> <fetile> <feturbulence> <filter> <font> <foreignobject> <g> <glyph> <glyphref> <image> <line> <lineargradient> <marker> <mask> <...
... <ellipse> <feblend> <fecolormatrix> <fecomponenttransfer> <fecomposite> <feconvolvematrix> <fediffuselighting> <fedisplacementmap> <feflood> <fegaussianblur> <feimage> <femerge> <femorphology> <feoffset> <fespecularlighting> <fetile> <feturbulence> <filter> <font> <foreignobject> <g> <glyph> <glyphref> <image> <line> <lineargradient> <marker> <mask> <missing-glyph> <
path> <pattern> <polygon> <polyline> <radialgradient> <rect> <stop> <svg> <switch> <symbol> <text> <text
path> <title> <tref> <tspan> <use> ...
fill-opacity - SVG: Scalable Vector Graphics
the fill-opacity attribute is a presentation attribute defining the opacity of the paint server (color, gradient, pattern, etc) applied to a shape.
...presentation attribute defining the opacity of the paint server (color, gradient, pattern, etc) applied to a shape.
marker-mid - SVG: Scalable Vector Graphics
the marker-mid attribute defines the arrowhead or polymarker that will be drawn at all interior vertices of the given shape.
... polymarker that will be drawn at all interior vertices of the given shape.
mask - SVG: Scalable Vector Graphics
ask="url(#mymask)"/> </svg> since svg2, the mask attribute is defined as a css property and is a shorthand for many other properties: mask-image, mask-mode, mask-repeat, mask-position, mask-clip, mask-origin, mask-size, and mask-composite.
...fined as a css property and is a shorthand for many other properties: mask-image, mask-mode, mask-repeat, mask-position, mask-clip, mask-origin, mask-size, and mask-composite.
paint-order - SVG: Scalable Vector Graphics
the paint-order attribute specifies the order that the fill, stroke, and markers of a given shape or text element are painted.
...paint-order attribute specifies the order that the fill, stroke, and markers of a given shape or text element are painted.
shape-rendering - SVG: Scalable Vector Graphics
the shape-rendering attribute provides hints to the renderer about what tradeoffs to make when rendering shapes like
paths, circles, or rectangles.
... the shape-rendering attribute provides hints to the renderer about what tradeoffs to make when rendering shapes like
paths, circles, or rectangles.
stroke-dasharray - SVG: Scalable Vector Graphics
the stroke-dasharray attribute is a presentation attribute defining the pattern of dashes and gaps used to paint the outline of the shape; note: as a presentation attribute, stroke-dasharray can be used as a css property.
...ntation attribute defining the pattern of dashes and gaps used to paint the outline of the shape; note: as a presentation attribute, stroke-dasharray can be used as a css property.
stroke-opacity - SVG: Scalable Vector Graphics
the stroke-opacity attribute is a presentation attribute defining the opacity of the paint server (color, gradient, pattern, etc) applied to the stroke of a shape.
...efining the opacity of the paint server (color, gradient, pattern, etc) applied to the stroke of a shape.
stroke-width - SVG: Scalable Vector Graphics
the stroke-width attribute is a presentation attribute defining the width of the stroke to be applied to the shape.
... the stroke-width attribute is a presentation attribute defining the width of the stroke to be applied to the shape.
stroke - SVG: Scalable Vector Graphics
the stroke attribute is a presentation attribute defining the color (or any svg paint servers like gradients or patterns) used to paint the outline of the shape; note: as a presentation attribute stroke can be used as a css property.
... defining the color (or any svg paint servers like gradients or patterns) used to paint the outline of the shape; note: as a presentation attribute stroke can be used as a css property.
writing-mode - SVG: Scalable Vector Graphics
the writing-mode attribute specifies whether the initial inline-progression-direction for a <text> element shall be left-to-right, right-to-left, or top-to-bottom.
...an change within a <text> element due to the unicode bidirectional algorithm and properties direction and unicode-bidi.) note: as a presentation attribute, writing-mode can be used as a css property.
<a> - SVG: Scalable Vector Graphics
value type: <url> ; default value: none; animatable: yes global attributes core attributes most notably: id, lang, tabindex styling attributes class, style conditional processing attributes most notably: requiredextensions, systemlanguage event attributes global event attributes, document element 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 xlink attributes most notably: xlink:title aria attributes aria-active...
...red, 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 elementpermitted contentany number of the following elements, in any order:animation elementsdescriptive elementsshape elementsstructural elementsgradient elements<a>, <altglyphdef>, <clip
path>, <color-profile>, <cursor>, <filter>, <font>, <font-face>, <foreignobject>, <image>, <marker>, <mask>, <pattern>, <script>, <style>, <switch>, <text>, <view> specifications specification status comment scalable vector graphics (svg) 2the definition of '<a>' in that specification.
<defs> - SVG: Scalable Vector Graphics
rgradient> </defs> <!-- using my graphical objects --> <use x="5" y="5" xlink:href="#mycircle" fill="url('#mygradient')" /> </svg> attributes global attributes core attributes most notably: id lang styling attributes class, style event attributes global event attributes, document element 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 usage notes categoriescontainer element, structural elementpermitted co...
... stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility usage notes categoriescontainer element, structural elementpermitted contentany number of the following elements, in any order:animation elementsdescriptive elementsshape elementsstructural elementsgradient elements<a>, <altglyphdef>, <clip
path>, <color-profile>, <cursor>, <filter>, <font>, <font-face>, <foreignobject>, <image>, <marker>, <mask>, <pattern>, <script>, <style>, <switch>, <text>, <view> specifications specification status comment scalable vector graphics (svg) 2the definition of '<defs>' in that specification.
<g> - SVG: Scalable Vector Graphics
="60" cy="60" r="25" /> </g> </svg> attributes this element only includes global attributes 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, a...
...ption, 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 following elements, in any order:animation elementsdescriptive elementsshape elementsstructural elementsgradient elements<a>, <altglyphdef>, <clip
path>, <color-profile>, <cursor>, <filter>, <font>, <font-face>, <foreignobject>, <image>, <marker>, <mask>, <pattern>, <script>, <style>, <switch>, <text>, <view> specifications specification status comment scalable vector graphics (svg) 2the definition of '<g>' in that specification.
<glyph> - SVG: Scalable Vector Graphics
a <glyph> defines a single glyph in an svg font.
... <font-face font-family="super sans" font-weight="bold" font-style="normal" units-per-em="1000" cap-height="600" x-height="400" ascent="700" descent="300" alphabetic="0" mathematical="350" ideographic="400" hanging="500"> <font-face-src> <font-face-name name="super sans bold"/> </font-face-src> </font-face> <missing-glyph><
path d="m0,0h200v200h-200z"/></missing-glyph> <glyph unicode="!" horiz-adv-x="80" d="m0,0h200v200h-200z"></glyph> <glyph unicode="@" d="m0,50l100,300l400,100z"></glyph> </font> </defs> <text x="100" y="100" style="font-family: 'super sans', helvetica, sans-serif; font-weight: bold; font-style: normal">text using embe@dded font!</text> </svg> result speci...
<pattern> - SVG: Scalable Vector Graphics
ly href will be used.
...-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility xlink attributes most notably: xlink:title usage notes categoriescontainer elementpermitted contentany number of the following elements, in any order:animation elementsdescriptive elementsshape elementsstructural elementsgradient elements<a>, <altglyphdef>, <clip
path>, <color-profile>, <cursor>, <filter>, <font>, <font-face>, <foreignobject>, <image>, <marker>, <mask>, <pattern>, <script>, <style>, <switch>, <text>, <view> specifications specification status comment scalable vector graphics (svg) 2the definition of '<pattern>' in that specification.
<polyline> - SVG: Scalable Vector Graphics
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: ""; animatable: yes
pathlength this attribute lets specify the total length for the
path, in user units.
... length for the
path, in user units.
<rect> - SVG: Scalable Vector Graphics
value type: auto|<length>|<percentage> ; default value: auto; animatable: yes rx the horizontal corner radius of the rect.
...eometry properties, meaning those attributes can also be used as css properties for that element.
<svg> - SVG: Scalable Vector Graphics
can also be used as css properties.
...ption, 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 following elements, in any order:animation elementsdescriptive elementsshape elementsstructural elementsgradient elements<a>, <altglyphdef>, <clip
path>, <color-profile>, <cursor>, <filter>, <font>, <font-face>, <foreignobject>, <image>, <marker>, <mask>, <pattern>, <script>, <style>, <switch>, <text>, <view> specifications specification status comment scalable vector graphics (svg) 2the definition of '<svg>' in that specification.
<text> - SVG: Scalable Vector Graphics
the svg <text> element draws a graphics element consisting of text.
...es global attributes core attributes most notably: id, tabindex styling attributes class, style, font-family, font-size, font-size-adjust, font-stretch, font-style, font-variant, font-weight 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, dominant-baseline, 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, text-anchor, transform, vector-effect, visibility aria attributes aria-activedescendant, a...
Web Components
indirectly) to the context object, e.g.
...object, e.g.
<xsl:apply-templates> - XSLT: Extensible Stylesheet Language Transformations
xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes the <xsl:apply-templates> element selects a set of nodes in the input tree and instructs the processor to apply the proper templates to them.
...ements, exslt functions, x
path functions, x
path axes the <xsl:apply-templates> element selects a set of nodes in the input tree and instructs the processor to apply the proper templates to them.
<xsl:copy-of> - XSLT: Extensible Stylesheet Language Transformations
xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes the <xsl:copy-of> element makes a deep copy (including descendant nodes) of whatever the select attribute specifies to the output document.
... xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes the <xsl:copy-of> element makes a deep copy (including descendant nodes) of whatever the select attribute specifies to the output document.
<xsl:key> - XSLT: Extensible Stylesheet Language Transformations
xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes the <xsl:key> element declares a named key which can be used elsewhere in the stylesheet with the key( ) function.
...xslt elements, exslt functions, x
path functions, x
path axes the <xsl:key> element declares a named key which can be used elsewhere in the stylesheet with the key( ) function.
<xsl:sort> - XSLT: Extensible Stylesheet Language Transformations
xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes the <xsl:sort> element defines a sort key for nodes selected by <xsl:apply-templates> or <xsl:for-each> and determines the order in which they are processed.
...xes the <xsl:sort> element defines a sort key for nodes selected by <xsl:apply-templates> or <xsl:for-each> and determines the order in which they are processed.
<xsl:value-of> - XSLT: Extensible Stylesheet Language Transformations
xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes the <xsl:value-of> element evaluates an x
path expression, converts it to a string, and writes that string to the result tree.
... xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes the <xsl:value-of> element evaluates an x
path expression, converts it to a string, and writes that string to the result tree.
<xsl:with-param> - XSLT: Extensible Stylesheet Language Transformations
xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes the <xsl:with-param> element sets the value of a parameter to be passed into a template.
... xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes the <xsl:with-param> element sets the value of a parameter to be passed into a template.
Compiling a New C/C++ Module to WebAssembly - WebAssembly
bly.
...w), and run the following command: emcc -o hello2.html hello2.c -o3 -s wasm=1 --shell-file html_template/shell_minimal.html the options we've passed are slightly different this time: we've specified -o hello2.html, meaning that the compiler will still output the javascript glue code and .html.
indexed-db - Archive of obsolete content
error = function(e) { console.error(e.value) } function open(version) { var request = indexeddb.open("stuff", version); request.onupgradeneeded = function(e) { var db = e.target.result; e.target.transaction.onerror = database.onerror; if(db.objectstorenames.contains("items")) { db.deleteobjectstore("items"); } var store = db.createobjectstore("items", {key
path: "time"}); }; request.onsuccess = function(e) { database.db = e.target.result; }; request.onerror = database.onerror; }; function additem(name) { var db = database.db; var trans = db.transaction(["items"], "readwrite"); var store = trans.objectstore("items"); var time = new date().gettime(); var request = store.put({ "name": name, "time": time }); request.one...
Unit Testing - Archive of obsolete content
ello", "atob works"); } exports["test btoa"] = function(assert) { assert.ok(base64.btoa("hello") == "agvsbg8=", "btoa works"); } exports["test empty string"] = function(assert) { assert.throws(function() { base64.atob(); }, "empty string check works"); } require("sdk/test").run(exports); note that with jpm we must give the exact relative
path to the base64.js module.
Cookies - Archive of obsolete content
ements()) { var cookie = enum.getnext().queryinterface(ci.nsicookie2); dump(cookie.host + ";" + cookie.name + "=" + cookie.value + "\n"); } all cookies, regardless of host, can be enumerated using services.cookies.enumerator rather than getcookiesfromhost().
Mozilla release FAQ - Archive of obsolete content
owing format: cpu/mhz, architecture, ram, disk type, os version, compiler version, build type, tree date -- build time example: 21164/533, alpha, 512m edo, ultra2 scsi, linux kernel 2.2.11, gcc 2.95, non-debug, 19 august 1999 cvs -- 25 minutes how do i run the binary on unix?
Enumerator.atEnd - Archive of obsolete content
ple in following code, the atend method is used to determine if the end of a list of drives has been reached: function showdrives() { var s = ""; var bytespergb = 1024 * 1024 * 1024; var fso = new activexobject("scripting.filesystemobject"); var e = new enumerator(fso.drives); e.movefirst(); while (e.atend() == false) { var drv = e.item(); s += drv.
path + " - "; if (drv.isready) { var freegb = drv.freespace / bytespergb; var totalgb = drv.totalsize / bytespergb; s += freegb.tofixed(3) + " gb free of "; s += totalgb.tofixed(3) + " gb"; } else { s += "not ready"; } s += "<br />"; e.movenext(); } return(s); } req...
Enumerator.moveFirst - Archive of obsolete content
mple, the movefirst method is used to evaluate members of the drivescollection from the beginning of the list: function showdrives() { var s = ""; var bytespergb = 1024 * 1024 * 1024; var fso = new activexobject("scripting.filesystemobject"); var e = new enumerator(fso.drives); e.movefirst(); while (e.atend() == false) { var drv = e.item(); s += drv.
path + " - "; if (drv.isready) { var freegb = drv.freespace / bytespergb; var totalgb = drv.totalsize / bytespergb; s += freegb.tofixed(3) + " gb free of "; s += totalgb.tofixed(3) + " gb"; } else { s += "not ready"; } s += "<br />"; e.movenext(); } return(s); } req...
Enumerator.moveNext - Archive of obsolete content
example in following example, the movenext method is used to move to the next drive in the drives collection: function showdrives() { var s = ""; var bytespergb = 1024 * 1024 * 1024; var fso = new activexobject("scripting.filesystemobject"); var e = new enumerator(fso.drives); e.movefirst(); while (e.atend() == false) { var drv = e.item(); s += drv.
path + " - "; if (drv.isready) { var freegb = drv.freespace / bytespergb; var totalgb = drv.totalsize / bytespergb; s += freegb.tofixed(3) + " gb free of "; s += totalgb.tofixed(3) + " gb"; } else { s += "not ready"; } s += "<br />"; e.movenext(); } return(s); } req...
Packages - Archive of obsolete content
ows: var theframe = new packages.java.awt.frame(); for convenience, javascript provides the top-level netscape, sun, and java objects that are synonyms for the packages properties with the same names.
XQuery - Archive of obsolete content
xquery is a w3c standard language which is meant to be for xml what sql is for relational data--i.e., the ability to search, sort, extract, and remold data.
Index - Game development
tion games, html5, javascript, monetization, advertisements, branding, iap, licensing there are many ways to earn money — everything that applies to the "normal" aaa gaming world can be, more or less, applied to casual html5 games.
2D collision detection - Game development
= {x: 20, y: 20} crafty.c("circle", { circle: function(radius, color) { this.radius = radius; this.w = this.h = radius * 2; this.color = color || "#000000"; this.bind("move", crafty.drawmanager.drawall) return this; }, draw: function() { var ctx = crafty.canvas.context; ctx.save(); ctx.fillstyle = this.color; ctx.begin
path(); ctx.arc( this.x + this.radius, this.y + this.radius, this.radius, 0, math.pi * 2 ); ctx.close
path(); ctx.fill(); ctx.restore(); } }); var circle1 = crafty.e("2d, canvas, circle").attr(dim1).circle(15, "red"); var circle2 = crafty.e("2d, canvas, circle, fourway").fourway(2).attr(dim2).circle(20, "blu...
Collision detection - Game development
icks() { for(var c=0; c<brickcolumncount; c++) { for(var r=0; r<brickrowcount; r++) { if(bricks[c][r].status == 1) { var brickx = (c*(brickwidth+brickpadding))+brickoffsetleft; var bricky = (r*(brickheight+brickpadding))+brickoffsettop; bricks[c][r].x = brickx; bricks[c][r].y = bricky; ctx.begin
path(); ctx.rect(brickx, bricky, brickwidth, brickheight); ctx.fillstyle = "#0095dd"; ctx.fill(); ctx.close
path(); } } } } tracking and updating the status in the collision detection function now we need to involve the brick status property in the collisiondetection() function: if the brick is active (its status ...
2D breakout game using Phaser - Game development
the mdn breakout game we are building together — are available on github: initialize the framework scaling load the assets and print them on screen move the ball physics bounce off the walls player paddle and controls game over build the brickfield collision detection the score win the game extra lives animations and tweens buttons randomizing gameplay as a note on learning
paths — starting with pure javascript is the best way to get a solid knowledge of web game development.
Response header - MDN Web Docs Glossary: Definitions of Web-related terms
entity header: 200 ok access-control-allow-origin: * connection: keep-alive content-encoding: gzip content-type: text/html; charset=utf-8 date: mon, 18 jul 2016 16:06:00 gmt etag: "c561c68d0ba92bbeb8b0f612a9199f722e3a621a" keep-alive: timeout=5, max=997 last-modified: mon, 18 jul 2016 02:36:04 gmt server: apache set-cookie: mykey=myvalue; expires=mon, 17-jul-2017 16:06:00 gmt; max-age=31449600;
path=/; secure transfer-encoding: chunked vary: cookie, accept-encoding x-backend-server: developer2.webapp.scl3.mozilla.com x-cache-info: not cacheable; meta data too large x-kuma-revision: 1085259 x-frame-options: deny ...
MDN Web Docs Glossary: Definitions of Web-related terms
webassembly webdav webextensions webgl webidl webkit webm webp webrtc websockets webvtt whatwg whitespace world wide web wrapper x xforms xhr (xmlhttprequest) xhtml xinclude xlink xml x
path xquery xslt other 404 502 alpn at-rule attack byte-order mark character set client cryptosystem debug digital signature execution flex-direction glsl interface library memory management routers ...
How CSS is structured - Learn web development
ss example</p> </body> </html> the css stylesheet file might look like this: h1 { color: blue; background-color: yellow; border: 1px solid black; } p { color: red; } the href attribute of the <link> element needs to reference a file on your file system.
CSS first steps - Learn web development
css (cascading style sheets) is used to style and lay out web pages — for example, to alter the font, color, size, and spacing of your content, split it into multiple columns, or add animations and other decorative features.
CSS FAQ - Learn web development
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <!doctype html public "-//w3c//dtd xhtml 1.0 strict//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd"> when at all possible, you should just use the html5 doctype.
Introduction to web APIs - Learn web development
ent you want to draw on, and then calling its htmlcanvaselement.getcontext() method: const canvas = document.queryselector('canvas'); const ctx = canvas.getcontext('2d'); anything that we want to do to the canvas is then achieved by calling properties and methods of the context object (which is an instance of canvasrenderingcontext2d), for example: ball.prototype.draw = function() { ctx.begin
path(); ctx.fillstyle = this.color; ctx.arc(this.x, this.y, this.size, 0, 2 * math.pi); ctx.fill(); }; note: you can see this code in action in our bouncing balls demo (see it running live also).
Server-side website programming - Learn web development
different static pages would be extremely inefficient, so instead such sites display static templates (built using html, css, and javascript), and then dynamically update the data displayed inside those templates when needed, such as when you want to view a different product on amazon.
Working with Svelte stores - Learn web development
nds } } $: onmessagechange($alert, ms) // whenever the alert store or the ms props changes run onmessagechange ondestroy(()=> cleartimeout(timeout)) // make sure we clean-up the timeout </script> and update the alert.svelte markup section like so: {#if visible} <div on:click={() => visible = false}> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20"><
path d="m12.432 0c1.34 0 2.01.912 2.01 1.957 0 1.305-1.164 2.512-2.679 2.512-1.269 0-2.009-.75-1.974-1.99c9.789 1.436 10.67 0 12.432 0zm8.309 20c-1.058 0-1.833-.652-1.093-3.524l1.214-5.092c.211-.814.246-1.141 0-1.141-.317 0-1.689.562-2.502 1.117l-.528-.88c2.572-2.186 5.531-3.467 6.801-3.467 1.057 0 1.233 1.273.705 3.23l-1.391 5.352c-.246.945-.141 1.271.106 1.271.317 0 1.357-.392 2.379-1.207l.6.814c12.
Styling Vue components with CSS - Learn web development
enter; } [class*="__lg"] { display: inline-block; width: 100%; font-size: 1.9rem; } [class*="__lg"]:not(:last-child) { margin-bottom: 1rem; } @media screen and (min-width: 620px) { [class*="__lg"] { font-size: 2.4rem; } } .visually-hidden { position: absolute; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); clip-
path: rect(1px, 1px, 1px, 1px); white-space: nowrap; } [class*="stack"] > * { margin-top: 0; margin-bottom: 0; } .stack-small > * + * { margin-top: 1.25rem; } .stack-large > * + * { margin-top: 2.5rem; } @media screen and (min-width: 550px) { .stack-small > * + * { margin-top: 1.4rem; } .stack-large > * + * { margin-top: 2.8rem; } } /* end global styles */ #app { background...
omni.ja (formerly omni.jar)
omni.ja is also incompatible with zip files in the other direction; editing extracted files won't affect firefox, and repacking edited files may break firefox if you do not use the right options when packing the extracted files.
Adding a new event
if you're creating simple dom event class, it might be generated automatically.
Introduction to Layout in Mozilla
l reflow recursively descend to target recovering reflow state child rs.reason set to incremental incremental reflow process reflow “normally” at target frame child rs.reason set based on rc’s type incremental reflow propagate damage to frames later “in the flow” incremental reflow multiple reflow commands are batched nsreflow
path maintains a tree of target frames amortize state recovery and damage propagation cost painting as reflow proceeds through the frame hierarchy, areas are invalidated via nsiviewmanager::updateview unless immediate, invalid areas are coalesced and processed asynchronously via os expose event native expose event dispatched to widget; widget delegates to the view manager view man...
Code Samples
u need to determine the directory in which your add-on is installed, code like the following will do the trick.
Promise.jsm
didn't conform to the promises/a+ proposal until gecko 25: components.utils.import("resource://gre/modules/commonjs/promise/core.js"); // gecko 17 to 20 components.utils.import("resource://gre/modules/commonjs/sdk/core/promise.js"); // gecko 21 to 24 this implementation also includes helper functions that are specific to the add-on sdk.
Localizing with Mozilla Translator
if you are using a filesystem with symbolic links support (i.e., linux or mac), you can create symbolic links in a separate directory so it contains just the locale part.
Release phase
unt name: host hg.mozilla.org user user@host.domain if you have already cloned the remote repository using the http protocol using this command: $ hg clone http://hg.mozilla.org/releases/l10n-central/x-testing then you will need to edit the .hg/hgrc file (inside the x-testing local clone) to tell mercurial to push using ssh.
Mozilla Framework Based on Templates (MFBT)
the mozilla framework based on templates ("mfbt") is the central repository for macros, functions, and data structures used throughout mozilla code, including in the javascript engine.
Fonts for Mozilla 2.0's MathML engine
test.xpi -o mathml-fonts.zip; \ unzip mathml-fonts.zip -d mathml-fonts then copy the mathml-fonts/resource/ directory somewhere on your web site and ensure that the woff files are served with the correct mime type.
Mozilla Port Blocking
37 time 42 name 43 nicname 53 domain 77 priv-rjs 79 finger 87 ttylink 95 supdup 101 hostriame 102 iso-tsap 103 gppitnp 104 acr-nema 109 pop2 110 pop3 111 sunrpc 113 auth 115 sftp 117 uucp-
path 119 nntp 123 ntp 135 loc-srv / epmap 139 netbios 143 imap2 179 bgp 389 ldap 465 smtp+ssl 512 print / exec 513 login 514 shell 515 printer 526 tempo 530 courier 531 chat 532 netnews 540 uucp ...
About NSPR
nnels as non-blocking in the traditional sense.
PR_Access
determines the accessibility of a file.
PR_RmDir
removes a directory with a specified name.
Building NSS
m library that builds on many different platforms and has many options, it may be complex to build.
Cryptography functions
t mxr 3.2 and later pk11_paramfromiv mxr 3.2 and later pk11_paramfromalgid mxr 3.2 and later pk11_paramtoalgid mxr 3.2 and later pk11_pbekeygen mxr 3.2 and later pk11_privdecryptpkcs1 mxr 3.9.3 and later pk11_protectedauthentication
path mxr 3.4 and later pk11_pubdecryptraw mxr 3.2 and later pk11_pubderive mxr 3.2 and later pk11_pubderivewithkdf mxr 3.9 and later pk11_pubencryptpkcs1 mxr 3.9.3 and later pk11_pubencryptraw mxr 3.2 and later pk11_pubunwrapsymkey ...
Encrypt Decrypt MAC Keys As Session Objects
message and exit */ static void usage(const char *progname) { fprintf(stderr, "\nusage: %s -c -d [-z ] " "[-p | -f ] -i -o \n\n", progname); fprintf(stderr, "%-20s specify 'a' for encrypt operation\n\n", "-c "); fprintf(stderr, "%-20s specify 'b' for decrypt operation\n\n", " "); fprintf(stderr, "%-20s specify db directory
path\n\n", "-d "); fprintf(stderr, "%-20s specify db password [optional]\n\n", "-p "); fprintf(stderr, "%-20s specify db password file [optional]\n\n", "-f "); fprintf(stderr, "%-20s specify noise file name [optional]\n\n", "-z "); fprintf(stderr, "%-21s specify an input file name\n\n", "-i "); fprintf(stderr, "%-2...
Encrypt and decrypt MAC using token
message and exit */ static void usage(const char *progname) { fprintf(stderr, "\nusage: %s -c -d [-z ] " "[-p | -f ] -i -o \n\n", progname); fprintf(stderr, "%-20s specify 'a' for encrypt operation\n\n", "-c "); fprintf(stderr, "%-20s specify 'b' for decrypt operation\n\n", " "); fprintf(stderr, "%-20s specify db directory
path\n\n", "-d "); fprintf(stderr, "%-20s specify db password [optional]\n\n", "-p "); fprintf(stderr, "%-20s specify db password file [optional]\n\n", "-f "); fprintf(stderr, "%-20s specify noise file name [optional]\n\n", "-z "); fprintf(stderr, "%-21s specify an input file name\n\n", "-i "); fprintf(stderr, "%-2...
NSS_3.12.1_release_notes.html
not produced by cert_pkixverifycert bug 430743: update ssltap to understand the tls session ticket extension bug 430859: pkix: policy mapping fails verification with error invalid arguments bug 430875: document the policy for the order of cipher suites in ssl_implementedciphers.
NSS_3.12.2_release_notes.html
ertpackage does not set nspr error code upon error bug 457980: hundreds of kilobytes of useless strings in libpkix bug 457984: enable pkcs11 module logging in optimized builds bug 458905: memory leaks in pkix bridge certificates.
NSS 3.12.4 release notes
ss_initreadwrite(sql:<configdir>) leaves behind a pkcs11.txu file if libnssckbi.so is in <configdir>.
NSS 3.14 release notes
ificate chain validation callback when using libpkix to better support per-application security policies, a new callback has been added for applications that use libpkix to verify certificates.
NSS 3.16.4 release notes
o mitigate the effects of the previous removal of the 1024-bit entrust.net root certificate, because many public internet sites still use the "usertrust legacy secure server ca" intermediate certificate that is signed by the 1024-bit entrust.net root certificate.
NSS 3.40 release notes
rg/pub/mozilla.org/security/nss/releases/nss_3_40_rtm/src/ new in nss 3.40 new functionality the draft-00 version of encrypted sni support is implemented tstclnt now takes -n option to specify encrypted sni key new functions none notable changes in nss 3.40 the mozilla::pkix library has been ported from mozilla psm to nss.
NSS 3.46 release notes
s-kw bug 1571316 - curve25519_32.c:280: undefined reference to `pr_assert' when building nss 3.45 on armhf-linux bug 1516593 - client to generate new random during renegotiation bug 1563258 - fips.sh fails due to non-existent "resp" directories bug 1561598 - remove -wmaybe-uninitialized warning in pqg.c bug 1560806 - increase softoken password max size to 500 characters bug 1568776 - output
paths relative to repository in nss coverity bug 1453408 - modutil -changepw fails in fips mode if password is an empty string bug 1564727 - use a pss spki when possible for delegated credentials bug 1493916 - fix ppc64 inline assembler for clang bug 1561588 - remove -wmaybe-uninitialized warning in p7env.c bug 1561548 - remove -wmaybe-uninitialized warning in pkix_pl_ldapdefaultclient.c bug 151...
Enc Dec MAC Output Public Key as CSR
"[-p | -f ] -s -r -i -o \n\n", progname); fprintf(stderr, "%-20s specify 'g' for generating rsa keypair for wrapping\n\n", "g"); fprintf(stderr, "%-20s specify 'e' for encrypt operation\n\n", "e"); fprintf(stderr, "%-20s specify 'd' for decrypt operation\n\n", "d"); fprintf(stderr, "%-20s specify db directory
path\n\n", "-d "); fprintf(stderr, "%-20s specify db password [optional]\n\n", "-p "); fprintf(stderr, "%-20s specify db password file [optional]\n\n", "-f "); fprintf(stderr, "%-20s specify noise file name [optional]\n\n", "-z "); fprintf(stderr, "%-21s specify subject\n\n", "-s "); fprintf(stderr, "%-21s specify ...
EncDecMAC using token object - sample 3
y = 0, mackey = 1, iv = 2, mac = 3, pad = 4 } headertype; /* * print usage message and exit */ static void usage(const char *progname) { fprintf(stderr, "\nusage: %s -c -d [-z ] " "[-p | -f ] -i -o \n\n", progname); fprintf(stderr, "%-20s specify 'a' for encrypt operation\n\n", "-c "); fprintf(stderr, "%-20s specify 'b' for decrypt operation\n\n", " "); fprintf(stderr, "%-20s specify db directory
path\n\n", "-d "); fprintf(stderr, "%-20s specify db password [optional]\n\n", "-p "); fprintf(stderr, "%-20s specify db password file [optional]\n\n", "-f "); fprintf(stderr, "%-20s specify noise file name [optional]\n\n", "-z "); fprintf(stderr, "%-21s specify an input file name\n\n", "-i "); fprintf(stderr, "%-21s specify an output file name\n\n", "-o "); fprintf(stderr, "%-7s for encrypt, it takes...
NSS functions
t mxr 3.2 and later pk11_paramfromiv mxr 3.2 and later pk11_paramfromalgid mxr 3.2 and later pk11_paramtoalgid mxr 3.2 and later pk11_pbekeygen mxr 3.2 and later pk11_privdecryptpkcs1 mxr 3.9.3 and later pk11_protectedauthentication
path mxr 3.4 and later pk11_pubdecryptraw mxr 3.2 and later pk11_pubderive mxr 3.2 and later pk11_pubderivewithkdf mxr 3.9 and later pk11_pubencryptpkcs1 mxr 3.9.3 and later pk11_pubencryptraw mxr 3.2 and later pk11_pubunwrapsymkey ...
troubleshoot.html
troubleshooting nss and jss builds newsgroup: mozilla.dev.tech.crypto this page summarizes information on troubleshooting the nss and jss build and test systems, including known problems and configuration suggestions.
NSS_3.12.3_release_notes.html
op error reporting (was: pk11_createcontextbysymkey returns null bug 456406: slot list leaks in symkeyutil bug 461085: rfe: export function cert_comparecerts bug 462293: crash on fork after softoken is dlclose'd on some unix platforms in nss 3.12 bug 463342: move some headers to freebl/softoken bug 463452: sql db creation does not set files protections to 0600 bug 463678: need to add r
path to 64-bit libraries on hp-ux bug 464088: option to build nss without dbm (handy for wince) bug 464223: certutil didn't accept certificate request to sign.
Necko Architecture
urls necko's primary responsibility is moving data from one location, to another location.
Redis Tips
d benefits of redis are lost when you overflow into disk memory.
History Service Design
lgorithm (aka: the awesomebar) allows searchs through bookmarks, history, keywords (and much more) detaching the user from the old long searches through tree views.
Component Internals
onent manifest maps component files to unique identifiers for the specific implementations (class ids), which in turn are mapped to more general component identifiers (contract ids).
Creating XPCOM components
weblock programming interface defining the weblock interface in xpidl the xpidl syntax scriptable interfaces subclassing nsisupports the web locking interface implementing weblock declaration macros representing return values in xpcom xpidl code generation getting the weblock service from a client implementing the iweblock interface the directory service modifying
paths with nsifile manipulating files with nsifile using nsilocalfile for reading data processing the white list data iweblock method by method lock and unlock addsite removesite setsites getnext getsites hasmoreelements finishing the component using frozen interfaces copying interfaces into your build environment implementing the nsicontentpolicy interface ...
Components.utils.Sandbox
in as this parameter, in order to ensure that the script is cleaned up at the same time as the content itself.
Standard XPCOM components
there are a number of components provided in the standard implementation of xpcom; these are as follows.
nsIDynamicContainer
erface provides a base class for services that want to provide containers for temporary contents.
nsIFileView
odifiedcolumn" label="date" flex="1"/> <treecol id="size" label="size" flex="1"/> </treecols> <treechildren/> </tree> <script> var dir="/home/"; //the directory to be opened var ftree = document.getelementbyid("ftree"); //the xul tree element var lfile = components.classes["@mozilla.org/file/local;1"] .createinstance(components.interfaces.nsilocalfile); lfile.initwith
path(dir); // open the directory var fview = components.classes["@mozilla.org/filepicker/fileview;1"] .createinstance(components.interfaces.nsifileview); //create an instance of the component tview = fview.queryinterface(components.interfaces.nsitreeview); //get the nsitreeview interface fview.setdirectory(lfile.queryinterface(components.interfaces.nsifile)); //set the directory...
nsILocalFileMac
his object to point to an application having the given creator code.
nsILoginInfo
rd, in astring ausernamefield, in astring apasswordfield); boolean matches(in nsilogininfo alogininfo, in boolean ignorepassword); attributes attribute type description formsubmiturl astring the origin, not url, a form-based login was submitted to.
nsIMemoryReporterManager
3) implemented by @mozilla.org/memory-reporter-manager;1 as a service: var reportermanager = components.classes["@mozilla.org/memory-reporter-manager;1"] .getservice(components.interfaces.nsimemoryreportermanager); each memory reporter object, which implements nsimemoryreporter interface, provides information for a given code area.
nsIProcess
instance as the subject and "process-finished" or "process-failed" as the topic.
nsIXPConnect
not flagged as "system", the wrapped native will be automatically wrapped with an xpcnativewrapper.
XPCOM Interface Reference
ntnsidomnshtmldocumentnsidomnavigatordesktopnotificationnsidomnodensidomofflineresourcelistnsidomorientationeventnsidomparsernsidomprogresseventnsidomserializernsidomsimplegestureeventnsidomstoragensidomstorage2nsidomstorageeventobsoletensidomstorageitemnsidomstoragelistnsidomstoragemanagernsidomstoragewindownsidomuserdatahandlernsidomwindownsidomwindow2nsidomwindowinternalnsidomwindowutilsnsidomx
pathevaluatornsidomx
pathexceptionnsidomx
pathexpressionnsidomx
pathresultnsidomxulcontrolelementnsidomxulelementnsidomxullabeledcontrolelementnsidomxulselectcontrolelementnsidomxulselectcontrolitemelementnsidatasignatureverifiernsidebugnsidebug2nsidevicemotionnsidevicemotiondatansidevicemotionlistenernsidialogcreatornsidialogparamblocknsidictionarynsidirindexnsidirindexlistenernsidirindexparsernsidirect...
XPCOM Interface Reference by grouping
nsiaccessiblestates nsiaccessibletable nsiaccessibletext nsiaccessibletreecache nsiaccessiblevalue nsiaccessnode nsisyncmessagesender script nsiscriptableunescapehtml nsiscriptableunicodeconverter nsiscripterror nsiscripterror2 stylesheet nsistylesheetservice url nsiuri nsiurl util nsidomserializer nsidomx
pathevaluator nsidomx
pathexception nsidomx
pathexpression nsidomx
pathresult xslt nsixsltexception nsixsltprocessor download nsidownload nsidownloadmanager nsidownloadprogresslistener element internal nsiworker nsiworkerglobalscope nsiworkermessageevent nsiworkermessageport nsiworkerscope tree nsitreeboxobject ...
Index
e building a thunderbird extension article.
Mozilla
uilds, and firefox releases from 2.0.0.4.
AnalyserNode.fftSize - Web APIs
bytetimedomaindata(dataarray); // draw an oscilloscope of the current audio source function draw() { drawvisual = requestanimationframe(draw); analyser.getbytetimedomaindata(dataarray); canvasctx.fillstyle = 'rgb(200, 200, 200)'; canvasctx.fillrect(0, 0, width, height); canvasctx.linewidth = 2; canvasctx.strokestyle = 'rgb(0, 0, 0)'; canvasctx.begin
path(); var slicewidth = width * 1.0 / bufferlength; var x = 0; for(var i = 0; i < bufferlength; i++) { var v = dataarray[i] / 128.0; var y = v * height/2; if(i === 0) { canvasctx.moveto(x, y); } else { canvasctx.lineto(x, y); } x += slicewidth; } canvasctx.lineto(canvas.width, canvas.height/2); ...
AnalyserNode.getByteTimeDomainData() - Web APIs
// draw an oscilloscope of the current audio source function draw() { drawvisual = requestanimationframe(draw); analyser.getbytetimedomaindata(dataarray); canvasctx.fillstyle = 'rgb(200, 200, 200)'; canvasctx.fillrect(0, 0, width, height); canvasctx.linewidth = 2; canvasctx.strokestyle = 'rgb(0, 0, 0)'; const slicewidth = width * 1.0 / bufferlength; let x = 0; canvasctx.begin
path(); for(var i = 0; i < bufferlength; i++) { const v = dataarray[i]/128.0; const y = v * height/2; if(i === 0) canvasctx.moveto(x, y); else canvasctx.lineto(x, y); x += slicewidth; } canvasctx.lineto(width, height/2); canvasctx.stroke(); }; draw(); specifications specification status comment web audio apithe definition of 'getby...
AnalyserNode.getFloatTimeDomainData() - Web APIs
sole.log(bufferlength); var dataarray = new float32array(bufferlength); canvasctx.clearrect(0, 0, width, height); function draw() { drawvisual = requestanimationframe(draw); analyser.getfloattimedomaindata(dataarray); canvasctx.fillstyle = 'rgb(200, 200, 200)'; canvasctx.fillrect(0, 0, width, height); canvasctx.linewidth = 2; canvasctx.strokestyle = 'rgb(0, 0, 0)'; canvasctx.begin
path(); var slicewidth = width * 1.0 / bufferlength; var x = 0; for(var i = 0; i < bufferlength; i++) { var v = dataarray[i] * 200.0; var y = height/2 + v; if(i === 0) { canvasctx.moveto(x, y); } else { canvasctx.lineto(x, y); } x += slicewidth; } canvasctx.lineto(canvas.width, canvas.height/2); canvasctx.stroke(); }; draw(); parameters array ...
AnalyserNode - Web APIs
"oscilloscope"); var canvasctx = canvas.getcontext("2d"); // draw an oscilloscope of the current audio source function draw() { requestanimationframe(draw); analyser.getbytetimedomaindata(dataarray); canvasctx.fillstyle = "rgb(200, 200, 200)"; canvasctx.fillrect(0, 0, canvas.width, canvas.height); canvasctx.linewidth = 2; canvasctx.strokestyle = "rgb(0, 0, 0)"; canvasctx.begin
path(); var slicewidth = canvas.width * 1.0 / bufferlength; var x = 0; for (var i = 0; i < bufferlength; i++) { var v = dataarray[i] / 128.0; var y = v * canvas.height / 2; if (i === 0) { canvasctx.moveto(x, y); } else { canvasctx.lineto(x, y); } x += slicewidth; } canvasctx.lineto(canvas.width, canvas.height / 2); canvasctx.stroke(); } draw(); ...
BaseAudioContext.createAnalyser() - Web APIs
bytetimedomaindata(dataarray); // draw an oscilloscope of the current audio source function draw() { drawvisual = requestanimationframe(draw); analyser.getbytetimedomaindata(dataarray); canvasctx.fillstyle = 'rgb(200, 200, 200)'; canvasctx.fillrect(0, 0, width, height); canvasctx.linewidth = 2; canvasctx.strokestyle = 'rgb(0, 0, 0)'; canvasctx.begin
path(); var slicewidth = width * 1.0 / bufferlength; var x = 0; for(var i = 0; i < bufferlength; i++) { var v = dataarray[i] / 128.0; var y = v * height/2; if(i === 0) { canvasctx.moveto(x, y); } else { canvasctx.lineto(x, y); } x += slicewidth; } canvasctx.lineto(canvas.width, canvas.height/2); ...
rssi - Web APIs
the rssi read-only property of the bluetoothadvertisingdata interface returns the power at which the device’s packets are being received, measured in dbm.
txPower - Web APIs
the txpower read-only property of the bluetoothadvertisingdata interface returns the transmission power at which the device is broadcasting, measured in dbm.
CanvasRenderingContext2D.getTransform() - Web APIs
</canvas> css canvas { border: 1px solid black; } javascript const canvases = document.queryselectorall('canvas'); const ctx1 = canvases[0].getcontext('2d'); const ctx2 = canvases[1].getcontext('2d'); ctx1.settransform(1, .2, .8, 1, 0, 0); ctx1.fillrect(25, 25, 50, 50); let storedtransform = ctx1.gettransform(); console.log(storedtransform); ctx2.settransform(storedtransform); ctx2.begin
path(); ctx2.arc(50, 50, 50, 0, 2 * math.pi); ctx2.fill(); result specifications specification status comment html living standardthe definition of 'canvasrenderingcontext2d.gettransform' in that specification.
CanvasRenderingContext2D.globalAlpha - Web APIs
anvas.getcontext('2d'); // draw background ctx.fillstyle = '#fd0'; ctx.fillrect(0, 0, 75, 75); ctx.fillstyle = '#6c0'; ctx.fillrect(75, 0, 75, 75); ctx.fillstyle = '#09f'; ctx.fillrect(0, 75, 75, 75); ctx.fillstyle = '#f30'; ctx.fillrect(75, 75, 75, 75); ctx.fillstyle = '#fff'; // set transparency value ctx.globalalpha = 0.2; // draw transparent circles for (let i = 0; i < 7; i++) { ctx.begin
path(); ctx.arc(75, 75, 10 + 10 * i, 0, math.pi * 2, true); ctx.fill(); } screenshotlive sample specifications specification status comment html living standardthe definition of 'canvasrenderingcontext2d.globalalpha' in that specification.
CanvasRenderingContext2D.setTransform() - Web APIs
</canvas> css canvas { border: 1px solid black; } javascript const canvases = document.queryselectorall('canvas'); const ctx1 = canvases[0].getcontext('2d'); const ctx2 = canvases[1].getcontext('2d'); ctx1.settransform(1, .2, .8, 1, 0, 0); ctx1.fillrect(25, 25, 50, 50); let storedtransform = ctx1.gettransform(); console.log(storedtransform); ctx2.settransform(storedtransform); ctx2.begin
path(); ctx2.arc(50, 50, 50, 0, 2 * math.pi); ctx2.fill(); result specifications specification status comment html living standardthe definition of 'canvasrenderingcontext2d.settransform' in that specification.
CanvasRenderingContext2D.textBaseline - Web APIs
anvas" width="550" height="500"></canvas> javascript const canvas = document.getelementbyid('canvas'); const ctx = canvas.getcontext('2d'); const baselines = ['top', 'hanging', 'middle', 'alphabetic', 'ideographic', 'bottom']; ctx.font = '36px serif'; ctx.strokestyle = 'red'; baselines.foreach(function (baseline, index) { ctx.textbaseline = baseline; const y = 75 + index * 75; ctx.begin
path(); ctx.moveto(0, y + 0.5); ctx.lineto(550, y + 0.5); ctx.stroke(); ctx.filltext('abcdefghijklmnop (' + baseline + ')', 0, y); }); result specifications specification status comment html living standardthe definition of 'canvasrenderingcontext2d.textbaseline' in that specification.
console - Web APIs
imer will report the total time for the transaction, while the time listed in the network panel is just the amount of time required for the header.
How to create a DOM tree - Web APIs
"@country": "usa" }, { "@street": "123 west st", "@city": "seattle", "@state": "wa", "@country": "usa" }, { "@street": "321 south avenue", "@city": "denver", "@state": "co", "@country": "usa" }], "@first-name": "jed", "@last-name": "brown" }] } } so what?
Element: mousedown event - Web APIs
s.addeventlistener('mousemove', e => { if (isdrawing === true) { drawline(context, x, y, e.offsetx, e.offsety); x = e.offsetx; y = e.offsety; } }); window.addeventlistener('mouseup', e => { if (isdrawing === true) { drawline(context, x, y, e.offsetx, e.offsety); x = 0; y = 0; isdrawing = false; } }); function drawline(context, x1, y1, x2, y2) { context.begin
path(); context.strokestyle = 'black'; context.linewidth = 1; context.moveto(x1, y1); context.lineto(x2, y2); context.stroke(); context.close
path(); } result specifications specification status ui eventsthe definition of 'mousedown' in that specification.
Element: mousemove event - Web APIs
s.addeventlistener('mousemove', e => { if (isdrawing === true) { drawline(context, x, y, e.offsetx, e.offsety); x = e.offsetx; y = e.offsety; } }); window.addeventlistener('mouseup', e => { if (isdrawing === true) { drawline(context, x, y, e.offsetx, e.offsety); x = 0; y = 0; isdrawing = false; } }); function drawline(context, x1, y1, x2, y2) { context.begin
path(); context.strokestyle = 'black'; context.linewidth = 1; context.moveto(x1, y1); context.lineto(x2, y2); context.stroke(); context.close
path(); } result specifications specification status ui eventsthe definition of 'mousemove' in that specification.
Element: mouseup event - Web APIs
s.addeventlistener('mousemove', e => { if (isdrawing === true) { drawline(context, x, y, e.offsetx, e.offsety); x = e.offsetx; y = e.offsety; } }); window.addeventlistener('mouseup', e => { if (isdrawing === true) { drawline(context, x, y, e.offsetx, e.offsety); x = 0; y = 0; isdrawing = false; } }); function drawline(context, x1, y1, x2, y2) { context.begin
path(); context.strokestyle = 'black'; context.linewidth = 1; context.moveto(x1, y1); context.lineto(x2, y2); context.stroke(); context.close
path(); } result specifications specification status ui eventsthe definition of 'mouseup' in that specification.
File.fileName - Web APIs
ere may also be large incompatibilities between implementations and the behavior may change in the future.
IDBDatabase - Web APIs
ion number has been // submitted via the window.indexeddb.open line above dbopenrequest.onupgradeneeded = function(event) { var db = event.target.result; db.onerror = function(event) { note.innerhtml += '<li>error loading database.</li>'; }; // create an objectstore for this database using // idbdatabase.createobjectstore var objectstore = db.createobjectstore("todolist", { key
path: "tasktitle" }); // define what data items the objectstore will contain objectstore.createindex("hours", "hours", { unique: false }); objectstore.createindex("minutes", "minutes", { unique: false }); objectstore.createindex("day", "day", { unique: false }); objectstore.createindex("month", "month", { unique: false }); objectstore.createindex("year", "year", { unique: false }); ob...
IDBIndex.multiEntry - Web APIs
the multientry read-only property of the idbindex interface returns a boolean value that affects how the index behaves when the result of evaluating the index's key
path yields an array.
IDBIndexSync - Web APIs
direction) raises (idbdatabaseexception); void openobjectcursor (in optional idbkeyrange range, in optional unsigned short direction) raises (idbdatabaseexception); any put (in any value, in optional any key) raises (idbdatabaseexception); void remove (in any key) raises (idbdatabaseexception); attributes attribute type description key
path readonly domstring the key
path of this index.
IDBObjectStore.deleteIndex() - Web APIs
ew version number has been submitted via the // window.indexeddb.open line above //it is only implemented in recent browsers dbopenrequest.onupgradeneeded = function(event) { var db = this.result; db.onerror = function(event) { note.innerhtml += '<li>error loading database.</li>'; }; // create an objectstore for this database var objectstore = db.createobjectstore("todolist", { key
path: "tasktitle" }); // define what data items the objectstore will contain objectstore.createindex("hours", "hours", { unique: false }); objectstore.createindex("minutes", "minutes", { unique: false }); objectstore.createindex("day", "day", { unique: false }); objectstore.createindex("month", "month", { unique: false }); objectstore.createindex("year", "year", { unique: false }); ...
IDBOpenDBRequest.onblocked - Web APIs
version number has been submitted via the // window.indexeddb.open line above //it is only implemented in recent browsers request.onupgradeneeded = function(event) { var db = event.target.result; db.onerror = function(event) { note.innerhtml += '<li>error loading database.</li>'; }; // create an objectstore for this database var objectstore = db.createobjectstore("todolist", { key
path: "tasktitle" }); ...
IDBOpenDBRequest - Web APIs
w version number has been // submitted via the window.indexeddb.open line above // it is only implemented in recent browsers dbopenrequest.onupgradeneeded = function(event) { var db = this.result; db.onerror = function(event) { note.innerhtml += '<li>error loading database.</li>'; }; // create an objectstore for this database var objectstore = db.createobjectstore("todolist", { key
path: "tasktitle" }); // define what data items the objectstore will contain objectstore.createindex("hours", "hours", { unique: false }); objectstore.createindex("minutes", "minutes", { unique: false }); objectstore.createindex("day", "day", { unique: false }); objectstore.createindex("month", "month", { unique: false }); objectstore.createindex("year", "year", { unique: false }); ...
ImageBitmap - Web APIs
the imagebitmap interface represents a bitmap image which can be drawn to a <canvas> without undue latency.
install - Web APIs
allation, use the optional callback function and its status parameter, as in the example below.
Pointer Lock API - Web APIs
tcontent = "x position: " + x + ", y position: " + y; if (!animation) { animation = requestanimationframe(function() { animation = null; canvasdraw(); }); } } the canvasdraw() function draws the ball in the current x and y positions: function canvasdraw() { ctx.fillstyle = "black"; ctx.fillrect(0, 0, canvas.width, canvas.height); ctx.fillstyle = "#f00"; ctx.begin
path(); ctx.arc(x, y, radius, 0, degtorad(360), true); ctx.fill(); } iframe limitations pointer lock can only lock one iframe at a time.
Response.headers - Web APIs
the headers read-only property of the response interface contains the headers object associated with the response.
Response.ok - Web APIs
the ok read-only property of the response interface contains a boolean stating whether the response was successful (status in the range 200-299) or not.
Response.status - Web APIs
the status read-only property of the response interface contains the status code of the response (e.g., 200 for a success).
Response.statusText - Web APIs
the statustext read-only property of the response interface contains the status message corresponding to the status code (e.g., ok for 200).
Service Worker API - Web APIs
ther things, to enable the creation of effective offline experiences, intercept network requests and take appropriate action based on whether the network is available, and update assets residing on the server.
SpeechRecognition.serviceURI - Web APIs
the serviceuri property of the speechrecognition interface specifies the location of the speech recognition service used by the current speechrecognition to handle the actual recognition.
TextMetrics - Web APIs
mheightdescent', 'actualboundingboxdescent', 'fontboundingboxdescent']; const baselines = [...baselinesabovealphabetic, ...baselinesbelowalphabetic]; ctx.font = '25px serif'; ctx.strokestyle = 'red'; baselines.foreach(function (baseline, index) { let text = 'abcdefghijklmnop (' + baseline + ')'; let textmetrics = ctx.measuretext(text); let y = 50 + index * 50; ctx.begin
path(); ctx.filltext(text, 0, y); let liney = y - math.abs(textmetrics[baseline]); if (baselinesbelowalphabetic.includes(baseline)) { liney = y + math.abs(textmetrics[baseline]); } ctx.moveto(0, liney); ctx.lineto(550, liney); ctx.stroke(); }); result measuring text width when measuring the x-direction of a piece of text, the sum of actualboundingboxleft and actualboundingboxr...
WebGL best practices - Web APIs
2^8] [0, 2^9] prefer builtins like dot, mix, and normalize instead of buiding your own at best, custom implementations of builtins might run as fast as the builtins they replace, but don't expect them to.
Visualizations with Web Audio API - Web APIs
ce it has been started: var drawvisual = requestanimationframe(draw); next, we grab the time domain data and copy it into our array analyser.getbytetimedomaindata(dataarray); next, fill the canvas with a solid colour to start canvasctx.fillstyle = 'rgb(200, 200, 200)'; canvasctx.fillrect(0, 0, width, height); set a line width and stroke colour for the wave we will draw, then begin drawing a
path canvasctx.linewidth = 2; canvasctx.strokestyle = 'rgb(0, 0, 0)'; canvasctx.begin
path(); determine the width of each segment of the line to be drawn by dividing the canvas width by the array length (equal to the frequencybincount, as defined earlier on), then define an x variable to define the position to move to for drawing each segment of the line.
Window.pkcs11 - Web APIs
note: this property has been returned null since gecko 1.9.0.14 (firefox 3.0.14) and removed in gecko 29.0 (firefox 29 / thunderbird 29 / seamonkey 2.26)) for security reasons.
Window.screenLeft - Web APIs
t; initialtop = window.screentop + canvaselem.offsettop; function positionelem() { let newleft = window.screenleft + canvaselem.offsetleft; let newtop = window.screentop + canvaselem.offsettop; let leftupdate = initialleft - newleft; let topupdate = initialtop - newtop; ctx.fillstyle = 'rgb(0, 0, 0)'; ctx.fillrect(0, 0, width, height); ctx.fillstyle = 'rgb(0, 0, 255)'; ctx.begin
path(); ctx.arc(leftupdate + (width/2), topupdate + (height/2) + 35, 50, degtorad(0), degtorad(360), false); ctx.fill(); pelem.textcontent = 'window.screenleft: ' + window.screenleft + ', window.screentop: ' + window.screentop; window.requestanimationframe(positionelem); } window.requestanimationframe(positionelem); also in the code we include a snippet that detects whether screenleft is s...
Window.screenTop - Web APIs
t; initialtop = window.screentop + canvaselem.offsettop; function positionelem() { let newleft = window.screenleft + canvaselem.offsetleft; let newtop = window.screentop + canvaselem.offsettop; let leftupdate = initialleft - newleft; let topupdate = initialtop - newtop; ctx.fillstyle = 'rgb(0, 0, 0)'; ctx.fillrect(0, 0, width, height); ctx.fillstyle = 'rgb(0, 0, 255)'; ctx.begin
path(); ctx.arc(leftupdate + (width/2), topupdate + (height/2) + 35, 50, degtorad(0), degtorad(360), false); ctx.fill(); pelem.textcontent = 'window.screenleft: ' + window.screenleft + ', window.screentop: ' + window.screentop; window.requestanimationframe(positionelem); } window.requestanimationframe(positionelem); also in the code we include a snippet that detects whether screenleft is s...
Window.screenX - Web APIs
t; initialtop = window.screentop + canvaselem.offsettop; function positionelem() { let newleft = window.screenleft + canvaselem.offsetleft; let newtop = window.screentop + canvaselem.offsettop; let leftupdate = initialleft - newleft; let topupdate = initialtop - newtop; ctx.fillstyle = 'rgb(0, 0, 0)'; ctx.fillrect(0, 0, width, height); ctx.fillstyle = 'rgb(0, 0, 255)'; ctx.begin
path(); ctx.arc(leftupdate + (width/2), topupdate + (height/2) + 35, 50, degtorad(0), degtorad(360), false); ctx.fill(); pelem.textcontent = 'window.screenleft: ' + window.screenleft + ', window.screentop: ' + window.screentop; window.requestanimationframe(positionelem); } window.requestanimationframe(positionelem); these work in exactly the same way as screenx/screeny.
Window.screenY - Web APIs
t; initialtop = window.screentop + canvaselem.offsettop; function positionelem() { let newleft = window.screenleft + canvaselem.offsetleft; let newtop = window.screentop + canvaselem.offsettop; let leftupdate = initialleft - newleft; let topupdate = initialtop - newtop; ctx.fillstyle = 'rgb(0, 0, 0)'; ctx.fillrect(0, 0, width, height); ctx.fillstyle = 'rgb(0, 0, 255)'; ctx.begin
path(); ctx.arc(leftupdate + (width/2), topupdate + (height/2) + 35, 50, degtorad(0), degtorad(360), false); ctx.fill(); pelem.textcontent = 'window.screenleft: ' + window.screenleft + ', window.screentop: ' + window.screentop; window.requestanimationframe(positionelem); } window.requestanimationframe(positionelem); these work in exactly the same way as screenx/screeny.
Worker - Web APIs
the worker interface of the web workers api represents a background task that can be created via script, which can send messages back to its creator.
WorkerGlobalScope.location - Web APIs
llowing in a document served at localhost:8000 console.log(location); inside a worker (which would basically be the equivalent of self.console.log(self.location);, as these are being called on the worker scope, which can be referenced with workerglobalscope.self), you will get a workerlocation object written to the console — something like the following: workerlocation {hash: "", search: "",
pathname: "/worker.js", port: "8000", hostname: "localhost"…} hash: "" host: "localhost:8000" hostname: "localhost" href: "http://localhost:8000/worker.js" origin: "http://localhost:8000"
pathname: "/worker.js" port: "8000" protocol: "http:" search: "" __proto__: workerlocation you could use this location object to return more information about the document's location, as you mi...
Keyboard-navigable JavaScript widgets - Accessibility
dex value determines where this element is positioned in the tab order: smaller values will position elements earlier in the tab order than larger values (for example, tabindex="7" will be positioned before tabindex="11").
Operable - Accessibility
eract with digital technology using different input methods beyond a keyboard or mouse (including touchscreen, voice, device motion, or alternative input devices.
Mozilla CSS extensions - CSS: Cascading Style Sheets
art [superseded by the standard version border-inline-start] -moz-border-start-color [superseded by the standard version border-inline-start-color] -moz-border-start-style [superseded by the standard version border-inline-start-style] -moz-border-start-width [superseded by the standard version border-inline-start-width] -moz-box-sizing [prefixed version still accepted] c clip-
path [applying to more than svg] -moz-column-count [prefixed version still accepted] -moz-column-fill [prefixed version still accepted] -moz-column-gap [prefixed version still accepted] -moz-column-width [prefixed version still accepted] -moz-column-rule [prefixed version still accepted] -moz-column-rule-width [prefixed version still accepted] -moz-column-rule-style [prefixed ve...
WebKit CSS extensions - CSS: Cascading Style Sheets
-timing-function b -webkit-backface-visibility -webkit-background-clip -webkit-background-origin -webkit-background-size -webkit-border-bottom-left-radius -webkit-border-bottom-right-radius -webkit-border-image -webkit-border-radius -webkit-border-top-left-radius -webkit-border-top-right-radius -webkit-box-decoration-break -webkit-box-shadow -webkit-box-sizing c -webkit-clip-
path -webkit-column-count -webkit-column-fill -webkit-column-gap -webkit-column-rule -webkit-column-rule-color -webkit-column-rule-style -webkit-column-rule-width -webkit-column-span -webkit-column-width -webkit-columns f -webkit-filter -webkit-flex -webkit-flex-basis -webkit-flex-direction -webkit-flex-flow -webkit-flex-grow -webkit-flex-shrink -webkit-flex-wrap -webkit-font-fe...
shape-margin - CSS: Cascading Style Sheets
the world was fashioned the square on the hypotenuse was equal to the sum of the squares on the other two sides of a right triangle, and it will be so after this world is dead; and the inhabitant of mars, if he exists, probably knows its truth as we know it.</section> css section { max-width: 400px; } .shape { float: left; width: 150px; height: 150px; background-color: maroon; clip-
path: polygon(0 0, 150px 150px, 0 150px); shape-outside: polygon(0 0, 150px 150px, 0 150px); shape-margin: 20px; } result specifications specification status comment css shapes module level 1the definition of 'shape-margin' in that specification.
Demos of open web technologies
le videos 3d graphics webgl web audio fireworks ioquake3 (source code) escher puzzle (source code) kai 'opua (source code) virtual reality the polar sea (source code) sechelt fly-through (source code) css css zen garden css floating logo "mozilla" paperfold css blockout rubik's cube pure css slides planetarium (source code) loader with blend modes text reveal with clip-
path ambient shadow with custom properties luminiscent vial css-based single page application (source code) transformations impress.js (source code) games ioquake3 (source code) kai 'opua (source code) web apis notifications api html5 notifications (source code) web audio api web audio fireworks oscope.js - javascript oscilloscope html5 web audio showcase (source code)...
exsl:node-set() - EXSLT
xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes exsl:node-set() returns a node-set from a result tree fragment, which is what you get when you look at the xsl:variable instead of its select attribute to fetch a variable's value.
exsl:object-type() - EXSLT
xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes exsl:object-type() returns a string that indicates the type of the specified object.
Common (exsl) - EXSLT
xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes the exslt common package provides basic functions that expand upon the capabilities of xslt.
math:highest() - EXSLT
xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes math:highest() returns the node in the specified node-set with the highest value (where the highest value calculated using math:max()).
math:lowest() - EXSLT
xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes math:lowest() returns the node in the specified node-set with the lowest value (where the lowest value calculated using math:min()).
math:max() - EXSLT
xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes math:max() returns the maximum value of a node-set.
math:min() - EXSLT
xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes math:min() returns the minimum value of a node-set.
Math (math) - EXSLT
xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes the exslt math package provides functions for working with numeric values and comparing nodes.
regexp:match() - EXSLT
xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes regexp:match() performs regular expression matching on a string, returning the submatches found as a result.
regexp:replace() - EXSLT
xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes regexp:replace() replaces the portions of a string that match a given regular expression with the contents of another string.
regexp:test() - EXSLT
xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes regexp:test() tests to see whether a string matches a specified regular expression.
Regular expressions (regexp) - EXSLT
xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes the exslt regular expressions package provides functions that allow testing, matching, and replacing text using javascript style regular expressions.
set:difference() - EXSLT
xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes set:difference() returns the difference between two node-sets.
set:distinct() - EXSLT
xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes set:distinct() returns a subset of the nodes in the specified node-set, returning only nodes with unique string values.
set:has-same-node() - EXSLT
xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes set:has-same-node() determines whether two node-sets have any nodes in common.
set:intersection() - EXSLT
xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes set:intersection() returns the intersection of two node-sets.
set:leading() - EXSLT
xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes set:leading() returns the nodes in one node-set that come before the first node in the other node-set.
set:trailing() - EXSLT
xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes set:trailing() returns the nodes in one node-set that come after the first node in the other node-set.
Sets (set) - EXSLT
xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes the exslt sets package offers functions that let you perform set manipulation.
str:concat() - EXSLT
xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes str:concat() returns a string containing all the string values in a node-set concatenated together.
str:split() - EXSLT
xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes str:split() splits a string using a pattern string to determine where the splits should occur, returning a node-set containing the resulting strings.
str:tokenize() - EXSLT
xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes str:tokenize() splits a string using a set of characters as delimiters that determine where the splits should occur, returning a node-set containing the resulting strings.
Strings (str) - EXSLT
xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes the exslt strings package provides functions that allow the manipulation of strings.
EXSLT
xslt/x
path reference: xslt elements, exslt functions, x
path functions, x
path axes exslt is a set of extensions to xslt.
pointer-events - SVG: Scalable Vector Graphics
ound(math.random() * 0xffffff) // let's format the color to fit css requirements const fill = '#' + color.tostring(16).padstart(6,'0') // let's apply our color in the // element we actually clicked on e.target.style.fill = fill }) as a presentation attribute, it can be applied to any element but it is mostly relevant only on the following twenty-three elements: <a>, <circle>, <clip
path>, <defs>, <ellipse>, <foreignobject>, <g>, <image>, <line>, <marker>, <mask>, <
path>, <pattern>, <polygon>, <polyline>, <rect>, <svg>, <switch>, <symbol>, <text>, <text
path>, <tspan>, <use> usage notes value bounding-box | visiblepainted | visiblefill | visiblestroke | visible | painted | fill | stroke | all | none default value visiblepainted animatable yes ...
xlink:arcrole - SVG: Scalable Vector Graphics
sent a "person," but in the context of a particular arc it might have the role of "mother" and in the context of a different arc it might have the role of "daughter." twentytwo elements are using this attribute: <a>, <altglyph>, <animate>, <animatecolor>, <animatemotion>, <animatetransform>, <color-profile>, <cursor>, <feimage>, <filter>, <font-face-uri>, <glyphref>, <image>, <lineargradient>, <m
path>, <pattern>, <radialgradient>, <script>, <set>, <text
path>, <tref>, <use> usage notes value <iri> default value none animatable no <iri> this value specifies an iri reference that identifies some resource that describes the intended property.
<feComposite> - SVG: Scalable Vector Graphics
%"> <fecomposite in="sourcegraphic" in2="backgroundimage" operator="xor" result="comp"/> </filter> <filter id="arithmeticnoflood" filterunits="objectboundingbox" x="-5%" y="-5%" width="110%" height="110%"> <fecomposite in="sourcegraphic" in2="backgroundimage" result="comp" operator="arithmetic" k1=".5" k2=".5" k3=".5" k4=".5"/> </filter> <
path id="blue100" d="m 0 0 l 100 0 l 100 100 z" fill="#00ffff" /> <
path id="red100" d="m 0 0 l 0 100 l 100 0 z" fill="#ff00ff" /> <
path id="blue50" d="m 0 125 l 100 125 l 100 225 z" fill="#00ffff" fill-opacity=".5" /> <
path id="red50" d="m 0 125 l 0 225 l 100 125 z" fill="#ff00ff" fill-opacity=".5" /> <g id="twobluetriangles"> <use xlink:href="#blue100"/> <use xlink:href="#...
Filter effects - SVG: Scalable Vector Graphics
ult="specout"/> <fecomposite in="sourcegraphic" in2="specout" operator="arithmetic" k1="0" k2="1" k3="1" k4="0" result="litpaint"/> <!-- merge offsetblur + litpaint --> <femerge> <femergenode in="offsetblur"/> <femergenode in="litpaint"/> </femerge> </filter> </defs> <!-- graphic elements --> <g filter="url(#myfilter)"> <
path fill="none" stroke="#d90000" stroke-width="10" d="m50,66 c-50,0 -50,-60 0,-60 h100 c50,0 50,60 0,60z" /> <
path fill="#d90000" d="m60,56 c-30,0 -30,-40 0,-40 h80 c30,0 30,40 0,40z" /> <g fill="#ffffff" stroke="black" font-size="45" font-family="verdana" > <text x="52" y="52">svg</text> </g> </g> </svg> step 1 <fegaussianblur in="sourcealpha"...
Tutorials
in such-and-such a place on the screen?
For Further Reading - XSLT: Extensible Stylesheet Language Transformations
http://www.amazon.com/gp/product/0596004206 digital websites world wide web consortium the w3c homepage: http://www.w3.org/ the main xsl page: http://www.w3.org/style/xsl/ the version 1.0 recommendation for xslt: http://www.w3.org/tr/xslt archive of public style (css and xslt) discussions: http://lists.w3.org/archives/public/www-style/ the version 1.0 recommendation for x
path: http://www.w3.org/tr/x
path the world wide web consortium is the body that publishes recommendations for a number of web-based technologies, many of which become the de-facto standard.
Web technology for developers
emos of open web technologiesdeveloper guidesexsltevent referencehtml: hypertext markup languagehttpjavascriptmathmlopensearch description formatprivacy, permissions, and information securityprogressive web apps (pwas)svg: scalable vector graphicstutorialsweb apisweb componentsweb performanceweb app manifestsweb media technologiesweb securityweb technology referencexml: extensible markup languagex
pathxslt: extensible stylesheet language transformations ...