Search completed in 1.05 seconds.
DOMPoint.DOMPoint() - Web APIs
the
dompoint() constructor creates and returns a new
dompoint object, given the values for some or all of its properties.
... the
dompoint() constructor creates and returns a new
dompoint object, given the values for some or all of its properties.
... the
dompoint() constructor creates and returns a new
dompoint object, given the values for some or all of its properties.
...And 12 more matches
DOMRect.DOMRect() - Web APIs
the
domrect() constructor creates a new
domrect object.
... the
domrect() constructor creates a new
domrect object.
... the
domrect() constructor creates a new
domrect object.
...And 10 more matches
Mozilla DOM Hacking Guide
mozilla gives you the opportunity not only to use very powerful and complete
dom support, but also to work on a world-class implementation of one of the greatest internet technologies ever created.
... mozilla gives you the opportunity not only to use very powerful and complete
dom support, but also to work on a world-class implementation of one of the greatest internet technologies ever created.
...to work on a world-class implementation of one of the greatest internet technologies ever created.
...And 260 more matches
nsIDOMWindowUtils
dom/interfaces/base/nsi
domwindowutils.idlscriptable this interface is a
dom utility interface that provides useful
dom methods and attributes.
...
dom/interfaces/base/nsi
domwindowutils.idlscriptable this interface is a
dom utility interface that provides useful
dom methods and attributes.
... introduced gecko 1.8 inherits from: nsisupports last changed in gecko 49.0 (firefox 49.0 / thunderbird 49.0 / seamonkey 2.46) implemented by: window.
...And 82 more matches
Introduction to XPCOM for the DOM
warning: this document has not yet been reviewed by the
dom gurus, it might contain some errors.
... warning: this document has not yet been reviewed by the
dom gurus, it might contain some errors.
... warning: this document has not yet been reviewed by the
dom gurus, it might contain some errors.
...And 64 more matches
Introduction to the DOM - Web APIs
the document object model (
dom) is the data representation of the objects that comprise the structure and content of a document on the web.
... the document object model (
dom) is the data representation of the objects that comprise the structure and content of a document on the web.
... the document object model (
dom) is the data representation of the objects that comprise the structure and content of a document on the web.
...And 64 more matches
nsIDOMElement
dom/interfaces/core/nsi
domelement.idlscriptable this interface represents an element in an html or xml document.
...
dom/interfaces/core/nsi
domelement.idlscriptable this interface represents an element in an html or xml document.
...
dom/interfaces/core/nsi
domelement.idlscriptable this interface represents an element in an html or xml document.
...And 56 more matches
Introduction to DOM Inspector - Firefox Developer Tools
the
dom inspector is a mozilla extension that you can access from the tools > web development menu in seamonkey, or by selecting the
dom inspector menu item from the tools menu in firefox and thunderbird, or by using ctrl/cmd+shift+i in either application.
... the
dom inspector is a mozilla extension that you can access from the tools > web development menu in seamonkey, or by selecting the
dom inspector menu item from the tools menu in firefox and thunderbird, or by using ctrl/cmd+shift+i in either application.
... the
dom inspector is a mozilla extension that you can access from the tools > web development menu in seamonkey, or by selecting the
dom inspector menu item from the tools menu in firefox and thunderbird, or by using ctrl/cmd+shift+i in either application.
...And 56 more matches
What is a Domain Name? - Learn web development
prerequisites: first you need to know how the internet works and understand what urls are.
... prerequisites: first you need to know how the internet works and understand what urls are.
...p address, either an ipv4 address (e.g.
...And 47 more matches
inIDOMUtils
layout/inspector/ini
domutils.idlscriptable
dom utility functions.
... layout/inspector/ini
domutils.idlscriptable
dom utility functions.
... layout/inspector/ini
domutils.idlscriptable
dom utility functions.
...And 44 more matches
nsIDOMXULElement
dom/interfaces/xul/nsi
domxulelement.idlscriptable represents a xul element within the
dom.
...
dom/interfaces/xul/nsi
domxulelement.idlscriptable represents a xul element within the
dom.
...
dom/interfaces/xul/nsi
domxulelement.idlscriptable represents a xul element within the
dom.
...And 42 more matches
DOMMatrixReadOnly - Web APIs
the
dommatrixreadonly interface represents a read-only 4×4 matrix, suitable for 2d and 3d operations.
... the
dommatrixreadonly interface represents a read-only 4×4 matrix, suitable for 2d and 3d operations.
... the
dommatrixreadonly interface represents a read-only 4×4 matrix, suitable for 2d and 3d operations.
...And 42 more matches
Internationalized Domain Names (IDN) Support in Mozilla Browsers
introduction netscape 7.1 is the first commercial browser that has built-in support for internationalized
domain name under the new ietf rfc's established in 2003.
... introduction netscape 7.1 is the first commercial browser that has built-in support for internationalized
domain name under the new ietf rfc's established in 2003.
... introduction netscape 7.1 is the first commercial browser that has built-in support for internationalized
domain name under the new ietf rfc's established in 2003.
...And 39 more matches
nsIDOMMozNetworkStatsManager
note: gecko is a fast evolving project.
... note: gecko is a fast evolving project.
... note: gecko is a fast evolving project.
...And 38 more matches
nsIDOMWindowInternal
dom/interfaces/base/nsi
domwindowinternal.idlscriptable this interface is part of a chain of interfaces used to represent a window in the
dom.
...
dom/interfaces/base/nsi
domwindowinternal.idlscriptable this interface is part of a chain of interfaces used to represent a window in the
dom.
...
dom/interfaces/base/nsi
domwindowinternal.idlscriptable this interface is part of a chain of interfaces used to represent a window in the
dom.
...And 38 more matches
Using shadow DOM - Web Components
an important aspect of web components is encapsulation — being able to keep the markup structure, style, and behavior hidden and separate from other code on the page so that different parts do not clash, and the code can be kept nice and clean.
... an important aspect of web components is encapsulation — being able to keep the markup structure, style, and behavior hidden and separate from other code on the page so that different parts do not clash, and the code can be kept nice and clean.
...mportant aspect of web components is encapsulation — being able to keep the markup structure, style, and behavior hidden and separate from other code on the page so that different parts do not clash, and the code can be kept nice and clean.
...And 38 more matches
nsIDOMNode
dom/interfaces/core/nsi
domnode.idlscriptable this interface is the primary datatype for the entire document object model.
...
dom/interfaces/core/nsi
domnode.idlscriptable this interface is the primary datatype for the entire document object model.
...
dom/interfaces/core/nsi
domnode.idlscriptable this interface is the primary datatype for the entire document object model.
...And 34 more matches
nsIDOMWindow
dom/interfaces/base/nsi
domwindow.idlscriptable this interface is the primary interface for a window object.
...he window contains an html frameset document, or if the document contains iframe elements.
...tains an html frameset document, or if the document contains iframe elements.
...And 33 more matches
nsIDOMNSHTMLDocument
dom/interfaces/html/nsi
domnshtmldocument.idlscriptable this interface defines methods and properties supported by gecko on the document object that are not part of
dom level 2.
...interfaces/html/nsi
domnshtmldocument.idlscriptable this interface defines methods and properties supported by gecko on the document object that are not part of
dom level 2.
...table this interface defines methods and properties supported by gecko on the document object that are not part of
dom level 2.
...And 32 more matches
Using the W3C DOM - Archive of obsolete content
« previousnext » the document object has properties for accessing collections of elements, such as document.images and document.forms.
...next » the document object has properties for accessing collections of elements, such as document.images and document.forms.
...rties for accessing collections of elements, such as document.images and document.forms.
...And 30 more matches
JavaScript-DOM Prototypes in Mozilla
prototype setup on an xpconnect wrapped
dom node in mozilla when a
dom node is accessed from javascript in mozilla, the native c++
dom node is wrapped using xpconnect and the wrapper is exposed to javascript as the javascript representation of the
dom node.
...+ object's class info has the flag nsixpcscriptable::dont_share_prototype set, but lets assume that's not the case here).
...he properties of obj's prototype: obj.__proto__ parentnode (getter function) src (getter and setter functions) getelementsbytagname (function) text_node (number property, constant) ...
...And 27 more matches
DOMMatrix - Web APIs
the
dommatrix interface represents 4×4 matrices, suitable for 2d and 3d operations including rotation and translation.
... the
dommatrix interface represents 4×4 matrices, suitable for 2d and 3d operations including rotation and translation.
... the
dommatrix interface represents 4×4 matrices, suitable for 2d and 3d operations including rotation and translation.
...And 26 more matches
Document Object Model (DOM) - Web APIs
the document object model (
dom) connects web pages to scripts or programming languages by representing the structure of a document—such as the html representing a web page—in memory.
... the document object model (
dom) connects web pages to scripts or programming languages by representing the structure of a document—such as the html representing a web page—in memory.
...cripts or programming languages by representing the structure of a document—such as the html representing a web page—in memory.
...And 26 more matches
dominant-baseline - SVG: Scalable Vector Graphics
the
dominant-baseline attribute specifies the
dominant baseline, which is the baseline used to align the box’s text and inline-level contents.
...he
dominant baseline, which is the baseline used to align the box’s text and inline-level contents.
...-table font-size.
...And 26 more matches
DOMPoint - Web APIs
a
dompoint object represents a 2d or 3d point in a coordinate system; it includes values for the coordinates in up to three dimensions, as well as an optional perspective value.
... a
dompoint object represents a 2d or 3d point in a coordinate system; it includes values for the coordinates in up to three dimensions, as well as an optional perspective value.
... a
dompoint object represents a 2d or 3d point in a coordinate system; it includes values for the coordinates in up to three dimensions, as well as an optional perspective value.
...And 24 more matches
DOMRect - Web APIs
a
domrect represents a rectangle.
... a
domrect represents a rectangle.
... a
domrect represents a rectangle.
...And 23 more matches
The HTML DOM API - Web APIs
the html
dom api is made up of the interfaces that define the functionality of each of the elements in html, as well as any supporting types and interfaces they rely upon.
... the html
dom api is made up of the interfaces that define the functionality of each of the elements in html, as well as any supporting types and interfaces they rely upon.
... the html
dom api is made up of the interfaces that define the functionality of each of the elements in html, as well as any supporting types and interfaces they rely upon.
...And 23 more matches
Math.random() - JavaScript
the math.ran
dom() function returns a floating-point, pseudo-ran
dom number in the range 0 to less than 1 (inclusive of 0, but not 1) with approximately uniform distribution over that range — which you can then scale to your desired range.
... the math.ran
dom() function returns a floating-point, pseudo-ran
dom number in the range 0 to less than 1 (inclusive of 0, but not 1) with approximately uniform distribution over that range — which you can then scale to your desired range.
... the math.ran
dom() function returns a floating-point, pseudo-ran
dom number in the range 0 to less than 1 (inclusive of 0, but not 1) with approximately uniform distribution over that range — which you can then scale to your desired range.
...And 23 more matches
Math.random() - JavaScript
the math.ran
dom() function returns a floating-point, pseudo-ran
dom number in the range 0 to less than 1 (inclusive of 0, but not 1) with approximately uniform distribution over that range — which you can then scale to your desired range.
... the math.ran
dom() function returns a floating-point, pseudo-ran
dom number in the range 0 to less than 1 (inclusive of 0, but not 1) with approximately uniform distribution over that range — which you can then scale to your desired range.
... the math.ran
dom() function returns a floating-point, pseudo-ran
dom number in the range 0 to less than 1 (inclusive of 0, but not 1) with approximately uniform distribution over that range — which you can then scale to your desired range.
...And 23 more matches
nsIDOMXPathEvaluator
dom/interfaces/xpath/nsi
domxpathevaluator.idlscriptable this interface is used to evaluate xpath expressions against a
dom node.
...
dom/interfaces/xpath/nsi
domxpathevaluator.idlscriptable this interface is used to evaluate xpath expressions against a
dom node.
...
dom/interfaces/xpath/nsi
domxpathevaluator.idlscriptable this interface is used to evaluate xpath expressions against a
dom node.
...And 22 more matches
Subdomain takeovers - Web security
a sub
domain takeover occurs when an attacker gains control over a sub
domain of a target
domain.
... a sub
domain takeover occurs when an attacker gains control over a sub
domain of a target
domain.
... a sub
domain takeover occurs when an attacker gains control over a sub
domain of a target
domain.
...And 22 more matches
nsIDOMStorageEventObsolete
obsolete since gecko 2.0 (firefox 4 / thunderbird 3.3 / seamonkey 2.1) this feature is obsolete.
... obsolete since gecko 2.0 (firefox 4 / thunderbird 3.3 / seamonkey 2.1) this feature is obsolete.
...since gecko 2.0 (firefox 4 / thunderbird 3.3 / seamonkey 2.1) this feature is obsolete.
...And 21 more matches
DOMParser - Web APIs
the
domparser interface provides the ability to parse xml or html source code from a string into a
dom document.
... the
domparser interface provides the ability to parse xml or html source code from a string into a
dom document.
...to parse xml or html source code from a string into a
dom document.
...And 21 more matches
DOMTokenList - Web APIs
the
domtokenlist interface represents a set of space-separated tokens.
... the
domtokenlist interface represents a set of space-separated tokens.
... the
domtokenlist interface represents a set of space-separated tokens.
...And 21 more matches
nsIDOMParser
note: if you're a web developer, please refer to the
domparser documentation instead.
... note: if you're a web developer, please refer to the
domparser documentation instead.
... note: if you're a web developer, please refer to the
domparser documentation instead.
...And 20 more matches
Crypto.getRandomValues() - Web APIs
the crypto.getran
domvalues() method lets you get cryptographically strong ran
dom values.
... the crypto.getran
domvalues() method lets you get cryptographically strong ran
dom values.
... the crypto.getran
domvalues() method lets you get cryptographically strong ran
dom values.
...And 19 more matches
DOMRectReadOnly - Web APIs
the
domrectreadonly interface specifies the standard properties used by
domrect to define a rectangle whose properties are immutable.
... the
domrectreadonly interface specifies the standard properties used by
domrect to define a rectangle whose properties are immutable.
... the
domrectreadonly interface specifies the standard properties used by
domrect to define a rectangle whose properties are immutable.
...And 19 more matches
DOM Inspector - Firefox Developer Tools
the
dom inspector (also known as
domi) is a developer tool used to inspect, browse, and edit the document object model of documents - usually web pages or xul windows.
... the
dom inspector (also known as
domi) is a developer tool used to inspect, browse, and edit the document object model of documents - usually web pages or xul windows.
...also known as
domi) is a developer tool used to inspect, browse, and edit the document object model of documents - usually web pages or xul windows.
...And 18 more matches
nsIDOMOfflineResourceList
the nsi
domofflineresourcelist interface provides access to the application cache that allows web content's resources to be cached locally for use while offline.
... the nsi
domofflineresourcelist interface provides access to the application cache that allows web content's resources to be cached locally for use while offline.
... the nsi
domofflineresourcelist interface provides access to the application cache that allows web content's resources to be cached locally for use while offline.
...And 17 more matches
DOMPointReadOnly - Web APIs
the
dompointreadonly interface specifies the coordinate and perspective fields used by
dompoint to define a 2d or 3d point in a coordinate system.
... the
dompointreadonly interface specifies the coordinate and perspective fields used by
dompoint to define a 2d or 3d point in a coordinate system.
...only interface specifies the coordinate and perspective fields used by
dompoint to define a 2d or 3d point in a coordinate system.
...And 17 more matches
nsIDOMGeoGeolocation
summary the nsi
domgeogeolocation interface provides access to geolocation information.
... summary the nsi
domgeogeolocation interface provides access to geolocation information.
... summary the nsi
domgeogeolocation interface provides access to geolocation information.
...And 16 more matches
Document.domain - Web APIs
the
domain property of the document interface gets/sets the
domain portion of the origin of the current document, as used by the same origin policy.
... the
domain property of the document interface gets/sets the
domain portion of the origin of the current document, as used by the same origin policy.
... the
domain property of the document interface gets/sets the
domain portion of the origin of the current document, as used by the same origin policy.
...And 16 more matches
Using the W3C DOM Level 1 Core - Web APIs
the w3c's
dom level 1 core is an api for manipulating the
dom trees of html and xml documents (among other tree-like types of documents).
... the w3c's
dom level 1 core is an api for manipulating the
dom trees of html and xml documents (among other tree-like types of documents).
... the w3c's
dom level 1 core is an api for manipulating the
dom trees of html and xml documents (among other tree-like types of documents).
...And 16 more matches
nsIDOMStorage
dom/interfaces/storage/nsi
domstorage.idlscriptable this interface represents the storage space used for session storage in the
dom.
...
dom/interfaces/storage/nsi
domstorage.idlscriptable this interface represents the storage space used for session storage in the
dom.
...rs, which may be retrieved, modified and removed as needed.
...And 15 more matches
nsIDOMStorageManager
dom/interfaces/storage/nsi
domstoragemanager.idlscriptable this interface provides methods for managing data stored in the offline apps cache.
...
dom/interfaces/storage/nsi
domstoragemanager.idlscriptable this interface provides methods for managing data stored in the offline apps cache.
...
dom/interfaces/storage/nsi
domstoragemanager.idlscriptable this interface provides methods for managing data stored in the offline apps cache.
...And 15 more matches
nsIDOMXULSelectControlElement
dom/interfaces/xul/nsi
domxulselectcntrlel.idlscriptable please add a summary to this article.
...
dom/interfaces/xul/nsi
domxulselectcntrlel.idlscriptable please add a summary to this article.
...
dom/interfaces/xul/nsi
domxulselectcntrlel.idlscriptable please add a summary to this article.
...And 15 more matches
DOMQuad - Web APIs
a
domquad is a collection of four
dompoints defining the corners of an arbitrary quadrilateral.
... a
domquad is a collection of four
dompoints defining the corners of an arbitrary quadrilateral.
... a
domquad is a collection of four
dompoints defining the corners of an arbitrary quadrilateral.
...And 15 more matches
Document: DOMContentLoaded event - Web APIs
the
domcontentloaded event fires when the initial html document has been completely loaded and parsed, without waiting for stylesheets, images, and subframes to finish loading.
...y loaded and parsed, without waiting for stylesheets, images, and subframes to finish loading.
...ing.
...And 15 more matches
nsIDOMStorage2
the nsi
domstorage2 interface represents the storage space used for local storage in the
dom.
... the nsi
domstorage2 interface represents the storage space used for local storage in the
dom.
... the nsi
domstorage2 interface represents the storage space used for local storage in the
dom.
...And 14 more matches
XDomainRequest - Web APIs
x
domainrequest is an implementation of http access control (cors) that worked in internet explorer 8 and 9.
...est is an implementation of http access control (cors) that worked in internet explorer 8 and 9.
...access control (cors) that worked in internet explorer 8 and 9.
...And 14 more matches
DOMPointReadOnly.fromPoint() - Web APIs
the static
dompointreadonly method frompoint() creates and returns a new
dompointreadonly object given a source point.
... the static
dompointreadonly method frompoint() creates and returns a new
dompointreadonly object given a source point.
... the static
dompointreadonly method frompoint() creates and returns a new
dompointreadonly object given a source point.
...And 13 more matches
Traversing an HTML table with JavaScript and DOM Interfaces - Web APIs
introduction this article is an overview of some powerful, fundamental
dom level 1 methods and how to use them from javascript.
... introduction this article is an overview of some powerful, fundamental
dom level 1 methods and how to use them from javascript.
...rticle is an overview of some powerful, fundamental
dom level 1 methods and how to use them from javascript.
...And 13 more matches
HTML to DOM - Archive of obsolete content
although you can now natively parse html using
domparser and xmlhttprequest, this is a new feature that is not yet supported by all browsers in use in the wild.
... although you can now natively parse html using
domparser and xmlhttprequest, this is a new feature that is not yet supported by all browsers in use in the wild.
...tively parse html using
domparser and xmlhttprequest, this is a new feature that is not yet supported by all browsers in use in the wild.
...And 12 more matches
DOMPoint.fromPoint() - Web APIs
the static
dompoint method frompoint() creates and returns a new mutable
dompoint object given a source point.
... the static
dompoint method frompoint() creates and returns a new mutable
dompoint object given a source point.
... the static
dompoint method frompoint() creates and returns a new mutable
dompoint object given a source point.
...And 12 more matches
PR_GetRandomNoise
produces a ran
dom value for use as a seed value for another ran
dom number generator.
... produces a ran
dom value for use as a seed value for another ran
dom number generator.
... produces a ran
dom value for use as a seed value for another ran
dom number generator.
...And 11 more matches
nsIDOMEvent
dom/interfaces/events/nsi
domevent.idlscriptable this interface is the primary data type for all events in the document object model.
...
dom/interfaces/events/nsi
domevent.idlscriptable this interface is the primary data type for all events in the document object model.
...hat interface.
...And 11 more matches
Dominators - Firefox Developer Tools
this article provides an introduction to the concepts of reachability, shallow versus retained size, and
dominators, as they apply in garbage-collected languages like javascript.
...n introduction to the concepts of reachability, shallow versus retained size, and
dominators, as they apply in garbage-collected languages like javascript.
...of reachability, shallow versus retained size, and
dominators, as they apply in garbage-collected languages like javascript.
...And 11 more matches
nsIDOMGeoPositionAddress
dom/interfaces/geolocation/nsi
domgeopositionaddress.idlscriptable this interface describes the geographical address of a location, including street, city, and country information, for example.
...ess of a location, including street, city, and country information, for example.
...ion may or may not be available, depending on the geolocation service being used.
...And 10 more matches
nsIDOMMouseScrollEvent
dom/interfaces/events/nsi
dommousescrollevent.idlscriptable this interface represents a mouse scroll wheel event.
...
dom/interfaces/events/nsi
dommousescrollevent.idlscriptable this interface represents a mouse scroll wheel event.
...
dom/interfaces/events/nsi
dommousescrollevent.idlscriptable this interface represents a mouse scroll wheel event.
...And 10 more matches
nsIDOMStorageList
dom/interfaces/storage/nsi
domstoragelist.idlscriptable this interface is used to access the contextual storage areas used by globalstorage by
domain.
...
dom/interfaces/storage/nsi
domstoragelist.idlscriptable this interface is used to access the contextual storage areas used by globalstorage by
domain.
...
dom/interfaces/storage/nsi
domstoragelist.idlscriptable this interface is used to access the contextual storage areas used by globalstorage by
domain.
...And 10 more matches
nsIDOMXPathResult
dom/interfaces/xpath/nsi
domxpathresult.idlscriptable this interface describes an xpath result returned by nsi
domxpathevaluator or document.evaluate inherits from: nsisupports last changed in gecko 1.7 method overview nsi
domnode iteratenext(); nsi
domnode snapshotitem(in unsigned long index); attributes attribute type description booleanvalue boolean if resulttype is boolean_type, the boolean value.
...state boolean true if the iterator state has become invalid.
... a node invalidates the iterator.
...And 10 more matches
DOMException() - Web APIs
the
domexception() constructor returns a
domexception object with a specified message and name.
... the
domexception() constructor returns a
domexception object with a specified message and name.
... the
domexception() constructor returns a
domexception object with a specified message and name.
...And 10 more matches
DOMImplementation.hasFeature() - Web APIs
the
domimplementation.hasfeature() method returns a boolean flag indicating if a given feature is supported.
...e is supported.
...return true in all cases.
...And 10 more matches
DOMImplementation - Web APIs
the
domimplementation interface represents an object providing methods which are not dependent on any particular document.
... the
domimplementation interface represents an object providing methods which are not dependent on any particular document.
... the
domimplementation interface represents an object providing methods which are not dependent on any particular document.
...And 10 more matches
DOMRectReadOnly() - Web APIs
the
domrectreadonly() constructor creates a new
domrectreadonly object.
... the
domrectreadonly() constructor creates a new
domrectreadonly object.
... the
domrectreadonly() constructor creates a new
domrectreadonly object.
...And 10 more matches
Cross-domain Content Scripts - Archive of obsolete content
by default, content scripts don't have any cross-
domain privileges.
... by default, content scripts don't have any cross-
domain privileges.
... by default, content scripts don't have any cross-
domain privileges.
...And 9 more matches
Domain - MDN Web Docs Glossary: Definitions of Web-related terms
a
domain is an authority within the internet that controls its own resources.
... a
domain is an authority within the internet that controls its own resources.
... a
domain is an authority within the internet that controls its own resources.
...And 9 more matches
nsIDOMWindow2
dom/interfaces/base/nsi
domwindow2.idlscriptable this interface is the primary interface for a
dom window object.
...
dom/interfaces/base/nsi
domwindow2.idlscriptable this interface is the primary interface for a
dom window object.
...
dom/interfaces/base/nsi
domwindow2.idlscriptable this interface is the primary interface for a
dom window object.
...And 9 more matches
ConstrainDOMString - Web APIs
the constrain
domstring dictionary is used to specify a constraint for a property whose value is a string.
... a property whose value is a string.
...to specify one or more exact string values from which one must be the parameter's value, or a set of ideal values which should be used if possible.
...And 9 more matches
DOMException - Web APIs
the
domexception interface represents an abnormal event (called an exception) that occurs as a result of calling a method or accessing a property of a web api.
... the
domexception interface represents an abnormal event (called an exception) that occurs as a result of calling a method or accessing a property of a web api.
... the
domexception interface represents an abnormal event (called an exception) that occurs as a result of calling a method or accessing a property of a web api.
...And 9 more matches
DOMImplementation.createDocumentType() - Web APIs
the
domimplementation.createdocumenttype() method returns a documenttype object which can either be used with
domimplementation.createdocument upon document creation or can be put into the document via methods like node.insertbefore() or node.replacechild().
...e
domimplementation.createdocumenttype() method returns a documenttype object which can either be used with
domimplementation.createdocument upon document creation or can be put into the document via methods like node.insertbefore() or node.replacechild().
...ect which can either be used with
domimplementation.createdocument upon document creation or can be put into the document via methods like node.insertbefore() or node.replacechild().
...And 9 more matches
DOMPointInit.w - Web APIs
the
dompointinit dictionary's w property is used to specify the w perspective value of a point in space when either creating or serializing to json a
dompoint or
dompointreadonly object.
... the
dompointinit dictionary's w property is used to specify the w perspective value of a point in space when either creating or serializing to json a
dompoint or
dompointreadonly object.
... the
dompointinit dictionary's w property is used to specify the w perspective value of a point in space when either creating or serializing to json a
dompoint or
dompointreadonly object.
...And 9 more matches
DOMPointInit.y - Web APIs
the
dompointinit dictionary's y property is used to specify the y-coordinate of a point in 2d or 3d space when either creating or serializing to json a
dompoint or
dompointreadonly object.
...it dictionary's y property is used to specify the y-coordinate of a point in 2d or 3d space when either creating or serializing to json a
dompoint or
dompointreadonly object.
...sed to specify the y-coordinate of a point in 2d or 3d space when either creating or serializing to json a
dompoint or
dompointreadonly object.
...And 9 more matches
DOMPointInit.z - Web APIs
the
dompointinit dictionary's z property is used to specify the z-coordinate of a point in 2d or 3d space when either creating or serializing to json a
dompoint or
dompointreadonly object.
...pointreadonly object.
...y, a z value of 0 represents the plane of the screen.
...And 9 more matches
FC_GenerateRandom
name fc_generateran
dom - generate a ran
dom number.
... name fc_generateran
dom - generate a ran
dom number.
... name fc_generateran
dom - generate a ran
dom number.
...And 8 more matches
nsIDOMMozTouchEvent
the nsi
dommoztouchevent interface describes a raw touch event.
... the nsi
dommoztouchevent interface describes a raw touch event.
... the nsi
dommoztouchevent interface describes a raw touch event.
...And 8 more matches
DOMPointInit - Web APIs
the
dompointinit dictionary is used to provide the values of the coordinates and perspective when creating and jsonifying a
dompoint or
dompointreadonly object.
... the
dompointinit dictionary is used to provide the values of the coordinates and perspective when creating and jsonifying a
dompoint or
dompointreadonly object.
... the
dompointinit dictionary is used to provide the values of the coordinates and perspective when creating and jsonifying a
dompoint or
dompointreadonly object.
...And 8 more matches
Examples of web and XML development using the DOM - Web APIs
this chapter provides some longer examples of web and xml development using the
dom.
...20px-wide" onclick="setborderwidth(20);" /> <input type="button" value="make border 5px-wide" onclick="setborderwidth(5);" /> </form> </body> </html> example 3: manipulating styles in this simple example, some basic style properties of an html paragraph element are accessed using the style object on the element and that object's css style properties, which can be retrieved and set from the
dom.
...les[j].selectortext + "\n" ); } } for a document with a single stylesheet in which the following three rules are defined: body { background-color: darkblue; } p { font-face: arial; font-size: 10pt; margin-left: .125in; } #lumpy { display: none; } this script outputs the following: body p #lumpy example 5: event propagation this example demonstrates how events fire and are handled in the
dom in a very simple way.
...And 8 more matches
How whitespace is handled by HTML, CSS, and in the DOM - Web APIs
the presence of whitespace in the
dom can cause layout problems and make manipulation of the content tree difficult in unexpected ways, depending on where it is located.
...ust shows the words "hello world!" as if these characters didn’t exist at all: this is so that whitespace characters don't impact the layout of your page.
...nternally so that the editor can preserve formatting of documents.
...And 8 more matches
nsIDOMChromeWindow
dom/interfaces/base/nsi
domchromewindow.idlscriptable this interface is implemented on the window object in chrome.
...
dom/interfaces/base/nsi
domchromewindow.idlscriptable this interface is implemented on the window object in chrome.
...ble this interface is implemented on the window object in chrome.
...And 7 more matches
nsIDOMFontFace
layout/inspector/public/nsi
domfontface.idlscriptable describes a single font face.
... layout/inspector/public/nsi
domfontface.idlscriptable describes a single font face.
...ther or not the font was located in a font group.
...And 7 more matches
DOMImplementation.createDocument() - Web APIs
the
domimplementation.createdocument() method creates and returns an xmldocument.
... the
domimplementation.createdocument() method creates and returns an xmldocument.
... the
domimplementation.createdocument() method creates and returns an xmldocument.
...And 7 more matches
DOMPointInit.x - Web APIs
the
dompointinit dictionary's x property is used to specify the x component of a point in 2d or 3d space when either creating or serializing a
dompoint or
dompointreadonly.
... the
dompointinit dictionary's x property is used to specify the x component of a point in 2d or 3d space when either creating or serializing a
dompoint or
dompointreadonly.
... the
dompointinit dictionary's x property is used to specify the x component of a point in 2d or 3d space when either creating or serializing a
dompoint or
dompointreadonly.
...And 7 more matches
PerformanceResourceTiming.domainLookupEnd - Web APIs
the
domainlookupend read-only property returns the timestamp immediately after the browser finishes the
domain name lookup for the resource.
... the
domainlookupend read-only property returns the timestamp immediately after the browser finishes the
domain name lookup for the resource.
... the
domainlookupend read-only property returns the timestamp immediately after the browser finishes the
domain name lookup for the resource.
...And 7 more matches
DOM Interfaces - Archive of obsolete content
the nsi
domdocumentxbl interface the nsi
domdocumentxbl interface contains methods for manipulating xbl bindings.
... the nsi
domdocumentxbl interface the nsi
domdocumentxbl interface contains methods for manipulating xbl bindings.
... the nsi
domdocumentxbl interface the nsi
domdocumentxbl interface contains methods for manipulating xbl bindings.
...And 6 more matches
nsIDOMSerializer
content/base/public/nsi
domserializer.idlscriptable this interface is really a placeholder till the w3c
dom working group defines a mechanism for serializing
dom nodes.
... content/base/public/nsi
domserializer.idlscriptable this interface is really a placeholder till the w3c
dom working group defines a mechanism for serializing
dom nodes.
... content/base/public/nsi
domserializer.idlscriptable this interface is really a placeholder till the w3c
dom working group defines a mechanism for serializing
dom nodes.
...And 6 more matches
nsIDOMSimpleGestureEvent
dom/interfaces/events/nsi
domsimplegestureevent.idlscriptable this interface describes a mouse or trackpad gesture event.
...
dom/interfaces/events/nsi
domsimplegestureevent.idlscriptable this interface describes a mouse or trackpad gesture event.
...
dom/interfaces/events/nsi
domsimplegestureevent.idlscriptable this interface describes a mouse or trackpad gesture event.
...And 6 more matches
nsIDOMXPathExpression
dom/interfaces/xpath/nsi
domxpathexpression.idlscriptable represents a compiled xpath query returned from nsi
domxpathevaluator.createexpression or document.createexpression inherits from: nsisupports last changed in gecko 1.7 method overview nsisupports evaluate(in nsi
domnode contextnode, in unsigned short type, in nsisupports result) methods evaluate() evaluate the xpath expression.
...sion.idlscriptable represents a compiled xpath query returned from nsi
domxpathevaluator.createexpression or document.createexpression inherits from: nsisupports last changed in gecko 1.7 method overview nsisupports evaluate(in nsi
domnode contextnode, in unsigned short type, in nsisupports result) methods evaluate() evaluate the xpath expression.
... document.createexpression inherits from: nsisupports last changed in gecko 1.7 method overview nsisupports evaluate(in nsi
domnode contextnode, in unsigned short type, in nsisupports result) methods evaluate() evaluate the xpath expression.
...And 6 more matches
nsIDOMXULSelectControlItemElement
dom/interfaces/xul/nsi
domxulselectcntrlitemel.idlscriptable please add a summary to this article.
...
dom/interfaces/xul/nsi
domxulselectcntrlitemel.idlscriptable please add a summary to this article.
...
dom/interfaces/xul/nsi
domxulselectcntrlitemel.idlscriptable please add a summary to this article.
...And 6 more matches
DOMLocator - Web APIs
note: this is not implemented in mozilla indicates a location such as where an error occurred.
... note: this is not implemented in mozilla indicates a location such as where an error occurred.
... note: this is not implemented in mozilla indicates a location such as where an error occurred.
...And 6 more matches
PerformanceNavigationTiming.domContentLoadedEventEnd - Web APIs
the
domcontentloadedeventend read-only property returns a timestamp representing the time value equal to the time immediately after the current document's
domcontentloaded event completes.
... the
domcontentloadedeventend read-only property returns a timestamp representing the time value equal to the time immediately after the current document's
domcontentloaded event completes.
... the
domcontentloadedeventend read-only property returns a timestamp representing the time value equal to the time immediately after the current document's
domcontentloaded event completes.
...And 6 more matches
PerformanceNavigationTiming.domContentLoadedEventStart - Web APIs
the
domcontentloadedeventstart read-only property returns a timestamp representing the time value equal to the time immediately before the user agent fires the
domcontentloaded event at the current document.
... the
domcontentloadedeventstart read-only property returns a timestamp representing the time value equal to the time immediately before the user agent fires the
domcontentloaded event at the current document.
... the
domcontentloadedeventstart read-only property returns a timestamp representing the time value equal to the time immediately before the user agent fires the
domcontentloaded event at the current document.
...And 6 more matches
FC_SeedRandom
name fc_seedran
dom() - mix additional seed material into the ran
dom number generator.
... name fc_seedran
dom() - mix additional seed material into the ran
dom number generator.
... name fc_seedran
dom() - mix additional seed material into the ran
dom number generator.
...And 5 more matches
DOM Inspector FAQ - Firefox Developer Tools
how do i inspect a web site/window?
...y rely on the document being contained in another xul document, or the converse, where it won't behave correctly because it doesn't expect to be loaded as a framed document.
... correctly because it doesn't expect to be loaded as a framed document.
...And 5 more matches
AnalyserNode.getByteTimeDomainData() - Web APIs
the getbytetime
domaindata() method of the analysernode interface copies the current waveform, or time-
domain, data into a uint8array (unsigned byte array) passed into it.
... array) passed into it.
...tsize, excess elements are dropped.
...And 5 more matches
AnalyserNode.getFloatTimeDomainData() - Web APIs
the getfloattime
domaindata() method of the analysernode interface copies the current waveform, or time-
domain, data into a float32array array passed into it.
... array passed into it.
...e, excess elements are dropped.
...And 5 more matches
DOMPointReadOnly.toJSON() - Web APIs
the
dompointreadonly method tojson() returns a
dompointinit object giving the json form of the point object.
... the
dompointreadonly method tojson() returns a
dompointinit object giving the json form of the point object.
... the
dompointreadonly method tojson() returns a
dompointinit object giving the json form of the point object.
...And 5 more matches
Events and the DOM - Web APIs
introduction this chapter describes the
dom event model.
... introduction this chapter describes the
dom event model.
... introduction this chapter describes the
dom event model.
...And 5 more matches
PerformanceNavigationTiming.domComplete - Web APIs
the
domcomplete read-only property returns a timestamp representing the time value equal to the time immediately before the user agent sets the current document readiness of the current document to complete.
... the
domcomplete read-only property returns a timestamp representing the time value equal to the time immediately before the user agent sets the current document readiness of the current document to complete.
...f the current document to complete.
...And 5 more matches
PerformanceNavigationTiming.domInteractive - Web APIs
the
dominteractive read-only property returns a timestamp representing the time value equal to the time immediately before the user agent sets the current document readiness of the current document to interactive.
... the
dominteractive read-only property returns a timestamp representing the time value equal to the time immediately before the user agent sets the current document readiness of the current document to interactive.
...he current document to interactive.
...And 5 more matches
<content>: The Shadow DOM Content Placeholder element (obsolete) - HTML: Hypertext Markup Language
the html <content> element—an obsolete part of the web components suite of technologies—was used inside of shadow
dom as an insertion point, and wasn't meant to be used in ordinary html.
... the html <content> element—an obsolete part of the web components suite of technologies—was used inside of shadow
dom as an insertion point, and wasn't meant to be used in ordinary html.
... the html <content> element—an obsolete part of the web components suite of technologies—was used inside of shadow
dom as an insertion point, and wasn't meant to be used in ordinary html.
...And 5 more matches
PyDOM - Archive of obsolete content
introduction this is the documentation for the binding of python and the mozilla
dom.
...actually 'import' anything here - the scripts and event handlers do not exist in a python module.
...s 'expandos'.
...And 4 more matches
nsIDOMFileReader
the nsi
domfilereader interface provides a way to read data from a file specified by an nsi
domfile.
... the nsi
domfilereader interface provides a way to read data from a file specified by an nsi
domfile.
...
domfile.
...And 4 more matches
nsIDOMGeoPositionCallback
the nsi
domgeopositioncallback interface is called when updated position information is available.
... the nsi
domgeopositioncallback interface is called when updated position information is available.
... the nsi
domgeopositioncallback interface is called when updated position information is available.
...And 4 more matches
nsIDOMHTMLAudioElement
the nsi
domhtmlaudioelement interface is used to implement the html5 <audio> element.
... the nsi
domhtmlaudioelement interface is used to implement the html5 <audio> element.
... the nsi
domhtmlaudioelement interface is used to implement the html5 <audio> element.
...And 4 more matches
nsIDOMHTMLSourceElement
the nsi
domhtmlsourceelement interface is the
dom interface to the source child of the audio and video media elements in html.
... the nsi
domhtmlsourceelement interface is the
dom interface to the source child of the audio and video media elements in html.
... the nsi
domhtmlsourceelement interface is the
dom interface to the source child of the audio and video media elements in html.
...And 4 more matches
nsIDOMStorageWindow
dom/interfaces/storage/nsi
domstoragewindow.idlscriptable this interface provides access to a
dom window's client side storage objects.
...
dom/interfaces/storage/nsi
domstoragewindow.idlscriptable this interface provides access to a
dom window's client side storage objects.
...si
domstoragewindow.idlscriptable this interface provides access to a
dom window's client side storage objects.
...And 4 more matches
nsIDOMUserDataHandler
dom/interfaces/core/nsi
domuserdatahandler.idlscriptable the callback function for the setuserdata method.
...
dom/interfaces/core/nsi
domuserdatahandler.idlscriptable the callback function for the setuserdata method.
...
dom/interfaces/core/nsi
domuserdatahandler.idlscriptable the callback function for the setuserdata method.
...And 4 more matches
nsIDOMXULLabeledControlElement
dom/interfaces/xul/nsi
domxullabeledcontrolel.idlscriptable this interface is used as a basis for labeled control elements in xul.
...
dom/interfaces/xul/nsi
domxullabeledcontrolel.idlscriptable this interface is used as a basis for labeled control elements in xul.
...
dom/interfaces/xul/nsi
domxullabeledcontrolel.idlscriptable this interface is used as a basis for labeled control elements in xul.
...And 4 more matches
Break on DOM mutation - Firefox Developer Tools
a
dom mutation breakpoint pauses the code when the
dom node on which you have set the breakpoint is modified.
... a
dom mutation breakpoint pauses the code when the
dom node on which you have set the breakpoint is modified.
... a
dom mutation breakpoint pauses the code when the
dom node on which you have set the breakpoint is modified.
...And 4 more matches
DOMMatrix() - Web APIs
the
dommatrix constructor creates a new
dommatrix object which represents 4x4 matrices, suitable for 2d and 3d operations..
... the
dommatrix constructor creates a new
dommatrix object which represents 4x4 matrices, suitable for 2d and 3d operations..
... the
dommatrix constructor creates a new
dommatrix object which represents 4x4 matrices, suitable for 2d and 3d operations..
...And 4 more matches
DOMPointReadOnly() - Web APIs
the
dompointreadonly() constructor returns a new
dompointreadonly object representing a point in 2d or 3d space, optionally with perspective, whose values cannot be altered by script code.
... the
dompointreadonly() constructor returns a new
dompointreadonly object representing a point in 2d or 3d space, optionally with perspective, whose values cannot be altered by script code.
...ue is 0.
...And 4 more matches
DOMTokenList.replace() - Web APIs
the replace() method of the
domtokenlist interface replaces an existing token with a new token.
... the replace() method of the
domtokenlist interface replaces an existing token with a new token.
... the replace() method of the
domtokenlist interface replaces an existing token with a new token.
...And 4 more matches
How to create a DOM tree - Web APIs
this page describes how to use the
dom core api in javascript to create and modify
dom objects.
... this page describes how to use the
dom core api in javascript to create and modify
dom objects.
... <address street="123 main st" city="arlington" state="ma" country="usa"/> </person> <person first-name="jed" last-name="brown"> <address street="321 north st" city="atlanta" state="ga" country="usa"/> <address street="123 west st" city="seattle" state="wa" country="usa"/> <address street="321 south avenue" city="denver" state="co" country="usa"/> </person> </people> the w3c
dom api, supported by mozilla, can be used to create an in-memory representation of this document like so: var doc = document.implementation.createdocument("", "", null); var peopleelem = doc.createelement("people"); var personelem1 = doc.createelement("person"); personelem1.setattribute("first-name", "eric"); personelem1.setattribute("middle-initial", "h"); personelem1.setattribute("last-name", "j...
...And 4 more matches
DOMSubtreeModified - Archive of obsolete content
example the following code will display the time of last
dom change on the title bar of the page.
... example the following code will display the time of last
dom change on the title bar of the page.
... example the following code will display the time of last
dom change on the title bar of the page.
...And 3 more matches
nsIDOMFontFaceList
layout/inspector/public/nsi
domfontfacelist.idlscriptable a list of nsi
domfontface objects, each representing a single font face.
... layout/inspector/public/nsi
domfontfacelist.idlscriptable a list of nsi
domfontface objects, each representing a single font face.
...e.
...And 3 more matches
nsIDOMGeoPositionErrorCallback
the nsi
domgeopositionerrorcallback interface is used to represent an object that receives callback notifications when geolocation errors occur.
... the nsi
domgeopositionerrorcallback interface is used to represent an object that receives callback notifications when geolocation errors occur.
... the nsi
domgeopositionerrorcallback interface is used to represent an object that receives callback notifications when geolocation errors occur.
...And 3 more matches
nsIDOMOrientationEvent
the nsi
domorientationevent interface describes the event that can be delivered to
dom windows, providing information from the device's accelerometer, allowing code to determine the orientation of the device.
... the nsi
domorientationevent interface describes the event that can be delivered to
dom windows, providing information from the device's accelerometer, allowing code to determine the orientation of the device.
... the nsi
domorientationevent interface describes the event that can be delivered to
dom windows, providing information from the device's accelerometer, allowing code to determine the orientation of the device.
...And 3 more matches
nsIRandomGenerator
netwerk/base/public/nsiran
domgenerator.idlscriptable interface used to generate ran
dom data.
... netwerk/base/public/nsiran
domgenerator.idlscriptable interface used to generate ran
dom data.
... netwerk/base/public/nsiran
domgenerator.idlscriptable interface used to generate ran
dom data.
...And 3 more matches
DOMMatrixReadOnly.flipX() - Web APIs
the flipx() method of the
dommatrixreadonly interface creates a new matrix being the result of the original matrix flipped about the x-axis.
... the flipx() method of the
dommatrixreadonly interface creates a new matrix being the result of the original matrix flipped about the x-axis.
... the flipx() method of the
dommatrixreadonly interface creates a new matrix being the result of the original matrix flipped about the x-axis.
...And 3 more matches
DOMMatrixReadOnly.scale() - Web APIs
the scale() method of the
dommatrixreadonly interface creates a new matrix being the result of the original matrix with a scale transform applied.
... the scale() method of the
dommatrixreadonly interface creates a new matrix being the result of the original matrix with a scale transform applied.
...transformation.
...And 3 more matches
DOMStringList - Web APIs
a type returned by some apis which contains a list of
domstring (strings).
... a type returned by some apis which contains a list of
domstring (strings).
... a type returned by some apis which contains a list of
domstring (strings).
...And 3 more matches
PerformanceResourceTiming.domainLookupStart - Web APIs
the
domainlookupstart read-only property returns the timestamp immediately before the browser starts the
domain name lookup for the resource.
... the
domainlookupstart read-only property returns the timestamp immediately before the browser starts the
domain name lookup for the resource.
... the
domainlookupstart read-only property returns the timestamp immediately before the browser starts the
domain name lookup for the resource.
...And 3 more matches
Random Number Generator - MDN Web Docs Glossary: Definitions of Web-related terms
a prng (pseudoran
dom number generator) is an algorithm that outputs numbers in a complex, seemingly unpredictable pattern.
... a prng (pseudoran
dom number generator) is an algorithm that outputs numbers in a complex, seemingly unpredictable pattern.
... properties making it suitable for use in cryptography.
...And 2 more matches
Random Number Generator
this chapter describes the nspr ran
dom number generator.
... this chapter describes the nspr ran
dom number generator.
... this chapter describes the nspr ran
dom number generator.
...And 2 more matches
nsIDOMEventGroup
dom/interfaces/events/nsi
domeventgroup.idlscriptable this interface is the interface implemented by all event targets in the document object model.
...
dom/interfaces/events/nsi
domeventgroup.idlscriptable this interface is the interface implemented by all event targets in the document object model.
...es/events/nsi
domeventgroup.idlscriptable this interface is the interface implemented by all event targets in the document object model.
...And 2 more matches
nsIDOMFile
the nsi
domfile interface retrieves data from a file submitted to a form using the input type "file".
...ed by the datatransfer object to describe files dragged into a web application using drag and drop.
...cation, it should be a blob.
...And 2 more matches
nsIDOMFileException
the nsi
domfileexception interface represents exceptions that can be raised by calls to the methods in the nsi
domfile interface.
... the nsi
domfileexception interface represents exceptions that can be raised by calls to the methods in the nsi
domfile interface.
...ibutes attribute type description code unsigned short the error code describing the error condition that took place; see the constants list for details.
...And 2 more matches
nsIDOMHTMLTimeRanges
the nsi
domhtmltimeranges interface represents a set of time ranges in media; it's primarily used by the nsi
domhtmlmediaelement interface, and implements the
dom timeranges interface.
... the nsi
domhtmltimeranges interface represents a set of time ranges in media; it's primarily used by the nsi
domhtmlmediaelement interface, and implements the
dom timeranges interface.
...omhtmltimeranges interface represents a set of time ranges in media; it's primarily used by the nsi
domhtmlmediaelement interface, and implements the
dom timeranges interface.
...And 2 more matches
nsIDOMJSWindow
one of the interfaces implemented by the window
dom object.
... one of the interfaces implemented by the window
dom object.
... one of the interfaces implemented by the window
dom object.
...And 2 more matches
nsIDOMProgressEvent
dom/interfaces/events/nsi
domprogressevent.idlscriptable this interface represents the events sent with progress information while uploading data using the xmlhttprequest object.
...
dom/interfaces/events/nsi
domprogressevent.idlscriptable this interface represents the events sent with progress information while uploading data using the xmlhttprequest object.
...
dom/interfaces/events/nsi
domprogressevent.idlscriptable this interface represents the events sent with progress information while uploading data using the xmlhttprequest object.
...And 2 more matches
nsIDOMStorageItem
dom/interfaces/storage/nsi
domstorageitem.idlscriptable this interface represents an object in
dom storage.
...ype description secure boolean if true, the item was stored for an https page.
...red for an https page.
...And 2 more matches
DOM allocation example - Firefox Developer Tools
this article describes a very simple web page that we'll use to illustrate some features of the memory tool.
... this article describes a very simple web page that we'll use to illustrate some features of the memory tool.
... this article describes a very simple web page that we'll use to illustrate some features of the memory tool.
...And 2 more matches
DOMError - Web APIs
the
domerror interface describes an error object that contains an error name.
... the
domerror interface describes an error object that contains an error name.
... the
domerror interface describes an error object that contains an error name.
...And 2 more matches
DOMException.code - Web APIs
the code read-only property of the
domexception interface returns a short that contains one of the error code constants, or 0 if none match.
... the code read-only property of the
domexception interface returns a short that contains one of the error code constants, or 0 if none match.
... the code read-only property of the
domexception interface returns a short that contains one of the error code constants, or 0 if none match.
...And 2 more matches
DOMHighResTimeStamp - Web APIs
the
domhighrestimestamp type is a double and is used to store a time value in milliseconds.
...erprinting` enabled event.timestamp; // 1519129853500 // 1519129858900 // 1519129864400 // ...
...hing like this: let starttime = performance.now(); /* ...
...And 2 more matches
DOMImplementationList - Web APIs
returned by
domimplementationsource.get
domimplementationlist() and
domimplementationregistry.get
domimplementationlist() .
... returned by
domimplementationsource.get
domimplementationlist() and
domimplementationregistry.get
domimplementationlist() .
... returned by
domimplementationsource.get
domimplementationlist() and
domimplementationregistry.get
domimplementationlist() .
...And 2 more matches
DOMMatrixReadOnly.translate() - Web APIs
the translate() method of the
dommatrixreadonly interface creates a new matrix being the result of the original matrix with a translation applied.
... the translate() method of the
dommatrixreadonly interface creates a new matrix being the result of the original matrix with a translation applied.
... translatex a number representing the abscissa (x-coordinate) of the translating vector.
...And 2 more matches
DOMTokenList.forEach() - Web APIs
the foreach() method of the
domtokenlist interface calls the callback given in parameter once for each value pair in the list, in insertion order.
... currentvalue the current element being processed in the array.
...each() inner function.
...And 2 more matches
DOMTokenList.item() - Web APIs
the item() method of the
domtokenlist interface returns an item in the list by its index.
... the item() method of the
domtokenlist interface returns an item in the list by its index.
... the item() method of the
domtokenlist interface returns an item in the list by its index.
...And 2 more matches
DOMUserData - Web APIs
domuserdata refers to application data.
...
domuserdata refers to application data.
...irectly to object.
...And 2 more matches
Window: DOMContentLoaded event - Web APIs
the
domcontentloaded event fires when the initial html document has been completely loaded and parsed, without waiting for stylesheets, images, and subframes to finish loading.
... cancelable yes (although specified as a simple event that isn't cancelable) interface event event handler property none the original target for this event is the document that has loaded.
...erty none the original target for this event is the document that has loaded.
...And 2 more matches
DOM onevent handlers - Developer guides
the web platform provides several ways to be notified of
dom events.
... the web platform provides several ways to be notified of
dom events.
...nd others.
...And 2 more matches
Feature-Policy: document-domain - HTTP
the http feature-policy header document-
domain directive controls whether the current document is allowed to set document.
domain.
... the http feature-policy header document-
domain directive controls whether the current document is allowed to set document.
domain.
... the http feature-policy header document-
domain directive controls whether the current document is allowed to set document.
domain.
...And 2 more matches
Dominator - MDN Web Docs Glossary: Definitions of Web-related terms
in graph theory, node a
dominates node b if every path from the root node to b passes through a.
... in graph theory, node a
dominates node b if every path from the root node to b passes through a.
...or garbage collection because it means that b is only reachable through a.
... only reachable through a.
nsIDOMGeoPosition
dom/interfaces/geolocation/nsi
domgeoposition.idlscriptable this interface describes a geographical location at a specific time.
...
dom/interfaces/geolocation/nsi
domgeoposition.idlscriptable this interface describes a geographical location at a specific time.
...lscriptable this interface describes a geographical location at a specific time.
... 1.0 66 introduced gecko 1.9.1 inherits from: nsisupports last changed in gecko 1.9.2 (firefox 3.6 / thunderbird 3.1 / fennec 1.0) attributes attribute type description address nsi
domgeopositionaddress the address of the user's current location, if available.
nsIDOMGeoPositionError
the nsi
domgeopositionerror interface represents an error that occurred while performing geolocation operations.
... the nsi
domgeopositionerror interface represents an error that occurred while performing geolocation operations.
... the nsi
domgeopositionerror interface represents an error that occurred while performing geolocation operations.
...ion operations.
nsIDOMHTMLMediaElement
dom/interfaces/html/nsi
domhtmlmediaelement.idlscriptable the basis for the nsi
domhtmlaudioelement and nsi
domhtmlvideoelement interfaces, which in turn implement the <audio> and <video> html5 elements.
...
dom/interfaces/html/nsi
domhtmlmediaelement.idlscriptable the basis for the nsi
domhtmlaudioelement and nsi
domhtmlvideoelement interfaces, which in turn implement the <audio> and <video> html5 elements.
...
dom/interfaces/html/nsi
domhtmlmediaelement.idlscriptable the basis for the nsi
domhtmlaudioelement and nsi
domhtmlvideoelement interfaces, which in turn implement the <audio> and <video> html5 elements.
...
dom/interfaces/html/nsi
domhtmlmediaelement.idlscriptable the basis for the nsi
domhtmlaudioelement and nsi
domhtmlvideoelement interfaces, which in turn implement the <audio> and <video> html5 elements.
nsIDOMMozNetworkStats
dom/network/interfaces/nsi
domnetworkstats.idlscriptable interface of the network stats object.
...
dom/network/interfaces/nsi
domnetworkstats.idlscriptable interface of the network stats object.
...ace of the network stats object.
...d in gecko 1.0 implemented by: @mozilla.org/networkstats;1.
nsIDOMXPathException
dom/interfaces/xpath/nsi
domxpathexception.idlscriptable describes an exception resulting from xpath operations.
...t changed in gecko 1.7 attributes attribute type description code unsigned short the error code; see error codes for details.
... attribute type description code unsigned short the error code; see error codes for details.
...signed short the error code; see error codes for details.
Highlight and inspect DOM nodes - Firefox Developer Tools
if you hover over a
dom node in the watch expresions, it will be highlighted in the page.
... if you hover over a
dom node in the watch expresions, it will be highlighted in the page.
... if you hover over a
dom node in the watch expresions, it will be highlighted in the page.
... in the page.
DOMException.message - Web APIs
the message read-only property of the
domexception interface returns a
domstring representing a message or description associated with the given error name.
... the message read-only property of the
domexception interface returns a
domstring representing a message or description associated with the given error name.
... the message read-only property of the
domexception interface returns a
domstring representing a message or description associated with the given error name.
... the message read-only property of the
domexception interface returns a
domstring representing a message or description associated with the given error name.
DOMException.name - Web APIs
the name read-only property of the
domexception interface returns a
domstring that contains one of the strings associated with an error name.
... the name read-only property of the
domexception interface returns a
domstring that contains one of the strings associated with an error name.
... the name read-only property of the
domexception interface returns a
domstring that contains one of the strings associated with an error name.
... the name read-only property of the
domexception interface returns a
domstring that contains one of the strings associated with an error name.
DOMImplementation.createHTMLDocument() - Web APIs
the
domimplementation.createhtmldocument() method creates a new html document.
... the
domimplementation.createhtmldocument() method creates a new html document.
...ntents of our new document into the new document's context.
...ment into the new document's context.
DOMMatrixReadOnly() - Web APIs
the
dommatrixreadonly constructor creates a new
dommatrixreadonly object which represents 4x4 matrices, suitable for 2d and 3d operations.
... the
dommatrixreadonly constructor creates a new
dommatrixreadonly object which represents 4x4 matrices, suitable for 2d and 3d operations.
... the
dommatrixreadonly constructor creates a new
dommatrixreadonly object which represents 4x4 matrices, suitable for 2d and 3d operations.
...t which represents 4x4 matrices, suitable for 2d and 3d operations.
DOMRectReadOnly.fromRect() - Web APIs
the fromrect() property of the
domrectreadonly interface creates a new
domrectreadonly object with a given location and dimensions.
... the fromrect() property of the
domrectreadonly interface creates a new
domrectreadonly object with a given location and dimensions.
... the fromrect() property of the
domrectreadonly interface creates a new
domrectreadonly object with a given location and dimensions.
...adonly.fromrect(rectangle) parameters rectangle optional an object specifying the location and dimensions of a rectangle.
DOMString - Web APIs
domstring is a utf-16 string.
...
domstring is a utf-16 string.
...
domstring is a utf-16 string.
...
domstring is a utf-16 string.
DOMTokenList.add() - Web APIs
the add() method of the
domtokenlist interface adds the given token to the list.
... the add() method of the
domtokenlist interface adds the given token to the list.
... the add() method of the
domtokenlist interface adds the given token to the list.
...the <span>'s node.textcontent.
DOMTokenList.contains() - Web APIs
the contains() method of the
domtokenlist interface returns a boolean — true if the underlying list contains the given token, otherwise false.
... the contains() method of the
domtokenlist interface returns a boolean — true if the underlying list contains the given token, otherwise false.
... the underlying list contains the given token, otherwise false.
...<span class="a b c"></span> now the javascript: let span = document.queryselector("span"); let classes = span.classlist; let result = classes.contains("c"); if (result) { span.textcontent = "the classlist contains 'c'"; } else { span.textcontent = "the classlist does not contain 'c'"; } the output looks like this: specifications specification status comment
domthe definition of 'contains()' in that specification.
DOMTokenList.entries() - Web APIs
the
domtokenlist.entries() method returns an iterator allowing you to go through all key/value pairs contained in this object.
... the
domtokenlist.entries() method returns an iterator allowing you to go through all key/value pairs contained in this object.
... the
domtokenlist.entries() method returns an iterator allowing you to go through all key/value pairs contained in this object.
... writing them to the <span>'s node.textcontent.
DOMTokenList.remove() - Web APIs
the remove() method of the
domtokenlist interface removes the specified tokens from the list.
... the remove() method of the
domtokenlist interface removes the specified tokens from the list.
...terface removes the specified tokens from the list.
...utput looks like this: to remove multiple classes at once, you can supply multiple tokens.
DOMTokenList.toggle() - Web APIs
the toggle() method of the
domtokenlist interface removes a given token from the list and returns false.
... the toggle() method of the
domtokenlist interface removes a given token from the list and returns false.
...orce optional a boolean that, if included, turns the toggle into a one way-only operation.
...("span"); let classes = span.classlist; span.addeventlistener('click', function() { let result = classes.toggle("c"); if (result) { span.textcontent = `'c' added; classlist is now "${classes}".`; } else { span.textcontent = `'c' removed; classlist is now "${classes}".`; } }) the output looks like this: specifications specification status comment
domthe definition of 'toggle()' in that specification.
DOMTokenList.value - Web APIs
the value property of the
domtokenlist interface is a stringifier that returns the value of the list as a
domstring, or clears and sets the list to the given value.
... the value property of the
domtokenlist interface is a stringifier that returns the value of the list as a
domstring, or clears and sets the list to the given value.
... the value property of the
domtokenlist interface is a stringifier that returns the value of the list as a
domstring, or clears and sets the list to the given value.
...element as a
domtokenlist using element.classlist, then write the value of the list to the <span>'s node.textcontent.
DOMTokenList.values() - Web APIs
the values() method of the
domtokenlist interface returns an iterator allowing developers to go through all values contained in the
domtokenlist.
... the values() method of the
domtokenlist interface returns an iterator allowing developers to go through all values contained in the
domtokenlist.
... the values() method of the
domtokenlist interface returns an iterator allowing developers to go through all values contained in the
domtokenlist.
...p, writing each one to the <span>'s node.textcontent.
Document.domConfig - Web APIs
note: this has never been implemented in mozilla, and has been removed from the
dom specification.
... note: this has never been implemented in mozilla, and has been removed from the
dom specification.
... note: this has never been implemented in mozilla, and has been removed from the
dom specification.
... note: this has never been implemented in mozilla, and has been removed from the
dom specification.
Element: DOMActivate event - Web APIs
the
domactivate event is fired at an element when it becomes active, such as when it is clicked on using the mouse or a keypress is used to navigate to it.
...licked on using the mouse or a keypress is used to navigate to it.
... <!-- ecmascript to change the radius --> <script type="application/ecmascript"><![cdata[ function change(evt) { var circle = evt.target; var currentradius = circle.getfloattrait("r"); if (currentradius == 100) circle.setfloattrait("r", currentradius * 2); else circle.setfloattrait("r", currentradius * 0.5); } ]]></script> <!-- act on each
domactivate event --> <circle cx="300" cy="225" r="100" fill="red"> <handler type="application/ecmascript" ev:event="
domactivate"> change(evt); </handler> </circle> <text x="300" y="480" font-family="verdana" font-size="35" text-anchor="middle"> activate the circle to change its size </text> </svg> specifications specification status ui eventsthe definit...
... event --> <circle cx="300" cy="225" r="100" fill="red"> <handler type="application/ecmascript" ev:event="
domactivate"> change(evt); </handler> </circle> <text x="300" y="480" font-family="verdana" font-size="35" text-anchor="middle"> activate the circle to change its size </text> </svg> specifications specification status ui eventsthe definition of '
domactivate' in that specification.
Microdata DOM API - Web APIs
icrodata becomes even more useful when scripts can use it to expose information to the user, for example offering it in a form that can be used by other applications.
...t.createtextnode(items[item].properties.names[name])); inner.appendchild(propli); } itemli.appendchild(inner); outer.appendchild(itemli); } document.body.appendchild(outer); if faced with the following from an earlier example: <section itemscope itemtype="http://example.org/animals#cat"> <h1 itemprop="name http://example.com/fn">hedral</h1> <p itemprop="desc">hedral is a male american
domestic shorthair, with a fluffy <span itemprop="http://example.com/color">black</span> fur with <span itemprop="http://example.com/color">white</span> paws and belly.</p> <img itemprop="img" src="hedral.jpeg" alt="" title="hedral, age 18 months"> </section> ...it would result in the following output: name http://example.com/fn desc http://example.com/color img (the duplicate occurrence of "http:/...
...occurrence of "http://example.com/color" is not included in the list.) htmlpropertiescollection the htmlpropertiescollection interface is used for collections of elements that add name-value pairs to a particular item in the microdata model.
... htmlpropertiescollection the htmlpropertiescollection interface is used for collections of elements that add name-value pairs to a particular item in the microdata model.
PerformanceTiming.domContentLoadedEventStart - Web APIs
this interface of this property is deprecated in the navigation timing level 2 specification.
... this interface of this property is deprecated in the navigation timing level 2 specification.
...ancenavigationtiming interface instead.
...senting the moment, in miliseconds since the unix epoch, right before the parser sent the
domcontentloaded event, that is right after all the scripts that need to be executed right after parsing has been executed.
PerformanceTiming.domainLookupEnd - Web APIs
this interface of this property is deprecated in the navigation timing level 2 specification.
... this interface of this property is deprecated in the navigation timing level 2 specification.
...face instead.
...iseconds since the unix epoch, where the
domain lookup is finished.
PerformanceTiming.domainLookupStart - Web APIs
this interface of this property is deprecated in the navigation timing level 2 specification.
... this interface of this property is deprecated in the navigation timing level 2 specification.
...terface instead.
...miliseconds since the unix epoch, where the
domain lookup starts.
XDomainRequest.onprogress - Web APIs
this method is called periodically as an event handler for progress events on x
domainrequests, so that code can monitor progress while loading content.
... this method is called periodically as an event handler for progress events on x
domainrequests, so that code can monitor progress while loading content.
... this method is called periodically as an event handler for progress events on x
domainrequests, so that code can monitor progress while loading content.
...ts on x
domainrequests, so that code can monitor progress while loading content.
DOMMenuItemActive - Archive of obsolete content
the
dommenuitemactive event is executed when a <menu> or a <menuitem> has been hovered or highlighted.
... the
dommenuitemactive event is executed when a <menu> or a <menuitem> has been hovered or highlighted.
...mactive event is executed when a <menu> or a <menuitem> has been hovered or highlighted.
DOMMenuItemInactive - Archive of obsolete content
the
dommenuiteminactive event is executed when a <menu> or a <menuitem> in no longer hovered or highlighted.
... the
dommenuiteminactive event is executed when a <menu> or a <menuitem> in no longer hovered or highlighted.
...ive event is executed when a <menu> or a <menuitem> in no longer hovered or highlighted.
Randomizing gameplay - Game development
e source code as it should look after completing this lesson at gamedev-phaser-content-kit/demos/lesson16.html.
...ev-phaser-content-kit/demos/lesson16.html.
...and the place where the ball hits it.
nsIDOMFileError
obsolete since gecko 13.0 (firefox 13.0 / thunderbird 13.0 / seamonkey 2.10)this feature is obsolete.
... obsolete since gecko 13.0 (firefox 13.0 / thunderbird 13.0 / seamonkey 2.10)this feature is obsolete.
... obsolete since gecko 13.0 (firefox 13.0 / thunderbird 13.0 / seamonkey 2.10)this feature is obsolete.
nsIDOMGeoPositionCoords
the nsi
domgeopositioncoords interface describes a geographical location.
... the nsi
domgeopositioncoords interface describes a geographical location.
... the nsi
domgeopositioncoords interface describes a geographical location.
nsIDOMGeoPositionOptions
the nsi
domgeopositionoptions interface is used to specify options for geolocation operations.
... the nsi
domgeopositionoptions interface is used to specify options for geolocation operations.
... the nsi
domgeopositionoptions interface is used to specify options for geolocation operations.
nsIDOMGlobalPropertyInitializer
dom/interfaces/base/nsi
domglobalpropertyinitializer.idlscriptable an initializer for global properties that lets them know about the window they're being attached to.
...underbird 3.3 / seamonkey 2.1) an xpcom component implementing this interface can be exposed to web content as a property on the window.
...ing this interface can be exposed to web content as a property on the window.
nsIDOMNavigatorDesktopNotification
dom/interfaces/notification/nsi
domnavigatordesktopnotification.idlscriptable property that extends the navigator object.
...
dom/interfaces/notification/nsi
domnavigatordesktopnotification.idlscriptable property that extends the navigator object.
...avigatordesktopnotification.idlscriptable property that extends the navigator object.
Blocking By Domain - Plugins
plugins such as flash are a performance and security problem for firefox users.
....
... of the third-party plugin block list are based on disconnect's open source blocklist.
DOMConfiguration - Web APIs
note: this interface has never been supported in gecko, and has been removed from the
dom specification.
...pecification.
...-form", "cdata-sections", "check-character-normalization", "comments", "datatype-normalization", "element-content-whitespace", "entities", "error-handler", "infoset", "namespaces", "namespace-declarations", "normalize-characters","schema-location", "schema-type", "split-cdata-sections", "validate", "validate-if-schema", "well-formed" properties
domconfiguration.parameternames read only is a
domstringlist methods
domconfiguration.cansetparameter() returns a boolean
domconfiguration.getparameter() returns a
domuserdata
domconfiguration.setparameter() sets a parameter specification http://www.w3.org/tr/
dom-level-3-cor...mconfiguration ...
DOMObject - Web APIs
the obsolete
domobject interface was used in earlier versions of the
dom specification as the base class for any object data type.
... the obsolete
domobject interface was used in earlier versions of the
dom specification as the base class for any object data type.
... the obsolete
domobject interface was used in earlier versions of the
dom specification as the base class for any object data type.
DOMParser() - Web APIs
the
domparser() constructor creates a new
domparser object.
... the
domparser() constructor creates a new
domparser object.
... the
domparser() constructor creates a new
domparser object.
DOMPointReadOnly.w - Web APIs
the
dompointreadonly interface's w property holds the point's perspective value, w, for a read-only point in space.
... the
dompointreadonly interface's w property holds the point's perspective value, w, for a read-only point in space.
... the
dompointreadonly interface's w property holds the point's perspective value, w, for a read-only point in space.
DOMPointReadOnly.x - Web APIs
the
dompointreadonly interface's x property holds the horizontal coordinate, x, for a read-only point in space.
... the
dompointreadonly interface's x property holds the horizontal coordinate, x, for a read-only point in space.
... the
dompointreadonly interface's x property holds the horizontal coordinate, x, for a read-only point in space.
DOMPointReadOnly.y - Web APIs
the
dompointreadonly interface's y property holds the vertical coordinate, y, for a read-only point in space.
... the
dompointreadonly interface's y property holds the vertical coordinate, y, for a read-only point in space.
... the
dompointreadonly interface's y property holds the vertical coordinate, y, for a read-only point in space.
DOMPointReadOnly.z - Web APIs
the
dompointreadonly interface's z property holds the depth coordinate, z, for a read-only point in space.
... the
dompointreadonly interface's z property holds the depth coordinate, z, for a read-only point in space.
...olds the depth coordinate, z, for a read-only point in space.
DOMTokenList.keys() - Web APIs
the keys() method of the
domtokenlist interface returns an iterator allowing to go through all keys contained in this object.
... the keys() method of the
domtokenlist interface returns an iterator allowing to go through all keys contained in this object.
...oop, writing each one to the <span>'s node.textcontent.
DOMTokenList.length - Web APIs
the length read-only property of the
domtokenlist interface is an integer representing the number of objects stored in the object.
... the length read-only property of the
domtokenlist interface is an integer representing the number of objects stored in the object.
...t, then write the length of the list to the <span>'s node.textcontent.
Locating DOM elements using selectors - Web APIs
the selectors api provides methods that make it quick and easy to retrieve element nodes from the
dom by matching against a set of selectors.
...ment interfaces: queryselector() returns the first matching element node within the node's subtree.
...t node within the node's subtree.
PerformanceTiming.domComplete - Web APIs
this interface of this property is deprecated in the navigation timing level 2 specification.
...mancenavigationtiming interface instead.
...esenting the moment, in miliseconds since the unix epoch, when the parser finished its work on the main document, that is when its document.readystate changes to 'complete' and the corresponding readystatechange event is thrown.
PerformanceTiming.domContentLoadedEventEnd - Web APIs
this interface of this property is deprecated in the navigation timing level 2 specification.
...ng level 2 specification.
...nly property returns an unsigned long long representing the moment, in milliseconds since the unix epoch, right after all the scripts that need to be executed as soon as possible, in order or not, has been executed.
PerformanceTiming.domInteractive - Web APIs
this interface of this property is deprecated in the navigation timing level 2 specification.
...wn.
... if scripts are blocking rendering and not loaded asynchronously or with custom web fonts.
PerformanceTiming.domLoading - Web APIs
this interface of this property is deprecated in the navigation timing level 2 specification.
...n.
... unsigned long long representing the moment, in miliseconds since the unix epoch, when the parser started its work, that is when its document.readystate changes to 'loading' and the corresponding readystatechange event is thrown.
XDomainRequest.onerror - Web APIs
an event handler which is called when an x
domainrequest encounters an error.
... an event handler which is called when an x
domainrequest encounters an error.
... an event handler which is called when an x
domainrequest encounters an error.
XDomainRequest.onload - Web APIs
an event handler for when an x
domainrequest has finished receiving the response from the server.
... an event handler for when an x
domainrequest has finished receiving the response from the server.
... an event handler for when an x
domainrequest has finished receiving the response from the server.
XDomainRequest.responseText - Web APIs
returns the response body of an x
domainrequest as a string.
... returns the response body of an x
domainrequest as a string.
... returns the response body of an x
domainrequest as a string.
browser.dom.window.dump.file
browser.
dom.window.dump.file redirects the ouput of window.dump() calls to a file whose address is specified in this preference if browser.
dom.window.dump.enabled is set to true.
... introduction: pushed to nightly on 2009-04-24 bugs: bug 489938 values the value holds the file system path for the file in which the content of the window.dump() calls get written, e.g.
nsIDOMClientRect
dom/interfaces/base/nsi
domclientrect.idlscriptable represents a rectangular box.
...read only.
nsIDOMFileList
the nsi
domfilelist interface contains a list of nsi
domfile objects describing the files selected by the user for a "file" input field on a web form.
... the nsi
domfilelist interface contains a list of nsi
domfile objects describing the files selected by the user for a "file" input field on a web form.
nsIDOMXULControlElement
dom/interfaces/xul/nsi
domxulcontrolelement.idlscriptable provides additional attributes specific to control elements.
...
dom/interfaces/xul/nsi
domxulcontrolelement.idlscriptable provides additional attributes specific to control elements.
DOMPoint.w - Web APIs
the
dompoint interface's w property holds the point's perspective value, w, for a point in space.
... the
dompoint interface's w property holds the point's perspective value, w, for a point in space.
DOMPoint.x - Web APIs
the
dompoint interface's x property holds the horizontal coordinate, x, for a point in space.
... the
dompoint interface's x property holds the horizontal coordinate, x, for a point in space.
DOMPoint.y - Web APIs
the
dompoint interface's y property holds the vertical coordinate, y, for a point in space.
... the
dompoint interface's y property holds the vertical coordinate, y, for a point in space.
DOMPoint.z - Web APIs
the
dompoint interface's z property specifies the depth coordinate of a point in space.
... the
dompoint interface's z property specifies the depth coordinate of a point in space.
DOMRectReadOnly.bottom - Web APIs
the bottom read-only property of the
domrectreadonly interface returns the bottom coordinate value of the
domrect.
... the bottom read-only property of the
domrectreadonly interface returns the bottom coordinate value of the
domrect.
DOMRectReadOnly.height - Web APIs
the height read-only property of the
domrectreadonly interface represents the height of the
domrect.
... the height read-only property of the
domrectreadonly interface represents the height of the
domrect.
DOMRectReadOnly.left - Web APIs
the left read-only property of the
domrectreadonly interface returns the left coordinate value of the
domrect.
... the left read-only property of the
domrectreadonly interface returns the left coordinate value of the
domrect.
DOMRectReadOnly.right - Web APIs
the right read-only property of the
domrectreadonly interface returns the right coordinate value of the
domrect.
... the right read-only property of the
domrectreadonly interface returns the right coordinate value of the
domrect.
DOMRectReadOnly.top - Web APIs
the top read-only property of the
domrectreadonly interface returns the top coordinate value of the
domrect.
... the top read-only property of the
domrectreadonly interface returns the top coordinate value of the
domrect.
DOMRectReadOnly.width - Web APIs
the width read-only property of the
domrectreadonly interface represents the width of the
domrect.
... the width read-only property of the
domrectreadonly interface represents the width of the
domrect.
DOMRectReadOnly.x - Web APIs
the x read-only property of the
domrectreadonly interface represents the x coordinate of the
domrect's origin.
... the x read-only property of the
domrectreadonly interface represents the x coordinate of the
domrect's origin.
DOMRectReadOnly.y - Web APIs
the y read-only property of the
domrectreadonly interface represents the y coordinate of the
domrect's origin.
... the y read-only property of the
domrectreadonly interface represents the y coordinate of the
domrect's origin.
DOMStringMap - Web APIs
the
domstringmap interface is used for the htmlelement.dataset attribute, to represent data for custom attributes added to elements.
... the
domstringmap interface is used for the htmlelement.dataset attribute, to represent data for custom attributes added to elements.
DOMTimeStamp - Web APIs
the
domtimestamp type represents an absolute or relative number of milliseconds, depending on the specification in which it appears.
... the
domtimestamp type represents an absolute or relative number of milliseconds, depending on the specification in which it appears.
DOMTokenList.supports() - Web APIs
the supports() method of the
domtokenlist interface returns true if a given token is in the associated attribute's supported tokens.
... the supports() method of the
domtokenlist interface returns true if a given token is in the associated attribute's supported tokens.
Element: DOMMouseScroll event - Web APIs
the
dom dommousescroll event is fired asynchronously when mouse wheel or similar device is operated and the accumulated scroll amount is over 1 line or 1 page since last event.
Index - Web APIs
found 5328 pages: # page tags and summary 1 web apis api,
dom, landing, reference, web when writing code for the web, there are a large number of web apis available.
...thod of the webgl api modifies the rate at which generic vertex attributes advance when rendering multiple instances of primitives with ext.drawarraysinstancedangle() and ext.drawelementsinstancedangle().
...and when desired.
...And 2350 more matches
Index
xpcom cycle collector firefox 3, xpcom this is a quick overview of the cycle collector introduced into xpcom for firefox 3, including a description of the steps involved in modifying an existing c++ class to participate in xpcom cycle collection.
...llector introduced into xpcom for firefox 3, including a description of the steps involved in modifying an existing c++ class to participate in xpcom cycle collection.
... 15 language bindings embedding, landing, mozilla, xpcom, xpcom:language bindings an xpcom language binding is a bridge between a particular language and xpcom to provide access to xpcom objects from that language, and to let modules written in that language be used as xpcom objects by all other languages for which there are xpcom bindings.
...And 225 more matches
WebIDL bindings
notes: need to document the setup for indexed and named setters/creators/deleters.
...ators/deleters.
...ion file that lists some metadata about how the webidl should be reflected into gecko-internal code.
...And 117 more matches
nsIContentPrefService2
dom/interfaces/base/nsicontentprefservice2.idlscriptable asynchronous api for content preferences 1.0 66 introduced gecko 20.0 inherits from: nsisupports last changed in gecko 20.0 (firefox 20.0 / thunderbird 20.0 / seamonkey 2.17) description content preferences allow the application to associate arbitrary data, or "preferences", with specific
domains, or web "content".
...s api for content preferences 1.0 66 introduced gecko 20.0 inherits from: nsisupports last changed in gecko 20.0 (firefox 20.0 / thunderbird 20.0 / seamonkey 2.17) description content preferences allow the application to associate arbitrary data, or "preferences", with specific
domains, or web "content".
...sisupports last changed in gecko 20.0 (firefox 20.0 / thunderbird 20.0 / seamonkey 2.17) description content preferences allow the application to associate arbitrary data, or "preferences", with specific
domains, or web "content".
...And 87 more matches
Event reference
dom events are sent to notify code of interesting things that have taken place.
... (see non-standard events) storage update events checking downloading error noupdate obsolete updateready value change events broadcast checkboxstatechange hashchange input radiostatechange readystatechange valuechange uncategorized events invalid message message open show less common and non-standard events abortable fetch events event name fired when abort a
dom request is aborted, i.e.
...d non-standard events abortable fetch events event name fired when abort a
dom request is aborted, i.e.
...And 75 more matches
Gecko info for Windows accessibility vendors
this faq explains how makers of windows screen readers, voice dictation packages and magnification software can support gecko-based software.
...terface.
...ids can track what's going on inside the user interface of any software package that supports it.
...And 74 more matches
Index - MDN Web Docs Glossary: Definitions of Web-related terms
cation offering it and other items, such as third party software or hardware.
... accessibility, glossary aria (accessible rich internet applications) is a w3c specification for adding semantics and other metadata to html to cater to users of assistive technology.
...plexity of systems behind simpler apis.
...And 64 more matches
Mozilla accessibility architecture
the documentation for implementing an msaa server has moved.
...indows accessibility vendors, a primer for vendors of 3rd party accessibility software, on how msaa clients can utilize gecko's support.
...se the information using microsoft com on windows, or through gtk2's atk api's on linux and unix.
...And 64 more matches
Index - Archive of obsolete content
o develop and implement content scripts.
...alize strings appearing in the add-on's javascript code.
...-ons, code snippets, extensions, files, streams, tutorial no summary!
...And 59 more matches
CustomizableUI.jsm
laced in a panel accessible from an anchor (chevron) in the toolbar.
...dgets widget is the term that customizableui uses for each of the items in a customizable area.
...idget is in the menu panel.
...And 54 more matches
Extending a Protocol
quick start: extending a protocol this tutorial implements a simple ping-pong style ipdl protocol, which sends a message from the content process (main thread) to the chrome process (ui thread).
...content process (main thread) to the chrome process (ui thread).
...sage to the os or spin up something off the main thread - so it's biased towards supporting w3c/whatwg
dom apis.
...And 53 more matches
Proxy Auto-Configuration (PAC) file - HTTP
figure your server to map the .pac filename extension to the mime type.
...ile or any other file.
...he examples at the end of this document are complete.
...And 52 more matches
nsIAccessibleRetrieval
accessible/public/nsiaccessibleretrieval.idlscriptable an interface for in-process accessibility clients wishing to get an nsiaccessible or nsiaccessnode for a given
dom node.
... accessible/public/nsiaccessibleretrieval.idlscriptable an interface for in-process accessibility clients wishing to get an nsiaccessible or nsiaccessnode for a given
dom node.
...e/public/nsiaccessibleretrieval.idlscriptable an interface for in-process accessibility clients wishing to get an nsiaccessible or nsiaccessnode for a given
dom node.
...And 48 more matches
Creating Custom Events That Can Pass Data
this page describes how to implement custom
dom events that can be used to pass data.
...om events that can be used to pass data.
...o this you must be able to do all of the following: download mozilla source code build mozilla creating custom firefox extensions with the mozilla build system.
...And 47 more matches
Performance best practices for Firefox front-end engineers
browser has a free moment to spare, and the user isn't doing anything.
...ery down-to-earth explanation of the style, layout, paint and composite steps of the pipeline, this hacks blog post does a great job of explaining it.
...this hacks blog post does a great job of explaining it.
...And 44 more matches
nsITextInputProcessor
dom/interfaces/base/nsitextinputprocessor.idlscriptable this interface is a text input events synthesizer and manages its composition and modifier state 1.0 66 introduced gecko 38 inherits from: nsisupports last changed in gecko 38.0 (firefox 38.0 / thunderbird 38.0 / seamonkey 2.35) the motivation of this interface is to provide better api than nsi
domwindowutils to dispatch key events and create, modify, and commit composition in higher level.
...text input events synthesizer and manages its composition and modifier state 1.0 66 introduced gecko 38 inherits from: nsisupports last changed in gecko 38.0 (firefox 38.0 / thunderbird 38.0 / seamonkey 2.35) the motivation of this interface is to provide better api than nsi
domwindowutils to dispatch key events and create, modify, and commit composition in higher level.
... automated tests (what's tested with such events?) and js-ime and/or js-keyboard on firefox os or add-ons may dispatch events with wrong rules.
...And 44 more matches
Adding a new event
this draft document covers how to add a new event to the mozilla (firefox) source code.
... this draft document covers how to add a new event to the mozilla (firefox) source code.
..., there are 3 types of event.
...And 42 more matches
nsISessionStore
1.0 66 introduced gecko 1.8 inherits from: nsisupports last changed in gecko 2.0 (firefox 4 / thunderbird 3.3 / seamonkey 2.1) in versions of firefox prior to 3.5, the user preference browser.sessionstore.enabled must be true for these calls to be successful.
...isupports last changed in gecko 2.0 (firefox 4 / thunderbird 3.3 / seamonkey 2.1) in versions of firefox prior to 3.5, the user preference browser.sessionstore.enabled must be true for these calls to be successful.
...thunderbird 3.3 / seamonkey 2.1) in versions of firefox prior to 3.5, the user preference browser.sessionstore.enabled must be true for these calls to be successful.
...And 41 more matches
sslfnc.html
ing a certificate, use nss_initreadwrite instead.
...t call pr_init.
... are actuallyenabled--that is, turned on and ready to use.
...And 37 more matches
Web Components
lve such problems — it consists of three main technologies, which can be used together to create versatile custom elements with encapsulated functionality that can be reused wherever you like without fear of code collisions.
...an be used together to create versatile custom elements with encapsulated functionality that can be reused wherever you like without fear of code collisions.
...ionality that can be reused wherever you like without fear of code collisions.
...And 36 more matches
Error codes returned by Mozilla APIs
set with a badly encoded property file.
... this error occurs when an attempt is made to read from a non blocking stream yet there is not enough data available to read without waiting for more.
...s error occurs when an attempt is made to read from a non blocking stream yet there is not enough data available to read without waiting for more.
...And 35 more matches
IME handling guide
ocessor which can emulates (or implements) ime with chrome script.
...ndlers using this class means that the dispatching part is also tested by automated tests.
...message is one of following values: ecompositionstart this is dispatched at starting a composition.
...And 35 more matches
Index - Firefox Developer Tools
ator in the accessibility inspector in firefox developer tools lets you see what a web page would look like to users with various forms of color vision deficiency (better known as "color blindness"), as well as contrast sensitivity loss.
...ibility inspector in firefox developer tools lets you see what a web page would look like to users with various forms of color vision deficiency (better known as "color blindness"), as well as contrast sensitivity loss.
...ty inspector in firefox developer tools lets you see what a web page would look like to users with various forms of color vision deficiency (better known as "color blindness"), as well as contrast sensitivity loss.
...And 35 more matches
nsISelection
current selected range of nodes within the document.
...cument.
...???????????
...And 34 more matches
Element.classList - Web APIs
the element.classlist is a read-only property that returns a live
domtokenlist collection of the class attributes of the element.
... the element.classlist is a read-only property that returns a live
domtokenlist collection of the class attributes of the element.
... can then be used to manipulate the class list.
...And 33 more matches
Introduction to events - Learn web development
f the core javascript language — they are defined as part of the apis built into the browser.
...n here.
...nt handlers used in many of the examples, but let's recap just to cement our knowledge.
...And 30 more matches
nsIAccessNode
accessible/public/nsiaccessnode.idlscriptable an interface used by in-process accessibility clients to get style, window, markup and other information about a
dom node.
... accessible/public/nsiaccessnode.idlscriptable an interface used by in-process accessibility clients to get style, window, markup and other information about a
dom node.
...interface used by in-process accessibility clients to get style, window, markup and other information about a
dom node.
...And 30 more matches
nsIFocusManager
dom/interfaces/base/nsifocusmanager.idlscriptable please add a summary to this article.
....0 66 introduced gecko 1.9.2 inherits from: nsisupports last changed in gecko 5.0 (firefox 5.0 / thunderbird 5.0 / seamonkey 2.2) implemented by: @mozilla.org/focus-manager;1 as a service: var focusmanager = components.classes["@mozilla.org/focus-manager;1"] .getservice(components.interfaces.nsifocusmanager); method overview void clearfocus(in nsi
domwindow awindow); void contentremoved(in nsidocument adocument, in nsicontent aelement); native code only!
....getservice(components.interfaces.nsifocusmanager); method overview void clearfocus(in nsi
domwindow awindow); void contentremoved(in nsidocument adocument, in nsicontent aelement); native code only!
...And 30 more matches
Framework main features - Learn web development
previous overview: client-side javascript frameworks next each major javascript framework has a different approach to updating the
dom, handling browser events, and providing an enjoyable developer experience.
...er events, and providing an enjoyable developer experience.
...meworks, looking at how frameworks tend to work from a high level, and the differences between them.
...And 28 more matches
SVGStringList - Web APIs
svg string list interface the svgstringlist defines a list of
domstring objects.
... svg string list interface the svgstringlist defines a list of
domstring objects.
... svg string list interface the svgstringlist defines a list of
domstring objects.
...And 27 more matches
nsIEffectiveTLDService
netwerk/dns/nsieffectivetldservice.idlscriptable this is an interface that examines a hostname and determines the longest portion that should be treated as though it were a top-level
domain (tld).
... netwerk/dns/nsieffectivetldservice.idlscriptable this is an interface that examines a hostname and determines the longest portion that should be treated as though it were a top-level
domain (tld).
...st, or psl.
...And 26 more matches
Window - Web APIs
the window interface represents a window containing a
dom document; the document property points to the
dom document loaded in that window.
...running, is exposed to javascript code.
.../web/api/window" target="_top"><rect x="1" y="1" width="75" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="38.5" y="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">window</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constructors see also the
dom interfaces.
...And 26 more matches
Focus management with Vue refs - Learn web development
previous overview: client-side javascript frameworks next we are nearly done with vue.
... previous overview: client-side javascript frameworks next we are nearly done with vue.
...script frameworks next we are nearly done with vue.
...And 25 more matches
nsIHTMLEditor
ase add a summary to this article.
...rom: nsisupports last changed in gecko 5.0 (firefox 5.0 / thunderbird 5.0 / seamonkey 2.2) method overview void adddefaultproperty(in nsiatom aproperty, in astring aattribute, in astring avalue); void addinsertionlistener(in nsicontentfilter infilter); void align(in astring aalign); boolean breakisvisible(in nsi
domnode anode); boolean candrag(in nsi
domevent aevent); void checkselectionstateforanonymousbuttons(in nsiselection aselection); nsi
domelement createanonymouselement(in astring atag, in nsi
domnode aparentnode, in astring aanonclass, in boolean aiscreatedhidden); nsi
domelement createelementwithdefaults(in astring atagname); void decreasefontsize(); void dodrag(in nsi
domevent aevent); v...
...ymouselement(in astring atag, in nsi
domnode aparentnode, in astring aanonclass, in boolean aiscreatedhidden); nsi
domelement createelementwithdefaults(in astring atagname); void decreasefontsize(); void dodrag(in nsi
domevent aevent); void getalignment(out boolean amixed, out short aalign); astring getbackgroundcolorstate(out boolean amixed); nsi
domelement getelementorparentbytagname(in astring atagname, in nsi
domnode anode); astring getfontcolorstate(out boolean amixed); astring getfontfacestate(out boolean amixed); astring getheadcontentsashtml(); astring gethighlightcolorstate(out boolean amixed); void getindentstate(out boolean acanindent, out boolean acanoutdent); void getinlineprope...
...And 25 more matches
nsIWindowWatcher
embedding/components/windowwatcher/public/nsiwindowwatcher.idlscriptable this interface is the keeper of gecko/
dom windows.
...k reference is kept.
...cations (not a public one, anyway).
...And 25 more matches
Element - Web APIs
} properties inherits properties from its parent interface, node, and by extension that interface's parent, eventtarget.
... extension that interface's parent, eventtarget.
...er representing the inner height of the element.
...And 25 more matches
Getting started with Ember - Learn web development
ful contributions to any ember project with minimal fear of breaking code.
...hout any knowledge of javascript, and interactivity can be added later.
... of thing has a different purpose and different expected location within your project.
...And 24 more matches
Browser Feature Detection - Archive of obsolete content
an experimental approach to discovering degree of support for standards.
...the browser defines.
...ser sniffing via api name detection the following tables list the api names defined for specific w3c
dom apis and lists the percentage of names that your browser actually defines followed by a list of each of the api names tested along with an indication of whether the name was defined for your browser.
...And 23 more matches
Mozilla’s UAAG evaluation report
ref("capability.policy.popupsites.windowinternal.open", "noaccess"); or turn it off everywhere: user_pref("capability.policy.default.windowinternal.open", "noaccess"); override popping up new windows on target=anything: user_pref("browser.target_new_blocked", true); override popup windows at beginning of new page load (blocks most popup advertisements): user_pref("
dom.disable_open_during_load", true); 5.4 selection and focus in viewport.
...security, ssl, "sending form data from unencrypted page to unencrypted page" 5.6 confirm fee links.
...rom unencrypted page to unencrypted page" 5.6 confirm fee links.
...And 23 more matches
nsIWindowMediator
vice(components.interfaces.nsiwindowmediator); method overview void addlistener(in nsiwindowmediatorlistener alistener); boolean calculatezposition(in nsixulwindow inwindow, in unsigned long inposition, in nsiwidget inbelow, out unsigned long outposition, out nsiwidget outbelow); native code only!
... void addlistener(in nsiwindowmediatorlistener alistener); boolean calculatezposition(in nsixulwindow inwindow, in unsigned long inposition, in nsiwidget inbelow, out unsigned long outposition, out nsiwidget outbelow); native code only!
... nsisimpleenumerator getenumerator(in wstring awindowtype); nsi
domwindow getmostrecentwindow(in wstring awindowtype); nsi
domwindow getouterwindowwithid(in unsigned long long aouterwindowid); nsisimpleenumerator getxulwindowenumerator(in wstring awindowtype); pruint32 getzlevel(in nsixulwindow awindow); native code only!
...And 23 more matches
window/utils - Archive of obsolete content
array of currently opened windows.
....
...w to opt into private browsing, and how to support private browsing, refer to the documentation for the private-browsing module.
...And 22 more matches
MutationEvent - Web APIs
the mutationevent interface provides event properties that are specific to modifications to the document object model (
dom) hierarchy and nodes.
... the mutationevent interface provides event properties that are specific to modifications to the document object model (
dom) hierarchy and nodes.
... the mutationevent interface provides event properties that are specific to modifications to the document object model (
dom) hierarchy and nodes.
...And 22 more matches
Manipulating documents - Learn web development
previous overview: client-side web apis next when writing web pages and apps, one of the most common things you'll want to do is manipulate the document structure in some way.
... previous overview: client-side web apis next when writing web pages and apps, one of the most common things you'll want to do is manipulate the document structure in some way.
...rmation that makes heavy use of the document object.
...And 21 more matches
Implementing a Microsoft Active Accessibility (MSAA) Server - Accessibility
document reading mode, with a variety of features such as ticker mode where text is streamed on a single line.
...fferent ways: a com interface (iaccessible) that allows applications to expose the tree of data nodes that make up each window in the user interface currently being interacted with and custom interface extensions via interfaces via queryinterface and queryservice.
...ible) that allows applications to expose the tree of data nodes that make up each window in the user interface currently being interacted with and custom interface extensions via interfaces via queryinterface and queryservice.
...And 21 more matches
Mutation events - Developer guides
mutation events provide a mechanism for a web page or an extension to get notified about changes made to the
dom.
... mutation events provide a mechanism for a web page or an extension to get notified about changes made to the
dom.
... mutation events provide a mechanism for a web page or an extension to get notified about changes made to the
dom.
...And 21 more matches
Using HTTP cookies - HTTP
age tree.
...ascript document.cookie api; it is sent only to the server.
...side sessions don't need to be available to javascript, and should have the httponly attribute.
...And 21 more matches
nsIEventListenerService
seamonkey 2.4) implemented by: @mozilla.org/eventlistenerservice;1.
...tlistenerservice = components.classes["@mozilla.org/eventlistenerservice;1"] .getservice(components.interfaces.nsieventlistenerservice); universalxpconnect privileges are required to use this service.
...1"] .getservice(components.interfaces.nsieventlistenerservice); universalxpconnect privileges are required to use this service.
...And 19 more matches
Autoconfiguration in Thunderbird
f more than 0.1% are included.
...ended for companies who install thunderbird on their employees' computers and want to enable easy account setup without having to set up a configuration server.
...nies who install thunderbird on their employees' computers and want to enable easy account setup without having to set up a configuration server.
...And 19 more matches
Background Tasks API - Web APIs
d dispatches those events to the elements that should receive them.
...h the event loop and get on to the next one without causing other code to stutter or animation effects to lag.
....
...And 19 more matches
HTMLAnchorElement - Web APIs
<text x="406" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmlanchorelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement, and implements those from htmlhyperlinkelementutils.
...dle" alignment-baseline="middle">htmlanchorelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement, and implements those from htmlhyperlinkelementutils.
...ng representing the hostname and port (if it's not the default port) in the referenced url.
...And 19 more matches
Parsing and serializing XML - Developer guides
at times, you may need to parse xml content and convert it into a
dom tree, or, conversely, serialize an existing
dom tree into xml.
... at times, you may need to parse xml content and convert it into a
dom tree, or, conversely, serialize an existing
dom tree into xml.
... at times, you may need to parse xml content and convert it into a
dom tree, or, conversely, serialize an existing
dom tree into xml.
...And 19 more matches
Set-Cookie - HTTP
for more information, see the guide on http cookies.
... information, see the guide on http cookies.
...ookie-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-value>; secure; httponly attributes <cookie-name>=<cookie-value> a cookie begins with a name-value pair: a <cookie-name> can be any us-ascii characters, except control characters, spaces, or tabs.
...And 19 more matches
nsIDocShell
rbird 12.0 / seamonkey 2.9) implemented by @mozilla.org/docshell;1.
...do not create an instance directly.
...ance directly.
...And 18 more matches
JavaScript technologies overview - JavaScript
reas html defines a webpage's structure and content and css sets the formatting and appearance, javascript adds interactivity to a webpage and creates rich web applications.
... javascript applications, letting the applications choose the language and tailor the functionality to their needs.
...d tailor the functionality to their needs.
...And 18 more matches
nsIDragService
handling drag and drop operations.
... overview void enddragsession( in prbool adonedrag ) ; void dragmoved(in long ax, in long ay); native code only!
... void enddragsession( in prbool adonedrag ) ; void dragmoved(in long ax, in long ay); native code only!
...And 17 more matches
Document - Web APIs
the document interface represents any web page loaded in the browser and serves as an entry point into the web page's content, which is the
dom tree.
... the document interface represents any web page loaded in the browser and serves as an entry point into the web page's content, which is the
dom tree.
...ent.formsread only returns a list of the <form> elements within the current document.
...And 17 more matches
Communicating With Other Scripts - Archive of obsolete content
me time using the same method can interact with each other directly as well as with the web content itself.
...ted with the same page can interact with each other: if two different matching pages are loaded, content scripts attached to page a cannot interact with those attached to page b.
...a cannot interact with those attached to page b.
...And 16 more matches
New Security Model for Web Services - Archive of obsolete content
securing resources from untrusted scripts behind firewalls introduction this page describes an alternative mechanism which can be used to protect all internal resources against requests from sandboxed scripts.
... applications outside of the firewall.
...uish and protect internal resources.
...And 16 more matches
Document.cookie - Web APIs
g the cookie to set/update, and preceded by a semi-colon separator: ;path=path (e.g., '/', '/mydir') if not specified, defaults to the current path of the current document location.
...ookie to set/update, and preceded by a semi-colon separator: ;path=path (e.g., '/', '/mydir') if not specified, defaults to the current path of the current document location.
...y a semi-colon separator: ;path=path (e.g., '/', '/mydir') if not specified, defaults to the current path of the current document location.
...And 16 more matches
Node - Web APIs
the
dom node interface is an abstract base class upon which many other
dom api objects are based, thus letting those object types to be used similarly and often interchangeably.
...terface is an abstract base class upon which many other
dom api objects are based, thus letting those object types to be used similarly and often interchangeably.
...dth="2px" /><text x="188.5" y="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">node</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties in addition to the properties below, node inherits properties from its parent, eventtarget.
...And 16 more matches
Index - Developer guides
found 43 pages: # page tags and summary 1 developer guides api, guide, landing, web these articles provide how-to information to help make use of specific web technologies and apis.
...cited and ready to make your until-now-webkit-only sites work with firefox, which uses the unprefixed version of the spec.
...eo can be very useful.
...And 16 more matches
Choosing between www and non-www URLs - HTTP
a recurring question among website owners is whether to choose non-www or www urls.
... a recurring question among website owners is whether to choose non-www or www urls.
... a recurring question among website owners is whether to choose non-www or www urls.
...And 16 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.
...he browser goes through to convert the html, css, and javascript into pixels on the screen.
...nt user interactions and avoid jank.
...And 16 more matches
Content Scripts - Archive of obsolete content
web pages: page-mod: enables you to attach content scripts to web pages that match a specific url pattern.
...n amo.
...he script in a separate file and load it using contentscriptfile.
...And 15 more matches
Document Object Model - Archive of obsolete content
« previousnext » the document object model (
dom) can be used with xul elements to get information about them or modify them.
... « previousnext » the document object model (
dom) can be used with xul elements to get information about them or modify them.
... « previousnext » the document object model (
dom) can be used with xul elements to get information about them or modify them.
...And 15 more matches
TLD - MDN Web Docs Glossary: Definitions of Web-related terms
a tld (top-level
domain) is the most generic
domain in the internet's hierarchical dns (
domain name system).
... a tld (top-level
domain) is the most generic
domain in the internet's hierarchical dns (
domain name system).
...developer.mozilla.org.
...And 15 more matches
HTMLAreaElement - Web APIs
/><text x="416" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmlareaelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement, and implements those from htmlhyperlinkelementutils.
...ext-anchor="middle" alignment-baseline="middle">htmlareaelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement, and implements those from htmlhyperlinkelementutils.
...inter-events: all;} properties inherits properties from its parent, htmlelement, and implements those from htmlhyperlinkelementutils.
...And 15 more matches
PerformanceNavigationTiming - Web APIs
over text { fill: #0095dd; pointer-events: all;} properties this interface extends the following performanceentry properties for navigation performance entry types by qualifying and constraining them as follows: performanceentry.entrytype read only returns "navigation".
...navigationtiming.loadeventend and performanceentry.starttime properties.
...end and performanceentry.starttime properties.
...And 15 more matches
Interacting with page scripts - Archive of obsolete content
want to access an object defined by a page script a content script might want to expose an object to a page script access objects defined by page scripts to access page script objects from content scripts, you can use the global unsafewindow object.
...nsafewindow.
...on called “unsafe-content-script” under the “permissions” key in package.json, and set it to true.
...And 14 more matches
Introduction to SSL - Archive of obsolete content
t ciphers effectively restricts access to network browsers that are available only in the united states (unless the server involved has a special global server id that permits the international client to "step up" to stronger encryption).
...browsers that are available only in the united states (unless the server involved has a special global server id that permits the international client to "step up" to stronger encryption).
...at permits the international client to "step up" to stronger encryption).
...And 14 more matches
A first splash into JavaScript - Learn web development
me</title> <style> html { font-family: sans-serif; } body { width: 50%; max-width: 800px; min-width: 480px; margin: 0 auto; } .lastresult { color: white; padding: 3px; } </style> </head> <body> <h1>number guessing game</h1> <p>we have selected a ran
dom number between 1 and 100.
...oo low.</p> <div class="form"> <label for="guessfield">enter a guess: </label><input type="text" id="guessfield" class="guessfield"> <input type="submit" value="submit guess" class="guesssubmit"> </div> <div class="resultparas"> <p class="guesses"></p> <p class="lastresult"></p> <p class="loworhi"></p> </div> <script> // your javascript goes here let ran
domnumber = math.floor(math.ran
dom() * 100) + 1; const guesses = document.queryselector('.guesses'); const lastresult = document.queryselector('.lastresult'); const loworhi = document.queryselector('.loworhi'); const guesssubmit = document.queryselector('.guesssubmit'); const guessfield = document.queryselector('.guessfield'); let guesscount = 1; let resetbutton; func...
...sssubmit = document.queryselector('.guesssubmit'); const guessfield = document.queryselector('.guessfield'); let guesscount = 1; let resetbutton; function checkguess() { let userguess = number(guessfield.value); if (guesscount === 1) { guesses.textcontent = 'previous guesses: '; } guesses.textcontent += userguess + ' '; if (userguess === ran
domnumber) { lastresult.textcontent = 'congratulations!
...And 14 more matches
nsISmsService
dom/sms/interfaces/nsismsservice.idlscriptable used to send sms text messages for the websms api 1.0 66 introduced gecko 13.0 inherits from: nsisupports last changed in gecko 15.0 (firefox 15.0 / thunderbird 15.0 / seamonkey 2.12) implemented by: @mozilla.org/sms/smsservice;1.
...ced gecko 13.0 inherits from: nsisupports last changed in gecko 15.0 (firefox 15.0 / thunderbird 15.0 / seamonkey 2.12) implemented by: @mozilla.org/sms/smsservice;1.
...ts last changed in gecko 15.0 (firefox 15.0 / thunderbird 15.0 / seamonkey 2.12) implemented by: @mozilla.org/sms/smsservice;1.
...And 14 more matches
nsIXSLTProcessor
lt processor inherits from: nsisupports last changed in gecko 1.7 implemented by: @mozilla.org/document-transformer;1?type=xslt.
...om: nsisupports last changed in gecko 1.7 implemented by: @mozilla.org/document-transformer;1?type=xslt.
...ted by: @mozilla.org/document-transformer;1?type=xslt.
...And 14 more matches
HTMLImageElement - Web APIs
4" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmlimageelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constructor image() the image() constructor creates and returns a new htmlimageelement object representing an html <img> element which is not attached to any
dom tree.
... image() the image() constructor creates and returns a new htmlimageelement object representing an html <img> element which is not attached to any
dom tree.
...flects the alt html attribute, thus indicating the alternate fallback content to be displayed if the image has not been loaded.
...And 14 more matches
KeyboardEvent - Web APIs
ne="middle">keyboardevent</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constructor keyboardevent() creates a new keyboardevent object.
...eyboardevent() creates a new keyboardevent object.
...being located in a particular area of the keyboard; it is not located on the numeric keypad (unless it's the numlock key), and for keys that are duplicated on the left and right sides of the keyboard, the key is, for whatever reason, not to be associated with that location.
...And 14 more matches
PerformanceResourceTiming - Web APIs
ng.initiatortyperead only a string representing the type of resource that initiated the performance entry, as specified in performanceresourcetiming.initiatortype.
...formanceresourcetiming.workerstartread only returns a
domhighrestimestamp immediately before dispatching the fetchevent if a service worker thread is already running, or immediately before starting the service worker thread if it is not already running.
...ad is already running, or immediately before starting the service worker thread if it is not already running.
...And 14 more matches
Slottable - Web APIs
the slottable mixin defines features that allow nodes to become the contents of a <slot> element — the following features are included in both element and text.
...lchrome full support 53edge full support 79firefox full support 63 full support 63 no support 59 — 63disabled disabled from version 59 until version 63 (exclusive): this feature is behind the
dom.webcomponents.shadow
dom.enabled preference (needs to be set to true).
... 63 no support 59 — 63disabled disabled from version 59 until version 63 (exclusive): this feature is behind the
dom.webcomponents.shadow
dom.enabled preference (needs to be set to true).
...And 14 more matches
Index - Archive of obsolete content
306 querytype xul attributes, xul reference no summary!
...trol; they had no way of knowing that a particular collection of div and span elements should be treated as a single cohesive control (such as a tab bar or a treeview).
...s should be treated as a single cohesive control (such as a tab bar or a treeview).
...And 13 more matches
nsIContentPolicy - Archive of obsolete content
dom/base/nsicontentpolicy.idlscriptable interface used to implement a content policy mechanism.
...ype_script 2 indicates an executable script (such as javascript).
...this server, not to future requests of the same type.
...And 13 more matches
Browser Detection and Cross Browser Support - Archive of obsolete content
re of firefox, mozilla, and netscape browsers, far fewer are aware that these browsers are members of an entire family of user agents based upon the gecko layout engine which includes the commercial browser compuserve 7, and open source browsers such as epiphany, galeon, camino, kmeleon, and seamonkey.
...sers by vendor/version.
...e if (document.getelementbyid) { // they think this is gecko // but could be wrong!
...And 13 more matches
Functions — reusable blocks of code - Learn web development
the source string, // with the target string, and returns the newly formed string or every time we manipulated an array: let myarray = ['i', 'love', 'chocolate', 'frogs']; let madeastring = myarray.join(' '); console.log(madeastring); // the join() function takes an array, joins // all the array items together into a single // string, and returns this new string or every time we generated a ran
dom number: let mynumber = math.ran
dom(); // the ran
dom() function generates a ran
dom number between // 0 and up to but not including 1, and returns that number ...we were using a function!
...e in both forms: functions and methods.
...m name with parentheses straight after it, you were using a custom function.
...And 13 more matches
Storage access policy: Block cookies from trackers
hat is implemented in the current release version of firefox.
... the tracking protection list is maintained by disconnect.
... future, we may expand our protections to use the "strict protection" version of the list.
...And 13 more matches
Index
easier to review code for security.
... (internally named libpkix) is capable of doing that properly.
...module becomes a default provider for the listed mechanisms when those mechanisms are enabled.
...And 13 more matches
nsIRadioInterfaceLayer
dom/system/gonk/nsiradiointerfacelayer.idlscriptable used to implement the interface between the telephony api and the radio hardware in a telephone.
...manager;1.
...te an instance, use: var radiointerfacelayer = components.classes["@mozilla.org/telephony/system-worker-manager;1"] .getservice(components.interfaces.nsiinterfacerequestor) .createinstance(components.interfaces.nsiradiointerfacelayer); method overview void answercall(in unsigned long callindex); void deactivatedatacall(in
domstring cid, in
domstring reason); void dial(in
domstring number); void enumeratecalls(in nsiriltelephonycallback callback); void getdatacalllist(); unsigned short getnumberofmessagesfortext(in
domstring text); void hangup(in unsigned long callindex); void registercallback(in nsiriltelephonycallback callback); void registerdatacallcallback(in nsirildatacallback callback); void rejectcall(in unsigned ...
...And 13 more matches
nsISelectionPrivate
dom/base/nsiselectionprivate.idlscriptable internal support for content selection handling.
...formation.
...lectionlistener(in nsiselectionlistener newlistener); void endbatchchanges(); void getcachedframeoffset(in nsiframe aframe, in print32 inoffset, in nspointref apoint); native code only!
...And 13 more matches
Xray vision
s that there's asymmetric access between code at different privilege levels: so for example, content code can't access objects created by chrome code, but chrome code can access objects created by content.
...s: so for example, content code can't access objects created by chrome code, but chrome code can access objects created by content.
...nt objects can be a security risk for chrome code.
...And 13 more matches
HTMLObjectElement - Web APIs
4f7f8" 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">htmlobjectelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement.
.../div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement.
...ent.align is a
domstring representing an enumerated property indicating alignment of the element's contents with respect to the surrounding context.
...And 13 more matches
HTMLTableElement - Web APIs
" alignment-baseline="middle">htmltableelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement.
...ror name is thrown.
...he first element that is neither a <caption>, nor a <colgroup>, or as the last child if there is no such element, and the first <thead> that is a child of this element is removed from the tree, if any.
...And 13 more matches
Types of attacks - Web security
ut they commonly include transmitting private data like cookies or other session information to the attacker, redirecting the victim to a webpage controlled by the attacker, or performing other malicious operations on the user's machine under the guise of the vulnerable site.
...icious site, the injected code travels to the vulnerable website.
...rver reflects the injected script back to the user's browser, such as in an error message, search result, or any other response that includes data sent to the server as part of the request.
...And 13 more matches
widget - Archive of obsolete content
ntaining the texts of content scripts to load.
...f content scripts to load.
...oaded after those specified by the contentscriptfile property.
...And 12 more matches
XML in Mozilla - Archive of obsolete content
m (w3c) recommendations and drafts from the xml family of specifications are supported, as well as other related technologies.
...zilla will try to look for the entity under <bin>/res/dtd directory.
...plies to xml.
...And 12 more matches
Index - Learn web development
beginner, css, design, html, needsactivelearning there's a reason we talk about web design.
...tml, needsactivelearning there's a reason we talk about web design.
...sign.
...And 12 more matches
Introduction to client-side frameworks - Learn web development
ation; predictability allows software to scale to an enormous size and still be maintainable; predictability and maintainability are essential for the health and longevity of software.
... start learning vue react facebook released react in 2013.
...oint, it had already been using react to solve many of its problems internally.
...And 12 more matches
Experimental features in Firefox
test these experimental features, you need to download firefox nightly or firefox developer edition.
...ciated
dom apis provide support for html-based modal dialog boxes.
...updated as per the whatwg spec (bug 1509527), but we still need to make other changes too, like making it available on contenteditable content.
...And 12 more matches
Observer Notifications
huts down the thread manager, causing all nsthreads to finish processing any events already queued and stop accepting new events.
...er, causing all nsthreads to finish processing any events already queued and stop accepting new events.
... browser these topics indicate interesting things that happen that the browser alerts you to.
...And 12 more matches
nsIPromptService
embedding/components/windowwatcher/public/nsipromptservice.idlscriptable this interface can be used to display simple dialogs.
...t parameter type.
...out parameters.
...And 12 more matches
AbstractRange - Web APIs
the abstractrange abstract interface is the base class upon which all
dom range types are defined.
..."#4d4e53" text-anchor="middle" alignment-baseline="middle">abstractrange</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties collapsed read only a boolean value which is true if the range is collapsed.
...dcontainer read only the
dom node in which the end of the range, as specified by the endoffset property, is located.
...And 12 more matches
Element.getAttributeNS() - Web APIs
either be null or "" (the empty string); see notes for details.
...for the specified attribute.
...> </body> </html> notes namespaces are only supported in xml documents.
...And 12 more matches
HTMLElement - Web APIs
" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmlelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, element, and implements those from documentandelementeventhandlers, elementcssinlinestyle, globaleventhandlers, htmlorforeignelement and toucheventhandlers.
...text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, element, and implements those from documentandelementeventhandlers, elementcssinlinestyle, globaleventhandlers, htmlorforeignelement and toucheventhandlers.
...parent, element, and implements those from documentandelementeventhandlers, elementcssinlinestyle, globaleventhandlers, htmlorforeignelement and toucheventhandlers.
...And 12 more matches
HTMLIFrameElement - Web APIs
4f7f8" 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">htmliframeelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement.
...ment.contentdocument read only returns a document, the active document in the inline frame's nested browsing context.
...ed browsing context.
...And 12 more matches
HTMLLinkElement - Web APIs
troke="#d4dde4" stroke-width="2px" /><text x="416" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmllinkelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement, and linkstyle.
... mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmllinkelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement, and linkstyle.
...kelement.as is a
domstring representing the type of content being loaded by the html link.
...And 12 more matches
HTMLTableCellElement - Web APIs
4f7f8" 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">htmltablecellelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement.
...he cell's position in the cells collection of the <tr> the cell is contained within.
...ad only is a
domsettabletokenlist describing a list of id of <th> elements that represents headers associated with the cell.
...And 12 more matches
HTML documentation index - HTML: Hypertext Markup Language
attribute that controls whether and how text input is automatically capitalized as it is entered/edited by the user.
... deprecated, global attributes, html, reference, contextmenu the contextmenu global attribute is the id of a <menu> to use as the contextual menu for this element.
...ges (bcp47).
...And 12 more matches
HTTP Index - HTTP
evolution of http guide, http, needsupdate, needsupdate(http/3) http (hypertext transfer protocol) is the underlying protocol of the world wide web.
...rc the http content-security-policy (csp) style-src directive specifies valid sources for stylesheets.
...e, http, reference, security, style, source, style-src, style-src-elem the http content-security-policy (csp) style-src-elem directive specifies valid sources for stylesheets <style> elements and <link> elements with rel="stylesheet".
...And 12 more matches
StringView - Archive of obsolete content
ript arraybuffer interface to create a highly extensible library that anyone can extend by adding methods to the object stringview.prototype to create a collection of methods for such string-like objects (since now: stringviews) which work strictly on arrays of numbers rather than on creating new immutable javascript strings to work with unicode encodings other than javascript's default utf-16
domstrings introduction as web applications become more and more powerful, adding features such as audio and video manipulation, access to raw data using websockets, and so forth, it has become clear that there are times when it would be helpful for javascript code to be able to quickly and easily manipulate raw binary data.
...e); } } awhole = new ftaview(noutptlen); /* transcription...
...outptidx); } break conversionswitch; case 4: /*
domstring to ascii or binarystring or other unknown encodings */ awhole = new ftaview(noutptlen); /* transcription...
...And 11 more matches
XUL Events - Archive of obsolete content
he state of a <checkbox> element has changed.closethe close event is executed when a request has been made to close the window when the user presses the close button.commandthe command event is executed when an element is activated.commandupdatethe commandupdate event is executed when a command update occurs on a <commandset>.
...ox> element has changed.closethe close event is executed when a request has been made to close the window when the user presses the close button.commandthe command event is executed when an element is activated.commandupdatethe commandupdate event is executed when a command update occurs on a <commandset>.
... window when the user presses the close button.commandthe command event is executed when an element is activated.commandupdatethe commandupdate event is executed when a command update occurs on a <commandset>.
...And 11 more matches
Silly story generator - Learn web development
previous overview: first steps in this assessment you'll be tasked with taking some of the knowledge you've picked up in this module's articles and applying it to creating a fun app that generates ran
dom silly stories.
...html page.
..." button is pressed.
...And 11 more matches
Object building practice - Learn web development
dth and canvas.height properties) to equal the width and height of the browser viewport (the area that the webpage appears on — this can be gotten from the window.innerwidth and window.innerheight properties).
...dth and height of the browser viewport (the area that the webpage appears on — this can be gotten from the window.innerwidth and window.innerheight properties).
...dow.innerwidth and window.innerheight properties).
...And 11 more matches
nsIAccessibleDocument
ts from: nsisupports last changed in gecko 2.0 (firefox 4 / thunderbird 3.3 / seamonkey 2.1) you can queryinterface to nsiaccessibledocument from the nsiaccessible or nsiaccessnode for the root node of a document.
...nsisupports last changed in gecko 2.0 (firefox 4 / thunderbird 3.3 / seamonkey 2.1) you can queryinterface to nsiaccessibledocument from the nsiaccessible or nsiaccessnode for the root node of a document.
...getcachedaccessnode(in voidptr auniqueid); native code only!
...And 11 more matches
nsIWebContentHandlerRegistrar
: nsisupports last changed in gecko 8.0 (firefox 8.0 / thunderbird 8.0 / seamonkey 2.5) implemented by @mozilla.org/embeddor.implemented/web-content-handler-registrar;1 as a service: var nsiwchr = cc["@mozilla.org/embeddor.implemented/web-content-handler-registrar;1"] .getservice(ci.nsiwebcontenthandlerregistrar); method overview void registercontenthandler(in
domstring mimetype, in
domstring uri, in
domstring title, in nsi
domwindow contentwindow) void registerprotocolhandler(in
domstring protocol,in
domstring uri, in
domstring title, in nsi
domwindow contentwindow) methods registercontenthandler summary of registercontenthandler void registercontenthandler( in
doms...
...omstring uri, in
domstring title, in nsi
domwindow contentwindow) void registerprotocolhandler(in
domstring protocol,in
domstring uri, in
domstring title, in nsi
domwindow contentwindow) methods registercontenthandler summary of registercontenthandler void registercontenthandler( in
domstring mimetype, in
domstring uri, in
domstring title, in nsi
domwindow contentwindow ); parameters mimetype the desired mime type as a string uri the uri to the handler as a string.
... methods registercontenthandler summary of registercontenthandler void registercontenthandler( in
domstring mimetype, in
domstring uri, in
domstring title, in nsi
domwindow contentwindow ); parameters mimetype the desired mime type as a string uri the uri to the handler as a string.
...And 11 more matches
Attr - Web APIs
the attr interface represents one of a
dom element's attributes as an object.
... the attr interface represents one of a
dom element's attributes as an object.
...r text { fill: #0095dd; pointer-events: all;} warning: starting in gecko 7.0 (firefox 7.0 / thunderbird 7.0 / seamonkey 2.4), a number of deprecated properties and methods output warning messages to the console.
...And 11 more matches
BasicCardResponse - Web APIs
sung internetbasiccardresponsechrome no support noedge no support ≤18 — 79firefox full support 56notes disabled full support 56notes disabled notes available only in nightly builds.disabled from version 56: this feature is behind the
dom.payments.request.enabled preference (needs to be set to true) and the
dom.payments.request.supportedregions preference (needs to be set to a comma-delineated list of one or more 2-character iso country codes indicating the countries in which to support payments (for example, us,ca.).
...android no support nochrome android full support 57firefox android full support 56notes disabled full support 56notes disabled notes available only in nightly builds.disabled from version 56: this feature is behind the
dom.payments.request.enabled preference (needs to be set to true) and the
dom.payments.request.supportedregions preference (needs to be set to a comma-delineated list of one or more 2-character iso country codes indicating the countries in which to support payments (for example, us,ca.).
... 7.0billingaddresschrome no support noedge no support ≤18 — 79firefox full support 56notes disabled full support 56notes disabled notes available only in nightly builds.disabled from version 56: this feature is behind the
dom.payments.request.enabled preference (needs to be set to true).
...And 11 more matches
CharacterData - Web APIs
x="331" y="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">characterdata</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, node, and implements the childnode and nondocumenttypechildnode interface.
...one in the list.
...ediately prior to the specified one in its parent's children list, or null if the specified element is the first one in the list.
...And 11 more matches
IDBDatabaseSync - Web APIs
ddb api was originally intended for use only with web workers, and was eventually removed from the spec because its need was questionable.
...lly intended for use only with web workers, and was eventually removed from the spec because its need was questionable.
... be reintroduced in the future if there is enough demand from web developers.
...And 11 more matches
requiredFeatures - SVG: Scalable Vector Graphics
ing or empty string value is given to attribute requiredfeatures, the attribute is evaluate to false.
... <list-of-features> this is a list of feature strings, separated using white space.
...> this is a list of feature strings, separated using white space.
...And 11 more matches
Content type - SVG: Scalable Vector Graphics
the angle value is assumed to be in degrees.
...?
...e color-keyword matches (case insensitively) one of the color keywords listed in css color module level 3, or one of the system color keywords listed in user preferences for colors (css2, section 18.2).
...And 11 more matches
page-worker - Archive of obsolete content
create a permanent, invisible page and access its
dom.
... "console.log(paras[0].textcontent);" + "self.port.emit('loaded');" pageworker = require("sdk/page-worker").page({ contentscript: getfirstparagraph, contenturl: "http://en.wikipedia.org/wiki/chalk" }); pageworker.port.on("loaded", function() { pageworker.contenturl = "http://en.wikipedia.org/wiki/cheese" }); scripting page content to access the page's
dom you need to attach a script to it.
...nt scripts to load into the page using the contentscript or contentscriptfile options to the page() constructor.
...And 10 more matches
Miscellaneous - Archive of obsolete content
.js#1639 for firefox 2 see around here: http://mxr.mozilla.org/mozilla1.8/so...pdates.js#1631 bug 338039 tracks improving this situation by providing a simple method to restart the application.
...crolling area.
... this is the scrolling area.
...And 10 more matches
JavaScript crypto - Archive of obsolete content
later.
...low web pages access to certain cryptographic-related services.
...="load" value="submit"></p> </form> <script> /* the following values could be filled in by the server cgi */ var nickname= "mycertnickname"; var cert = "mkjflakdjfiwjflaksufklasf ..."; var forcebackup = false; function loadcertificate() { window.crypto.importusercertificates(nickname, cert, forcebackup); return false; } document.forms[0].onsubmit = loadcertificate; </script> signing text
domstring signtext(
domstring stringtosign,
domstring caoption /* ...
...And 10 more matches
Elements - Archive of obsolete content
ritstyle true #implied > the binding element describes a single xbl binding.
...ment identifiers, the first binding found in the embedded xml is used instead.
...ue, styles from the document will also be applied to the xbl generated anonymous content.
...And 10 more matches
Overview of Mozilla embedding APIs
cument_loader_service_contractid implemented interfaces: nsiwebprogress nsidocumentloader related interfaces: nsiwebprogresslistener public components nswebbrowser the nswebbrowser is the main embedding component which gecko exposes.
...interfaces: nsiwebprogress nsidocumentloader related interfaces: nsiwebprogresslistener public components nswebbrowser the nswebbrowser is the main embedding component which gecko exposes.
...swebbrowser is the main embedding component which gecko exposes.
...And 10 more matches
sslerr.html
es the error codes described in this chapter.
...em was configured to support the cipher suites permitted for
domestic use.
... the nss library, probably an invalid version number.
...And 10 more matches
nsISmsDatabaseService
nsismsdatabaseservice
dom/sms/interfaces/nsismsdatabaseservice.idlscriptable used to store and manage sms text messages for the websms api 1.0 66 introduced gecko 13.0 inherits from: nsisupports last changed in gecko 15.0 (firefox 15.0 / thunderbird 15.0 / seamonkey 2.12) implemented by: @mozilla.org/sms/smsdatabaseservice;1.
... inherits from: nsisupports last changed in gecko 15.0 (firefox 15.0 / thunderbird 15.0 / seamonkey 2.12) implemented by: @mozilla.org/sms/smsdatabaseservice;1.
...nsisupports last changed in gecko 15.0 (firefox 15.0 / thunderbird 15.0 / seamonkey 2.12) implemented by: @mozilla.org/sms/smsdatabaseservice;1.
...And 10 more matches
nsISmsRequestManager
nsismsrequestmanager
dom/sms/interfaces/nsismsrequestmanager.idlscriptable used to manage sms related requests and notifications for the websms api 1.0 66 introduced gecko 13.0 inherits from: nsisupports last changed in gecko 15.0 (firefox 15.0 / thunderbird 15.0 / seamonkey 2.12) implemented by: @mozilla.org/sms/smsrequestmanager;1.
... inherits from: nsisupports last changed in gecko 15.0 (firefox 15.0 / thunderbird 15.0 / seamonkey 2.12) implemented by: @mozilla.org/sms/smsrequestmanager;1.
... (firefox 15.0 / thunderbird 15.0 / seamonkey 2.12) implemented by: @mozilla.org/sms/smsrequestmanager;1.
...And 10 more matches
nsIXULTemplateBuilder
uilder, given an input source of data, a template, and a reference point, generates a list of results from the input, and copies part of the template for each result.
...the same template, but with the previous iteration's results as the reference point.
...ccepted or rejected.
...And 10 more matches
Examine and edit HTML - Firefox Developer Tools
on them.
... nodes, so you can see where the gaps in your markup come from.
...ltip when you hover over them: to see this in action, see the demo at https://mdn.github.io/devtools-examples/whitespace-only-demo/index.html.
...And 10 more matches
Document.getElementById() - Web APIs
.
...f "id" in the name of this method must be correct for the code to function; getelementbyid() is not valid and will not work, however natural it may seem.
...s must be unique throughout the entire document, there is no need for "local" versions of the function.
...And 10 more matches
HTMLButtonElement - Web APIs
7f8" stroke="#d4dde4" stroke-width="2px" /><text x="406" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmlbuttonelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement.
...y is a htmlformelement reflecting the form that this button is associated with.
...hen the attribute can be the id of any form element in the same document it is related to, or the null value if none matches.
...And 10 more matches
KeyboardEvent.location - Web APIs
the keyboardevent.location read-only property returns an unsigned long representing the location of the key on the keyboard or other input device.
...d long representing the location of the key on the keyboard or other input device.
... and right versions of the key, and was not pressed on the numeric keypad or a key that is considered to be part of the keypad.
...And 10 more matches
Fundamentals of WebXR - Web APIs
a field of view of around 150°.
...0°.
...he size of the lenses and how close they are to the user's eyes, there are limitations on how wide the fov can get without installing lenses into the user's eyeballs.
...And 10 more matches
Chapter 2: Technologies used in developing extensions - Archive of obsolete content
irefox 3.5 includes a number of extensions to the specification standardized in ecmascript 3rd edition, and can use javascript 1.7 and javascript 1.8.
...dized in ecmascript 3rd edition, and can use javascript 1.7 and javascript 1.8.
...n api for manipulating xml documents the document object model (
dom) is a technical standard promulgated by the w3c, and is an api for manipulating the contents of xml documents as objects.
...And 9 more matches
Tabbed browser - Archive of obsolete content
eryinterface(components.interfaces.nsiinterfacerequestor) .getinterface(components.interfaces.nsiwebnavigation) .queryinterface(components.interfaces.nsidocshelltreeitem) .roottreeitem .queryinterface(components.interfaces.nsiinterfacerequestor) .getinterface(components.interfaces.nsi
domwindow); mainwindow.gbrowser.addtab(...); from a dialog if your code is running in a dialog opened directly by a browser window, you can use: window.opener.gbrowser.addtab(...); if window.opener doesn't work, you can get the most recent browser window using this code: var wm = components.classes["@mozilla.org/appshell/window-mediator;1"] .getservice(components.interfaces...
...l tab element as its single parameter.
...browser.getbrowseratindex() to get a <browser/> element.
...And 9 more matches
Introduction to XUL - Archive of obsolete content
the the mime type to something like "text/x-xul".) these files are processed using the same parser as "text/xml" files (and therefore subject to xml syntax rules, as they should be).
...arser as "text/xml" files (and therefore subject to xml syntax rules, as they should be).
...< b ?
...And 9 more matches
Limitations of chrome scripts
tiprocesscompatible flag in your add-on's install manifest.
...icy supplied by the add-on, and forwards the response back to the child to be enforced.
... to make the shim unnecessary: define and register nsicontentpolicy in the content process.
...And 9 more matches
mozbrowsercontextmenu
cess a context menu over a browser <iframe>.
..., containing details of the standard menu(s) that will be shown.
...presenting a custom menu defined via <menu> / <menuitem> elements and pointed to via a contextmenu attribute on the
dom element clicked on, which contains the menu's id.
...And 9 more matches
nsIClipboardDragDropHooks
on/api.
...oks set for a window, any of them has an opportunity to cancel the action so no further processing will occur.
...tunity to cancel the action so no further processing will occur.
...And 9 more matches
nsICookieManager2
portcookies(in nsifile acookiefile); methods add() adds a cookie.
....
...hod is something of a back door.
...And 9 more matches
nsINavHistoryQuery
ers -- use the bookmark service's getfolderuri) as well as anything else that may have been tagged with an annotation.
...lderuri) as well as anything else that may have been tagged with an annotation.
...g else that may have been tagged with an annotation.
...And 9 more matches
nsIXULTemplateQueryProcessor
int.
...ries.
...g() methods may not be called after generateresults() has been called until the builder indicates that the generated output is being removed by calling the done() method.
...And 9 more matches
AddressErrors - Web APIs
same name in an address described using paymentaddress.
...ge to the address resulted in a validation error occurring.
...tents of the string provide a human-readable explanation of the validation failure, and ideally suggestions to correct the problem.
...And 9 more matches
Event - Web APIs
the event interface represents an event which takes place in the
dom.
...k.
...nterface, with links to their respective documentation in the mdn api reference.
...And 9 more matches
PaymentAddress - Web APIs
the paymentaddress interface of the payment request api is used to store shipping or payment address information.
...ies paymentaddress.addressline read only an array of
domstring objects providing each line of the address not included among the other properties.
... apartment number, rural delivery route, descriptive instructions, or post office box number.
...And 9 more matches
HTTP Public Key Pinning (HPKP) - HTTP
isk of mitm attacks with forged certificates.
...n terminates at a user-defined trust anchor (rather than a built-in trust anchor).
...formation (spki) fingerprint.
...And 9 more matches
JavaScript modules - JavaScript
15disabled disabled from version 15: this feature is behind the experimental javascript features preference.firefox full support 60 full support 60 no support 54 — 60disabled disabled from version 54 until version 60 (exclusive): this feature is behind the
dom.modulescripts.enabled preference.
... full support 61chrome android full support 61firefox android full support 60 full support 60 no support 54 — 60disabled disabled from version 54 until version 60 (exclusive): this feature is behind the
dom.modulescripts.enabled preference.
... 15disabled disabled from version 15: this feature is behind the experimental javascript features preference.firefox full support 60 full support 60 no support 54 — 60disabled disabled from version 54 until version 60 (exclusive): this feature is behind the
dom.modulescripts.enabled preference.
...And 9 more matches
Using custom elements - Web Components
nly autonomous custom elements.
...nt functionality in here ...
...de snippet contains the constructor() definition for the class, which always starts by calling super() so that the correct prototype chain is established.
...And 9 more matches
JavaScript/XSLT Bindings - XSLT: Extensible Stylesheet Language Transformations
yxmlhttprequest.responsexml; // finally import the .xsl xsltprocessor.importstylesheet(xslref); for the actual transformation, xsltprocessor requires an xml document, which is used in conjunction with the imported xsl file to produce the final result.
...tylesheet(xslref); for the actual transformation, xsltprocessor requires an xml document, which is used in conjunction with the imported xsl file to produce the final result.
...s an xml document, which is used in conjunction with the imported xsl file to produce the final result.
...And 9 more matches
panel - Archive of obsolete content
panel = sdkpanels.panel({ contenturl: self.data.url("panel.html"), onhide: handlehide }); function handlechange(state) { if (state.checked) { mypanel.show({ position: button }); } } function handlehide() { button.state('window', {checked: false}); } updating panel content you can update the panel's content by: sending a message to a content script that updates the
dom in the same document.
...strings containing the texts of stylesheets to load.
...he texts of stylesheets to load.
...And 8 more matches
jspage - Archive of obsolete content
ft({});return $mixin.apply(null,a);}function $mixin(e){for(var d=1,a=arguments.length;d<a;d++){var b=arguments[d];if($type(b)!="object"){continue; }for(var c in b){var g=b[c],f=e[c];e[c]=(f&&$type(g)=="object"&&$type(f)=="object")?$mixin(f,g):$unlink(g);}}return e;}function $pick(){for(var b=0,a=arguments.length; b<a;b++){if(arguments[b]!=undefined){return arguments[b];}}return null;}function $ran
dom(b,a){return math.floor(math.ran
dom()*(a-b+1)+b);}function $splat(b){var a=$type(b); return(a)?((a!="array"&&a!="arguments")?[b]:b):[];}var $time=date.now||function(){return +new date;};function $try(){for(var b=0,a=arguments.length;b<a; b++){try{return arguments[b]();}catch(c){}}return null;}function $type(a){if(a==undefined){return false;}if(a.$family){return(a.$family.name=="number"&&!isfinite(...
...id=(browser.engine.trident)?function(a){return(a.uid||(a.uid=[native.uid++]))[0];}:function(a){return a.uid||(a.uid=native.uid++);};var window=new native({name:"window",legacy:(browser.engine.trident)?null:window.window,initialize:function(a){$uid(a); if(!a.element){a.element=$empty;if(browser.engine.webkit){a.document.createelement("iframe");}a.element.prototype=(browser.engine.webkit)?window["[[
domelement.prototype]]"]:{}; }a.document.window=a;return $extend(a,window.prototype);},afterimplement:function(b,a){window[b]=window.prototype[b]=a;}});window.prototype={$family:{name:"window"}}; new window(window);var document=new native({name:"document",legacy:(browser.engine.trident)?null:window.document,initialize:function(a){$uid(a);a.head=a.getelementsbytagname("head")[0]; a.html=a.getelementsb...
...;for(var a=0;a<b;a++){d[c[a]]=this[a];}return d;},link:function(c){var a={}; for(var e=0,b=this.length;e<b;e++){for(var d in c){if(c[d](this[e])){a[d]=this[e];delete c[d];break;}}}return a;},contains:function(a,b){return this.indexof(a,b)!=-1; },extend:function(c){for(var b=0,a=c.length;b<a;b++){this.push(c[b]);}return this;},getlast:function(){return(this.length)?this[this.length-1]:null;},getran
dom:function(){return(this.length)?this[$ran
dom(0,this.length-1)]:null; },include:function(a){if(!this.contains(a)){this.push(a);}return this;},combine:function(c){for(var b=0,a=c.length;b<a;b++){this.include(c[b]);}return this; },erase:function(b){for(var a=this.length;a--;a){if(this[a]===b){this.splice(a,1);}}return this;},empty:function(){this.length=0;return this;},flatten:function(){var d=[]; fo...
...And 8 more matches
Sending forms through JavaScript - Learn web development
ect input from the user, and not for data submission.
...for="thetext">text data:</label> <input id="thetext" name="mytext" value="some text data" type="text"> </p> <p> <label for="thefile">file data:</label> <input id="thefile" name="myfile" type="file"> </p> <button>send me!</button> </form> as you see, the html is a standard <form>.
...send me!</button> </form> as you see, the html is a standard <form>.
...And 8 more matches
Routing in Ember - Learn web development
router.js, because like with url navigation and javascript module loading, "index" is a special word that indicates the default route to render, load, etc.
...urns incomplete todos.
...avascript files to allow us to easily return specific data sets to display in those models.
...And 8 more matches
nsIBrowserHistory
nsiuri auri); obsolete since gecko 9.0 void removeallpages(); void removepage(in nsiuri auri); void removepages([array, size_is(alength)] in nsiuri auris, in unsigned long alength, in boolean adobatchnotify); void removepagesbytimeframe(in long long abegintime, in long long aendtime); void removepagesfromhost(in autf8string ahost, in boolean aentire
domain); void removevisitsbytimeframe(in long long abegintime, in long long aendtime); void unregisteropenpage(in nsiuri auri); obsolete since gecko 9.0 note: the markpageasfollowedlink and markpageastyped methods were moved to nsinavhistoryservice in gecko 22.0 so that all markpageas* methods can be found in one interface.
...esbytimeframe( in long long abegintime, in long long aendtime ); parameters abegintime the time of the first page to remove, in microseconds from epoch.
...e time of the first page to remove, in microseconds from epoch.
...And 8 more matches
nsISelection2
siselection2.idlscriptable please add a summary to this article.
... to this article.
...st changed in gecko 1.9.1 (firefox 3.5 / thunderbird 3.0 / seamonkey 2.0) in gecko 8.0 this interface was merged into the nsiselectionprivate interface.
...And 8 more matches
Streams - Plugins
the plug-in can handle, push data into the stream, and delete it.
...te a stream, push data into it, and delete it.
... npstream *stream, npbool seekable, uint16* stype); the instance parameter refers to the plug-in instance receiving the stream; the type parameter represents the stream's mime type.
...And 8 more matches
CSSCounterStyleRule - Web APIs
d4dde4" stroke-width="2px" /><text x="211" y="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">csscounterstylerule</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties this interface also inherits properties from its parent cssrule.
...or="middle" alignment-baseline="middle">csscounterstylerule</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties this interface also inherits properties from its parent cssrule.
...ule.name is a
domstring object that contains the serialization of the <counter-style-name> defined for the associated rule.
...And 8 more matches
Document.implementation - Web APIs
the document.implementation property returns a
domimplementation object associated with the current document.
... the document.implementation property returns a
domimplementation object associated with the current document.
... the document.implementation property returns a
domimplementation object associated with the current document.
...And 8 more matches
Element.setAttribute() - Web APIs
sets the value of an attribute on the specified element.
...ue.
...y string or the name of the attribute are recommended values.
...And 8 more matches
Element.setAttributeNodeNS() - Web APIs
lementbyid("two"); var a = d1.getattributenodens(myns, "special-align"); d2.setattributenodens(a.clonenode(true)); alert(d2.attributes[1].value) // returns: `utterleft' notes if the specified attribute already exists on the element, then that attribute is replaced with the new one and the replaced one is returned.
...lign"); d2.setattributenodens(a.clonenode(true)); alert(d2.attributes[1].value) // returns: `utterleft' notes if the specified attribute already exists on the element, then that attribute is replaced with the new one and the replaced one is returned.
...turns: `utterleft' notes if the specified attribute already exists on the element, then that attribute is replaced with the new one and the replaced one is returned.
...And 8 more matches
Node.isSupported() - Web APIs
the node.issupported()returns a boolean flag containing the result of a test whether the
dom implementation implements a specific feature and this feature is supported by the specific node.
... the node.issupported()returns a boolean flag containing the result of a test whether the
dom implementation implements a specific feature and this feature is supported by the specific node.
...e node.issupported()returns a boolean flag containing the result of a test whether the
dom implementation implements a specific feature and this feature is supported by the specific node.
...And 8 more matches
PerformanceTiming - Web APIs
information for various events which occur during the loading and use of the current page.
...last http redirect is completed, that is when the last byte of the http response has been received.
...s when the last byte of the http response has been received.
...And 8 more matches
RTCIceCandidate - Web APIs
andidate, optionally configured based on an object based on the rtcicecandidateinit dictionary.
...es all of the information that rtcicecandidateinit does and more.
...is empty ("") if the rtcicecandidate is an "end of candidates" indicator.
...And 8 more matches
SVGTransformList - Web APIs
svg transform list interface the svgtransformlist defines a list of svgtransform objects.
...name type description numberofitems unsigned long the number of items in the list.
...transform clears all existing current items from the list and re-initializes the list to hold the single item specified by the parameter.
...And 8 more matches
SubtleCrypto.wrapKey() - Web APIs
e as input to the derivekey method.
....derivekey( { "name": "pbkdf2", salt: salt, "iterations": 100000, "hash": "sha-256" }, keymaterial, { "name": "aes-kw", "length": 256}, true, [ "wrapkey", "unwrapkey" ] ); } /* wrap the given key.
...e as input to the derivekey method.
...And 8 more matches
URLUtilsReadOnly - Web APIs
ete urlutilsreadonly interface previously defined utility methods for working with urls.
...th urls.
... the specification, and the properties it defined are now directly part of the affected interfaces.
...And 8 more matches
Clearing by clicking - Web APIs
« previousnext » this example demonstrates how to combine user interaction with webgl graphics operations by clearing the rendering context with a ran
dom color when the user clicks.
... « previousnext » this example demonstrates how to combine user interaction with webgl graphics operations by clearing the rendering context with a ran
dom color when the user clicks.
...this example demonstrates how to combine user interaction with webgl graphics operations by clearing the rendering context with a ran
dom color when the user clicks.
...And 8 more matches
Window.open() - Web APIs
the window interface's open() method loads the specified resource into the new or existing browsing context (window, <iframe> or tab) with the specified name.
...into it.
...rame> or tab) into which to load the specified resource; if the name doesn't indicate an existing context, a new window is created and is given the name specified by windowname.
...And 8 more matches
WorkerLocation - Web APIs
lable via the workerglobalscope.location property obtained by calling self.location.
...from inside a javascript script executed in the context of a web worker.
...ents properties defined in the urlutilsreadonly interface.
...And 8 more matches
Overview of events and handlers - Developer guides
ding of a resource on the network e.g., downloads an image that can now be drawn on the screen, the completion of parsing a resource by the browser e.g., processes the html content of a page, the interaction of a user with the contents of the page e.g., clicks a button.
...could first define a function to listen to that 'click' event: var example_click_handler = function (ev){ var objkind = (ev instanceof event) ?
...ple_click_handler = function (ev){ var objkind = (ev instanceof event) ?
...And 8 more matches
Index - HTTP
feature-policy: autoplay directive, feature policy, feature-policy, http, reference, autoplay the http feature-policy header autoplay directive controls whether the current document is allowed to autoplay media requested through the htmlmediaelement interface.
...llowederror.
... by mediadevices.getusermedia() will reject with a notallowederror.
...And 8 more matches
Using templates and slots - Web Components
this article explains how you can use the <template> and <slot> elements to create a flexible template that can then be used to populate the shadow
dom of a web component.
...t.
...ier by the html <template> element (which is well-supported in modern browsers).
...And 8 more matches
Introduction to using XPath in JavaScript - XPath
this document describes the interface for using xpath in javascript internally, in extensions, and from websites.
...path expressions and the possibly different prefixes used in the document.
...form such as ['namespace-uri()='http://www.w3.org/1999/xhtml' and name()='p' and @id='_myid'] (this approach works well for dynamic xpath's where the namespaces might not be known) or use prefixed name tests, and create a namespace resolver mapping the prefix to the namespace.
...And 8 more matches
content/symbiont - Archive of obsolete content
type frame object the host application frame in which the page is loaded.
... frame object the host application frame in which the page is loaded.
... is loaded.
...And 7 more matches
Chapter 5: Let's build a Firefox extension - Archive of obsolete content
as a way to work more efficiently.
...g extensions to make these changes, start your development profile, type about:config into firefox’s location bar and open the preferences window; find the preferences listed in table 1 and double-click on them to set them accordingly.
...ke these changes, start your development profile, type about:config into firefox’s location bar and open the preferences window; find the preferences listed in table 1 and double-click on them to set them accordingly.
...And 7 more matches
Connecting to Remote Content - Archive of obsolete content
n, onload and onerror handlers are registered to a callback function to handle the response returned from the remote server.
...rchange format.
...otelement && "parseerror" != rootelement.tagname) { let shopelements = rootelement.getelementsbytagname("shop"); let totalelement = rootelement.getelementsbytagname("total")[0]; window.alert(shopelements[1].getelementsbytagname("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.
...And 7 more matches
tree - Archive of obsolete content
ways in which trees are used, as listed below.
...sed only as data to the content view.
...treeitems are changed.
...And 7 more matches
How to build custom form controls - Learn web development
to build a custom control.
... function () { document.body.classlist.remove("no-widget"); document.body.classlist.add("widget"); }); without js with js check out the source code note: if you really want to make your code generic and reusable, instead of doing a class switch it's far better to just add the widget class to hide the <select> elements, and to dynamically add the
dom tree representing the custom control after every <select> element in the page.
...rce code note: if you really want to make your code generic and reusable, instead of doing a class switch it's far better to just add the widget class to hide the <select> elements, and to dynamically add the
dom tree representing the custom control after every <select> element in the page.
...And 7 more matches
What is JavaScript? - Learn web development
o work out the design yourself, go and find the correct wood, cut all the panels to the right size and shape, find the correct-sized screws, and then put them together to make a bookshelf.
...data from the surrounding computer environment, or do useful complex things.
...e containing a clickable button.
...And 7 more matches
Understanding client-side JavaScript frameworks - Learn web development
to choose from, new ones appear all the time, they mostly work in a similar way but do some things differently, and there are some specific things to be careful about when using frameworks.
...ameworks we begin our look at frameworks with a general overview of the area, looking at a brief history of javascript and frameworks, why frameworks exist and what they give us, how to start thinking about choosing a framework to learn, and what alternatives there are to client-side frameworks.
...ach major javascript framework has a different approach to updating the
dom, handling browser events, and providing an enjoyable developer experience.
...And 7 more matches
JSS Provider Notes
generate a dsa keypair.
... cbc nopadding pkcs5 padding rc4 none none rc2 cbc nopadding pkcs5padding the secureran
dom argument passed to initsign() and initverify() is ignored, because nss does not support specifying an external source of ran
domness.
... by calling generatepublic() or generateprivate().
...And 7 more matches
Mozilla-JSS JCA Provider notes
keypair(); // generate a dsa keypair.
...b nopadding cbc nopadding pkcs5 padding aes ecb nopadding cbc nopadding pkcs5 padding rc4 none none rc2 cbc nopadding pkcs5padding the secureran
dom argument passed to initsign() and initverify() is ignored, because nss does not support specifying an external source of ran
domness.
... a public key's data can be accessed directly from the key.
...And 7 more matches
nsIAppShellService
doprofilestartup(in nsicmdlineservice acmdlineservice, in boolean caninteract); obsolete since gecko 1.8 void ensure1window(in nsicmdlineservice acmdlineservice); obsolete since gecko 1.8 void enterlastwindowclosingsurvivalarea(); obsolete since gecko 1.8 void exitlastwindowclosingsurvivalarea(); obsolete since gecko 1.8 void gethiddenwindowandjscontext(out nsi
domwindow ahidden
domwindow, out jscontext ajscontext); native code only!
... void quit(in pruint32 aferocity); obsolete since gecko 1.8 void registertoplevelwindow(in nsixulwindow awindow); void run(); obsolete since gecko 1.8 void toplevelwindowismodal(in nsixulwindow awindow, in boolean amodal); obsolete since gecko 1.9.1 void unregistertoplevelwindow(in nsixulwindow awindow); note: prior to gecko 8.0, all references to nsi
domwindow used in this interface were nsi
domwindowinternal.
...ll references to nsi
domwindow used in this interface were nsi
domwindowinternal.
...And 7 more matches
nsICompositionStringSynthesizer
dom/interfaces/base/nsicompositionstringsynthesizer.idlscriptable this interface is a composition string synthesizer interface that synthesizes composition string with arbitrary clauses and a caret 1.0 66 introduced gecko 26 obsolete gecko 38 inherits from: nsisupports last changed in gecko 38.0 (firefox 38.0 / thunderbird 38.0 / seamonkey 2.35) this interface is obsoleted in gecko 38.
...ace that synthesizes composition string with arbitrary clauses and a caret 1.0 66 introduced gecko 26 obsolete gecko 38 inherits from: nsisupports last changed in gecko 38.0 (firefox 38.0 / thunderbird 38.0 / seamonkey 2.35) this interface is obsoleted in gecko 38.
...tion string with arbitrary clauses and a caret 1.0 66 introduced gecko 26 obsolete gecko 38 inherits from: nsisupports last changed in gecko 38.0 (firefox 38.0 / thunderbird 38.0 / seamonkey 2.35) this interface is obsoleted in gecko 38.
...And 7 more matches
nsIEditor
« xpcom api reference editor/nsieditor.idlscriptable provides methods and attributes used when editing page content.
...ods and attributes used when editing page content.
... 18.0 / thunderbird 18.0 / seamonkey 2.15) method overview [noscript] void init(in nsi
domdocument doc, in nsicontent aroot, in nsiselectioncontroller aselcon, in unsigned long aflags); void setattributeorequivalent(in nsi
domelement element, in astring sourceattrname, in astring sourceattrvalue, in boolean asuppresstransaction); void removeattributeorequivalent(in nsi
domelement element, in
domstring sourceattrname, in boolean asuppresstransaction); void postcreate(); void predestroy(in boolean adestroyingframes); selected content removal void deleteselection(in short action, in short stripwrappers); document info and file methods void resetmodificationcount(); long getmodificationcount(); vo...
...And 7 more matches
nsIWorkerMessageEvent
dom/interfaces/threads/nsi
domworkers.idlscriptable this interface represents an event in a web worker thread's event queue.
...
dom/interfaces/threads/nsi
domworkers.idlscriptable this interface represents an event in a web worker thread's event queue.
...
dom/interfaces/threads/nsi
domworkers.idlscriptable this interface represents an event in a web worker thread's event queue.
...And 7 more matches
Working with windows in chrome code
this article describes working with multiple windows in mozilla chrome code (xul applications and extensions).
..., "chrome,centerscreen", null); window object note the win variable in the above section, which is assigned the return value of window.open.
...een", null); window object note the win variable in the above section, which is assigned the return value of window.open.
...And 7 more matches
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.
...ssion" size — the size of the cookie name plus value in bytes.
...And 7 more matches
CSSStyleDeclaration.setProperty() - Web APIs
the cssstyledeclaration.setproperty() method interface sets a new value for a property on a css style declaration object.
... the cssstyledeclaration.setproperty() method interface sets a new value for a property on a css style declaration object.
...style.setproperty(propertyname, value, priority); parameters propertyname is a
domstring representing the css property name (hyphen case) to be modified.
...And 7 more matches
Element.getAttributeNode() - Web APIs
f the specified element, as an attr node.
...e proceeding.
...ike parentnode, previoussibling, and nextsibling are null for an attr node.
...And 7 more matches
Element.removeAttribute() - Web APIs
the element method removeattribute() removes the attribute with the specified name from the element.
...ring specifying the name of the attribute to remove from the element.
...bute() returns without generating an error.
...And 7 more matches
Element.setAttributeNode() - Web APIs
two">two</div> javascript let d1 = document.getelementbyid('one'); let d2 = document.getelementbyid('two'); let a = d1.getattributenode('align'); d2.setattributenode(a.clonenode(true)); // returns: 'left' alert(d2.attributes[1].value); notes if the attribute named already exists on the element, that attribute is replaced with the new one and the replaced one is returned.
...elementbyid('two'); let a = d1.getattributenode('align'); d2.setattributenode(a.clonenode(true)); // returns: 'left' alert(d2.attributes[1].value); notes if the attribute named already exists on the element, that attribute is replaced with the new one and the replaced one is returned.
...(d2.attributes[1].value); notes if the attribute named already exists on the element, that attribute is replaced with the new one and the replaced one is returned.
...And 7 more matches
HTMLScriptElement - Web APIs
"#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">htmlscriptelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement.
...o,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmlscriptelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement.
...svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement.
...And 7 more matches
Using IndexedDB - Web APIs
the methods of the asynchronous api (the synchronous api was removed from spec).
... the first thing you'll want to do with almost all of the requests you generate is to add success and error handlers: request.onerror = function(event) { // do something with request.errorcode!
...h request.result!
...And 7 more matches
SVGLengthList - Web APIs
svg length list interface the svglengthlist defines a list of svglength objects.
... name type description numberofitems unsigned long the number of items in the list.
... svglength clears all existing current items from the list and re-initializes the list to hold the single item specified by the parameter.
...And 7 more matches
SVGNumberList - Web APIs
svg number list interface the svgnumberlist defines a list of svgnumber objects.
...name type description numberofitems unsigned long the number of items in the list.
...m) svgnumber clears all existing current items from the list and re-initializes the list to hold the single item specified by newitem.
...And 7 more matches
Scissor animation - Web APIs
: 280px; height : 210px; margin : auto; padding : 0; border : none; background-color : black; } button { display : block; font-size : inherit; margin : auto; padding : 0.6em; } ;(function(){ "use strict" window.addeventlistener("load", setupanimation, false); // variables to hold the webgl context, and the color and // position of animated squares.
...], position[1], size[0] , size[1]); gl.clear(gl.color_buffer_bit); // every frame the vertical position of the square is // decreased, to create the illusion of movement.
...sition of the square is // decreased, to create the illusion of movement.
...And 7 more matches
ARIA: row role - Accessibility
nt if the row is in a table.
... are contiguous, then it can be placed on the row.
...etween 1 and the total number of columns within the table, grid or treegrid.
...And 7 more matches
Getting Started - Developer guides
t method – get, post, head, or another method supported by your server.
...od supported by your server.
...he request.
...And 7 more matches
Feature-Policy - HTTP
ment is allowed to gather information about the amount of light in the environment around the device through the ambientlightsensor interface.
...when this policy is disabled and there were no user gestures, the promise returned by htmlmediaelement.play() will reject with a
domexception.
...e ignored.
...And 7 more matches
Strict-Transport-Security - HTTP
the http strict-transport-security response header (often abbreviated as hsts) lets a web site tell browsers that it should only be accessed using https, instead of using http.
... response header forbidden header name no syntax strict-transport-security: max-age=<expire-time> strict-transport-security: max-age=<expire-time>; includesub
domains strict-transport-security: max-age=<expire-time>; preload directives max-age=<expire-time> the time, in seconds, that the browser should remember that a site is only to be accessed using https.
...x-age=<expire-time> strict-transport-security: max-age=<expire-time>; includesub
domains strict-transport-security: max-age=<expire-time>; preload directives max-age=<expire-time> the time, in seconds, that the browser should remember that a site is only to be accessed using https.
...And 7 more matches
page-mod - Archive of obsolete content
he page-mod api attaches content scripts to documents based on their url.
... options : object required options: name: include type: string, regexp, or array of (string or regexp) a match pattern string or an array of match pattern strings.
...mple and consists only of a static string, don't use contentscript: if you do, you may have problems getting your add-on approved on amo.
...And 6 more matches
tabs - Archive of obsolete content
open, manipulate, and access tabs, and receive tab events.
...b){ tab.on('ready', function(tab){ console.log(tab.url); }); }); arguments tab : listeners are passed the tab object that just opened.
...rl); }); }); arguments tab : listeners are passed the tab object that just opened.
...And 6 more matches
Anonymous Content - Archive of obsolete content
ars in most browsers as a composite widget consisting of a text field and a button.
...hat contains the binding responsible for the generation of the anonymous nodes.
... bug 51527.] if no attribute is specified, an insertion point is considered generic and will match on all content.
...And 6 more matches
Using the Editor from XUL - Archive of obsolete content
he user interface are propagated via the xul and javascript, and call methods on the nseditorshell.
...cript, and call methods on the nseditorshell.
...r command dispatching is described separately.
...And 6 more matches
XULRunner tips - Archive of obsolete content
ned in the xulrunner toolkit until xulrunner 1.9 was released.
...oolkit until xulrunner 1.9 was released.
...our own alias in your chrome manifest add a "skin" line: skin communicator classic/1.0 skin/communicator/ add a skin folder named "communicator" and add a single css file named "communicator.css" with this content: @import url("chrome://global/skin");
dom inspector to add
dom inspector 2.0.* to your xulrunner 1.9.0.* application follow these steps: download the
dom inspector (instead of clicking the "add to..." button, right-click and select "save link as...").
...And 6 more matches
SLD - MDN Web Docs Glossary: Definitions of Web-related terms
an sld (second level
domain) is the
domain name that is located right before a tld.
... an sld (second level
domain) is the
domain name that is located right before a tld.
... an sld (second level
domain) is the
domain name that is located right before a tld.
...And 6 more matches
Looping code - Learn web development
tly different on each successive iteration of the loop, which means that you can complete a whole load of tasks that are similar but slightly different — if you've got a lot of different calculations to do, you want to do each different one, not the same one over and over again!
...at are similar but slightly different — if you've got a lot of different calculations to do, you want to do each different one, not the same one over and over again!
...want to do each different one, not the same one over and over again!
...And 6 more matches
Embedding Tips
yprofile to make gecko actually use a profile location.
... how do i change the user agent string?
...nt string?
...And 6 more matches
Building NSS
uild for a 32-bit environment/abi.
...2-bit environment/abi.
...ild.
...And 6 more matches
Rhino overview
he security features.
...stance of an object that implements the securitysupport interface.
...elated tasks.
...And 6 more matches
JS::CompileOptions
const char *filename() const returns filename of the source code.
... const char *introducerfilename() const returns filename of the file which introduces the file.
...me() const returns filename of the file which introduces the file.
...And 6 more matches
Components.utils.Sandbox
e security checks for more information on security principals.
...or more information on security principals.
...ls.
...And 6 more matches
nsIAccessibleEvent
accessible/public/nsiaccessibleevent.idlscriptable an interface for accessibility events listened to by in-process accessibility clients, which can be used to find out how to get accessibility and
dom interfaces for the event and its target.
...sisupports last changed in gecko 2.0 (firefox 4 / thunderbird 3.3 / seamonkey 2.1) attributes attribute type description accessible nsiaccessible the nsiaccessible associated with the event.
...changed in gecko 2.0 (firefox 4 / thunderbird 3.3 / seamonkey 2.1) attributes attribute type description accessible nsiaccessible the nsiaccessible associated with the event.
...And 6 more matches
nsIDeviceMotion
lerometer support.
...refox 6.0 / thunderbird 6.0 / seamonkey 2.3) note: this interface was named nsidevicemotion prior to gecko 6.0 (firefox 6.0 / thunderbird 6.0 / seamonkey 2.3).
...od as appropriate to share updated acceleration data.
...And 6 more matches
nsITreeContentView
the nsitreecontentview interface is implemented by tree views that are backed by
dom content.
... the nsitreecontentview interface is implemented by tree views that are backed by
dom content.
... the nsitreecontentview interface is implemented by tree views that are backed by
dom content.
...And 6 more matches
nsIXMLHttpRequestEventTarget
content/base/public/nsixmlhttprequest.idlscriptable this interface provides access to the event listeners used when uploading data using the xmlhttprequest object.
... content/base/public/nsixmlhttprequest.idlscriptable this interface provides access to the event listeners used when uploading data using the xmlhttprequest object.
...rs used when uploading data using the xmlhttprequest object.
...And 6 more matches
Reference Manual
// iterating with pointers to non-xpcom objects...
...hile ( p ) { // ...
...ried to call a member function of a pointer // that may be dangling or |null|.
...And 6 more matches
Address Book examples
/array;1"] .createinstance(components.interfaces.nsimutablearray); cardstodelete.appendelement(card); // repeat append as necessary addressbook.deletecards(cardstodelete); how do i add and use my own properties?
... .createinstance(components.interfaces.nsimutablearray); cardstodelete.appendelement(card); // repeat append as necessary addressbook.deletecards(cardstodelete); how do i add and use my own properties?
...learray); cardstodelete.appendelement(card); // repeat append as necessary addressbook.deletecards(cardstodelete); how do i add and use my own properties?
...And 6 more matches
Mozilla
the inline elements in them.
...ed.
...e the simple and protected gss-api negotiation mechanism (spnego) internet standard (rfc 2478) to negotiate either kerberos, ntlm, or other authentication protocols supported by the operating system.
...And 6 more matches
Migrating from Firebug - Firefox Developer Tools
o the devtools using the chromelogger protocol and doesn't require any extensions to be installed.
...e events side panel in firebug.
...tools they are shown when clicking the small 'ev' icon besides an element within the node view.
...And 6 more matches
Waterfall - Firefox Developer Tools
he browser's execution.
...re information about it in a sidebar on the right.
...tack at start call stack console.time(), with links to functions.
...And 6 more matches
AnalyserNode - Web APIs
the analysernode interface represents a node able to provide real-time frequency and time-
domain analysis information.
...ne="middle">analysernode</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constructor analysernode() creates a new instance of an analysernode object.
...ically, it makes the transition between values over time smoother.
...And 6 more matches
CustomEvent - Web APIs
nitialized by an application for any purpose.
...les up through the
dom.
...om.
...And 6 more matches
Document.createDocumentFragment() - Web APIs
creates a new empty documentfragment into which
dom nodes can be added to build an offscreen
dom tree.
... creates a new empty documentfragment into which
dom nodes can be added to build an offscreen
dom tree.
... creates a new empty documentfragment into which
dom nodes can be added to build an offscreen
dom tree.
...And 6 more matches
DocumentFragment - Web APIs
electorall() returns a nodelist of all the element nodes within the documentfragment that match the specified selectors.
...e documentfragment that match the specified selectors.
... within the documentfragment, in document order, that matches the specified id.
...And 6 more matches
DocumentType - Web APIs
-baseline="middle">documenttype</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, node, and implements the childnode interface.
...perties inherits properties from its parent, node, and implements the childnode interface.
...terface.
...And 6 more matches
Element.getAttributeNodeNS() - Web APIs
fixed pre> // html: <div id="top" /> t = document.getelementbyid("top"); specialnode = t.getattributenodens( "http://www.mozilla.org/ns/specialspace", "id"); // inode.value = "full-top" </pre notes getattributenodens is more specific than getattributenode in that it allows you to specify attributes that are part of a particular namespace.
...zilla.org/ns/specialspace", "id"); // inode.value = "full-top" </pre notes getattributenodens is more specific than getattributenode in that it allows you to specify attributes that are part of a particular namespace.
...specialspace", "id"); // inode.value = "full-top" </pre notes getattributenodens is more specific than getattributenode in that it allows you to specify attributes that are part of a particular namespace.
...And 6 more matches
Element.removeAttributeNode() - Web APIs
node(d_align); // align is now removed: <div id="top" /> notes if the removed attribute has a default value, it is immediately replaced.
...ately replaced.
...d.
...And 6 more matches
FileSystemEntrySync - Web APIs
ot directory of the origin of the app.
.../www.html5rocks.com/temporary/ in a tab.
...s a read-only list of all the files and folders stored the origin of your app.
...And 6 more matches
HTMLBodyElement - Web APIs
troke-width="2px" /><text x="416" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmlbodyelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement and from windoweventhandlers.
... mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmlbodyelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement and from windoweventhandlers.
...s from its parent, htmlelement and from windoweventhandlers.
...And 6 more matches
HTMLSlotElement.name - Web APIs
the name property of the htmlslotelement interface returns or sets the slot name.
...lchrome full support 53edge full support 79firefox full support 63 full support 63 no support 59 — 63disabled disabled from version 59 until version 63 (exclusive): this feature is behind the
dom.webcomponents.shadow
dom.enabled preference (needs to be set to true).
... 63 no support 59 — 63disabled disabled from version 59 until version 63 (exclusive): this feature is behind the
dom.webcomponents.shadow
dom.enabled preference (needs to be set to true).
...And 6 more matches
HTMLTableRowElement - Web APIs
8" stroke="#d4dde4" stroke-width="2px" /><text x="396" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmltablerowelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement.
...ill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement.
...lues are "left", "right", and "center".
...And 6 more matches
Basic concepts - Web APIs
w the browser handles storing your data in the background, read browser storage limits and eviction criteria.
...ackground, read browser storage limits and eviction criteria.
...ctions.
...And 6 more matches
MutationObserver.MutationObserver() - Web APIs
the
dom mutationobserver() constructor — part of the mutationobserver interface — creates and returns a new observer which invokes a specified callback when
dom events occur.
... the
dom mutationobserver() constructor — part of the mutationobserver interface — creates and returns a new observer which invokes a specified callback when
dom events occur.
... the
dom mutationobserver() constructor — part of the mutationobserver interface — creates and returns a new observer which invokes a specified callback when
dom events occur.
...And 6 more matches
MutationObserver.observe() - Web APIs
the mutationobserver method observe() configures the mutationobserver callback to begin receiving notifications of changes to the
dom that match the given options.
... the mutationobserver method observe() configures the mutationobserver callback to begin receiving notifications of changes to the
dom that match the given options.
...of changes to the
dom that match the given options.
...And 6 more matches
RTCIceCandidate.usernameFragment - Web APIs
ndidate interface is a string indicating the username fragment ("ufrag") that uniquely identifies a single ice interaction session.
...ndicating the username fragment ("ufrag") that uniquely identifies a single ice interaction session.
...ing a new candidate with new rtcicecandidate().
...And 6 more matches
SVGDocument - Web APIs
an svgdocument object will not exist; instead, the root object in the document object hierarchy will be a document object of a different type, such as an htmldocument object.
...ument object will not exist; instead, the root object in the document object hierarchy will be a document object of a different type, such as an htmldocument object.
...ot exist; instead, the root object in the document object hierarchy will be a document object of a different type, such as an htmldocument object.
...And 6 more matches
SVGPathSegList - Web APIs
numberofitemsread only unsigned long the number of items in the list.
... clears all existing current items from the list and re-initializes the list to hold the single item specified by newitem.
...e modified.
...And 6 more matches
SVGPointList - Web APIs
unsigned long the number of items in the list.
... clears all existing current items from the list and re-initializes the list to hold the single item specified by the parameter.
...tribute or when the object itself is read only.
...And 6 more matches
Slottable: assignedSlot - Web APIs
e some different text!</span> </my-paragraph> in our javascript file we get a reference to the <span> shown above, then log a reference to the original <slot> element the <span> was inserted in.
...lchrome full support 53edge full support 79firefox full support 63 full support 63 no support 59 — 63disabled disabled from version 59 until version 63 (exclusive): this feature is behind the
dom.webcomponents.shadow
dom.enabled preference (needs to be set to true).
... 63 no support 59 — 63disabled disabled from version 59 until version 63 (exclusive): this feature is behind the
dom.webcomponents.shadow
dom.enabled preference (needs to be set to true).
...And 6 more matches
Text.splitText() - Web APIs
length of the original node, the newly created node has no data.
... = textnode.splittext(offset) parameters offset the index immediately before which to break the text node.
...r', // and save 'bar' as a const const bar = foobar.splittext(3); // create a <u> element containing ' new content ' const u = document.createelement('u'); u.appendchild(document.createtextnode(' new content ')); // add <u> before 'bar' p.insertbefore(u, bar); // the result is: <p>foo<u> new content </u>bar</p> result specifications specification status comment
domthe definition of 'text.splittext' in that specification.
...And 6 more matches
Simple color animation - Web APIs
« previousnext » a very basic color animation created using webgl, performed by clearing the drawing buffer with a different ran
dom color every second.
...elementbyid("canvas-view"); gl = canvas.getcontext("webgl") ||canvas.getcontext("experimental-webgl"); if (!gl) { clearinterval(timer); alert("failed to get webgl context.\n" + "your browser or device may not support webgl."); return; } gl.viewport(0, 0, gl.drawingbufferwidth, gl.drawingbufferheight); } // get a ran
dom color value using a helper function.
...") ||canvas.getcontext("experimental-webgl"); if (!gl) { clearinterval(timer); alert("failed to get webgl context.\n" + "your browser or device may not support webgl."); return; } gl.viewport(0, 0, gl.drawingbufferwidth, gl.drawingbufferheight); } // get a ran
dom color value using a helper function.
...And 6 more matches
Window.crypto - Web APIs
this object allows web pages access to certain cryptographic related services.
...hough window.crypto is available on all windows, the returned crypto object only has one usable feature in insecure contexts: the getran
domvalues() method.
...eature in insecure contexts: the getran
domvalues() method.
...And 6 more matches
WindowOrWorkerGlobalScope.setTimeout() - Web APIs
settimeout() or setinterval() (e.g., internet explorer 9 and below), you can include this polyfill to enable the html5 standard arguments-passing functionality.
... with settimeout(); see below).
...nted this throttling behaviour a bit differently (e.g.
...And 6 more matches
Cross-Origin Resource Sharing (CORS) - HTTP
cross-origin resource sharing (cors) is a mechanism that uses additional http headers to tell browsers to give a web application running at one origin, access to selected resources from a different origin.
...ism that uses additional http headers to tell browsers to give a web application running at one origin, access to selected resources from a different origin.
...a web application running at one origin, access to selected resources from a different origin.
...And 6 more matches
Connection management in HTTP/1.x - HTTP
.
...ld a failure happen, the pipeline content can simply be repeated.
...ld support pipelining, though many have limitations in practice: a significant reason no modern browser activates this feature by default.
...And 6 more matches
HTTP headers - HTTP
or https) that a client used to connect to your proxy or load balancer.
...lfilled if the given etag or date matches the remote resource.
...es from incompatible version of the resource.
...And 6 more matches
Using the Mozilla JavaScript interface to XSL Transformations - XSLT: Extensible Stylesheet Language Transformations
ent describes the javascript interface in mozilla 1.2 and up to the xslt processing engine (transformiix).
...ating an xsltprocessor to start, you need to create an xsltprocessor object: var processor = new xsltprocessor(); specifying the stylesheet before you can use it, you must import a stylesheet with the xsltprocessor.importstylesheet() method.
...r = new xsltprocessor(); specifying the stylesheet before you can use it, you must import a stylesheet with the xsltprocessor.importstylesheet() method.
...And 6 more matches
URI parsing - Archive of obsolete content
when dealing with the facilities of nsiuri, the task of parsing a uri can still require additional work.
... when dealing with the facilities of nsiuri, the task of parsing a uri can still require additional work.
... when dealing with the facilities of nsiuri, the task of parsing a uri can still require additional work.
...And 5 more matches
Getting the page URL in NPAPI plugin - Archive of obsolete content
sometimes, you want to restrict an npapi plugin to be loadable only from a certain url or
domain or scheme.
...age url during plugin initialization.
...sers does not work in mozillas older than firefox 1.0 via npp_newstream from braden mcdaniel: if you want the uri of the resource for which the plug-in is invoked, the most npapi-friendly way to do that is to get it from the npstream that is passed to npp_newstream.
...And 5 more matches
Working with BFCache - Archive of obsolete content
q: what is the bfcache exactly?
... q: what is the bfcache exactly?
... that replaces the view in the current tab with a new page, what is the fate of the nsi
domwindow supporting the view they click on?
...And 5 more matches
Finding the code to modify - Archive of obsolete content
dom inspector now that we've found the file to edit, we need to find the specific code within that file.
...
dom inspector now that we've found the file to edit, we need to find the specific code within that file.
...
dom inspector now that we've found the file to edit, we need to find the specific code within that file.
...And 5 more matches
WAI-ARIA basics - Learn web development
properties don't change throughout the lifecycle of an app, whereas states can change, generally programmatically via javascript.
...the semantics of html5 elements (e.g.
...cs of the search form have shown what is made possible when aria goes beyond the semantics available in html5.
...And 5 more matches
Test your skills: Functions - Learn web development
or glitch to work on the tasks.
...sment or further help section at the bottom of this page.
...quire you to write some
dom manipulation code to complete them — such as creating new html elements, setting their text contents to equal specific string values, and nesting them inside existing elements on the page — all via javascript.
...And 5 more matches
Working with Svelte stores - Learn web development
previous overview: client-side javascript frameworks next in the last article we completed the development of our app, finished organizing it into components, and discussed some advanced techniques for dealing with reactivity, working with
dom nodes, and exposing component functionality.
...t: 0.5rem; } </style> let's walk through this piece of code in detail.
... whenever they are modified the
dom will update accordingly.
...And 5 more matches
NSS reference
b nss_findcertkeatype comparing secitem objects secitem_compareitem key functions key functions seckey_getdefaultkeydb seckey_destroyprivatekey digital signatures this api consists of the routines used to perform signature generation and the routines used to perform signature verification.
...e comparing secitem objects secitem_compareitem key functions key functions seckey_getdefaultkeydb seckey_destroyprivatekey digital signatures this api consists of the routines used to perform signature generation and the routines used to perform signature verification.
...s key functions seckey_getdefaultkeydb seckey_destroyprivatekey digital signatures this api consists of the routines used to perform signature generation and the routines used to perform signature verification.
...And 5 more matches
nsIAuthInformation
te to the caller what was entered by the user.
...this request, if applicable.
...upport schemes, this will be the empty string.
...And 5 more matches
nsIContentFrameMessageManager
idl file: mozilla-central/source/
dom/base/nsimessagemanager.idl inherits from: nsisyncmessagesender this interface provides the environment for scripts that are loaded into content frames using the nsiframescriptloader interface.
...face.
...ipts to receive messages from the chrome process and send messages back to the chrome process.
...And 5 more matches
nsIContentViewer
olean permitunload([optional] in boolean acallercloseswindow); boolean requestwindowclose(); void resetclosewindow(); void setbounds([const] in nsintrectref abounds); native code only!
...ode only!
... [noscript,notxpcom,nostdcall] void setnavigationtiming(in ns
domnavigationtimingptr atiming); void setpagemode(in boolean apagemode, in nsiprintsettings aprintsettings); void show(); void stop(); void unload(); obsolete since gecko 1.8 attributes attribute type description container nsisupports
domdocument nsi
domdocument enablerendering boolean obsolete since gecko 2.0 historyentry nsishentry get the history entry that this viewer will save itself into when destroyed.
...And 5 more matches
nsIDroppedLinkHandler
dom/base/nsidroppedlinkhandler.idlscriptable please add a summary to this article.
...
dom/base/nsidroppedlinkhandler.idlscriptable please add a summary to this article.
...
dom/base/nsidroppedlinkhandler.idlscriptable please add a summary to this article.
...And 5 more matches
nsIEditorMailSupport
editor/idl/nsieditormailsupport.idlscriptable provides simple editing actions for the thunderbird mail editor.
... editor/idl/nsieditormailsupport.idlscriptable provides simple editing actions for the thunderbird mail editor.
...port.idlscriptable provides simple editing actions for the thunderbird mail editor.
...And 5 more matches
nsIPrincipal
this principal.
...ly.
... the certificate.
...And 5 more matches
nsIScriptableUnescapeHTML
with legacy extensions) and all its functionality is available with more configuration options via the nsiparserutils interface.
...a the nsiparserutils interface.
...nt, in prbool isxml, in nsiuri baseuri, in nsi
domelement element); astring unescape(in astring src); methods parsefragment() parses a string of html or xml source into a sanitized documentfragment.
...And 5 more matches
Attr.localName - Web APIs
the attr.localname read-only property returns the local part of the qualified name of an attribute.
... the attr.localname read-only property returns the local part of the qualified name of an attribute.
...ment.attributes[0]; alert(attribute.localname); }); notes the local name of an attribute is the part of the attribute's qualified name that comes after the colon.
...And 5 more matches
CSSPrimitiveValue - Web APIs
css_unknown the value is not a recognized css2 value.
...is used to get the counter value.
...can be achieved using the counter interface.
...And 5 more matches
Element: auxclick event - Web APIs
nclick and onauxclick.
...the color of the button background, while the latter changes the button foreground (text) color.
...nd, while the latter changes the button foreground (text) color.
...And 5 more matches
Element.getElementsByTagName() - Web APIs
the element.getelementsbytagname() method returns a live htmlcollection of elements with the given tag name.
... element.getelementsbytagname() method returns a live htmlcollection of elements with the given tag name.
...xhtml, lower-case should be used.
...And 5 more matches
Element.localName - Web APIs
the element.localname read-only property returns the local part of the qualified name of an element.
... the element.localname read-only property returns the local part of the qualified name of an element.
...artners is the local name and ecomm is the prefix: <ecomm:business id="soda_shop" type="brick_n_mortar" xmlns:ecomm="http://example.com/ecomm"> <ecomm:partners> <ecomm:partner id="1001">tony's syrup warehouse </ecomm:partner> </ecomm:partner> </ecomm:business> note: in gecko 1.9.2 and earlier, the property returns the upper-cased version of the local name for html elements in html
doms (as opposed to xhtml elements in xml
doms).
...And 5 more matches
Using files from web applications - Web APIs
using the file api, which was added to the
dom in html5, it's now possible for web content to ask the user to select local files and then read the contents of those files.
... using the file api, which was added to the
dom in html5, it's now possible for web content to ask the user to select local files and then read the contents of those files.
...
dom in html5, it's now possible for web content to ask the user to select local files and then read the contents of those files.
...And 5 more matches
HTMLFormElement - Web APIs
the htmlformelement interface represents a <form> element in the
dom.
...a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties this interface also inherits properties from its parent, htmlelement.
...es from its parent, htmlelement.
...And 5 more matches
HTMLImageElement.decode() - Web APIs
the decode() method of the htmlimageelement interface returns a promise that resolves when the image is decoded and it is safe to append the image to the
dom.
... the decode() method of the htmlimageelement interface returns a promise that resolves when the image is decoded and it is safe to append the image to the
dom.
... the decode() method of the htmlimageelement interface returns a promise that resolves when the image is decoded and it is safe to append the image to the
dom.
...And 5 more matches
HTMLMediaElement - Web APIs
d property is accessed.
...ull if none is assigned.
...face items for controlling the resource should be displayed.
...And 5 more matches
HTMLTableColElement - Web APIs
8" stroke="#d4dde4" stroke-width="2px" /><text x="396" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmltablecolelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement.
... mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmltablecolelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement.
...nt</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement.
...And 5 more matches
HTMLTableSectionElement - Web APIs
e="#d4dde4" stroke-width="2px" /><text x="376" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmltablesectionelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement.
...e align attribute.
...hen rows are added or removed.
...And 5 more matches
KeyboardEvent.initKeyEvent() - Web APIs
he value of an event created using document.createevent("keyboardevent").
...itkeyevent() must be called to set the event before it is dispatched.
...ent.initkeyboardevent based on early drafts of document object model (
dom) level 3 events specification.
...And 5 more matches
MouseEvent - Web APIs
.
...ouseevent.button read only the button number that was pressed (if applicable) when the mouse event was fired.
...fierstate() returns the current state of the specified modifier key.
...And 5 more matches
Node.isConnected - Web APIs
the isconnected read-only property of the node interface returns a boolean indicating whether the node is connected (directly or indirectly) to the context object, for example the document object in the case of the normal
dom, or the shadowroot in the case of a shadow
dom.
...boolean indicating whether the node is connected (directly or indirectly) to the context object, for example the document object in the case of the normal
dom, or the shadowroot in the case of a shadow
dom.
...ng whether the node is connected (directly or indirectly) to the context object, for example the document object in the case of the normal
dom, or the shadowroot in the case of a shadow
dom.
...And 5 more matches
Node.localName - Web APIs
the node.localname read-only property returns the local part of the qualified name of this node.
...rtners is the local name and ecomm is the prefix: <ecomm:business id="soda_shop" type="brick_n_mortar" xmlns:ecomm="http://example.com/ecomm"> <ecomm:partners> <ecomm:partner id="1001">tony's syrup warehouse </ecomm:partner> </ecomm:partners> </ecomm:business> note: in gecko 1.9.2 and earlier, the property returns the upper-cased version of the local name for html elements in html
doms (as opposed to xhtml elements in xml
doms).
... <ecomm:partners> <ecomm:partner id="1001">tony's syrup warehouse </ecomm:partner> </ecomm:partners> </ecomm:business> note: in gecko 1.9.2 and earlier, the property returns the upper-cased version of the local name for html elements in html
doms (as opposed to xhtml elements in xml
doms).
...And 5 more matches
Node.namespaceURI - Web APIs
the node.namespaceuri read-only property returns the namespace uri of the node, or null if the node is not in a namespace.
...at the node creation time.
...f namespaceuri is always null.
...And 5 more matches
Node.nodeType - Web APIs
documenttype node, such as <!doctype html>.
...ent node.
...ve been deprecated and should not be used anymore.
...And 5 more matches
Resource Timing API - Web APIs
s in the see also section.
...ave an entrytype of "resource".
..., many of these values are returned as zero unless the server's access policy permits these values to be shared.
...And 5 more matches
SVGLength - Web APIs
sult in an exception being thrown.
... description unittype unsigned short the type of the value as specified by one of the svg_lengthtype_* constants defined on this interface.
...de no_modification_allowed_err is raised when the length corresponds to a read only attribute or when the object itself is read only.
...And 5 more matches
ShadowRoot - Web APIs
the shadowroot interface of the shadow
dom api is the root node of a
dom subtree that is rendered separately from a document's main
dom tree.
...a reference to an element's shadow root using its element.shadowroot property, provided it was created using element.attachshadow() with the mode option set to open.
...using element.attachshadow() with the mode option set to open.
...And 5 more matches
Using textures in WebGL - Web APIs
your own project based on this code.
... the first thing to do is add code to load the textures.
...or the usampler use texture unit 0.
...And 5 more matches
XMLSerializer - Web APIs
the xmlserializer interface provides the serializetostring() method to construct an xml string representing a
dom tree.
...nto a string the first, basic, example just serializes an entire document into a string containing xml.
...taining xml.
...And 5 more matches
Content Security Policy (CSP) - HTTP
report xss attacks.
...f the content, even when it's not coming from where it seems to be coming from.
...le browser will then only execute scripts loaded in source files received from those allowlisted
domains, ignoring all other script (including inline scripts and event-handling html attributes).
...And 5 more matches
Autoplay guide for media and Web Audio APIs - Web media technologies
g is still being worked on at mozilla.
... functionality described above, a web server can also express its willingness to allow autoplay to function.
...ttp feature-policy header's autoplay directive is used to control which
domains, if any, can be used to autoplay media.
...And 5 more matches
Using dns-prefetch - Web Performance
dns-prefetch is an attempt to resolve
domain names before resources get requested.
... dns-prefetch is an attempt to resolve
domain names before resources get requested.
...while dns caching can help to reduce this latency, dns resolution can add significant latency to requests.
...And 5 more matches
SVG documentation index - SVG: Scalable Vector Graphics
the release of firefox 1.5 unfortunately paid scant attention to namespaces, but they are essential to multi-xml dialect supporting user agents such as gecko-based browsers which must be very strict.
... deprecated, svg, svg attribute the baseprofile attribute describes the minimum svg language profile that the author believes is necessary to correctly render the content.
... the baseprofile attribute describes the minimum svg language profile that the author believes is necessary to correctly render the content.
...And 5 more matches
content/mod - Archive of obsolete content
w, adding a border to all divs in page: var attachto = require("sdk/content/mod").attachto; var style = require("sdk/stylesheet/style").style; var style = style({ source: "div { border: 4px solid gray }" }); // assuming window points to the content page we want to modify attachto(style, window); parameters modification : object the modification we want to apply to the target.
...r { attachto, detachfrom } = require("sdk/content/mod"); var style = require("sdk/stylesheet/style").style; var style = style({ source: "div { border: 4px solid gray }" }); // assuming window points to the content page we want to modify attachto(style, window); // ...
...ant to modify attachto(style, window); // ...
...And 4 more matches
remote/child - Archive of obsolete content
cess modules".
...mechanisms to communicate with the main process interacting with web content to interact with web content, the sdk/remote/child module provides a frames property that's a list of all content frames loaded into this child process.
...he content frames in this process.
...And 4 more matches
Progress Listeners - Archive of obsolete content
stener.state_start; const state_stop = ci.nsiwebprogresslistener.state_stop; var mylistener = { queryinterface: xpcomutils.generateqi(["nsiwebprogresslistener", "nsisupportsweakreference"]), onstatechange: function(awebprogress, arequest, aflag, astatus) { // if you use mylistener for more than one tab/window, use // awebprogress.
domwindow to obtain the tab/window which triggers the state change if (aflag & state_start) { // this fires when the load event is initiated } if (aflag & state_stop) { // this fires when the load finishes } }, onlocationchange: function(aprogress, arequest, auri) { // this fires when the location bar changes; that is load event...
...load event is initiated } if (aflag & state_stop) { // this fires when the load finishes } }, onlocationchange: function(aprogress, arequest, auri) { // this fires when the location bar changes; that is load event is confirmed // or when the user switches tabs.
...(auri); }, onstatechange: function() {}, onprogresschange: function() {}, onstatuschange: function() {}, onsecuritychange: function() {} }; window.addeventlistener("load", function() { myextension.init() }, false); window.addeventlistener("unload", function() { myextension.uninit() }, false); note: if you use the same listener for more than one tab/window, use awebprogress.
domwindow in the callback methods to obtain the tab/window which triggers the state change or event.
...And 4 more matches
Windows - Archive of obsolete content
.getservice(components.interfaces.nsiwindowwatcher) .getwindowenumerator(); var index = 1; var windowname = "yourwindowname"; while (wenum.hasmoreelements()) { var win = wenum.getnext(); if (win.name == windowname) { win.focus(); return; } index++ } window.open("chrome://to/your/window.xul", windowname, "features"); uniquely identifying
dom windows requires gecko 2.0(firefox 4 / thunderbird 3.3 / seamonkey 2.1) in gecko, each
dom window has a unique 64-bit id number.
...ourwindowname"; while (wenum.hasmoreelements()) { var win = wenum.getnext(); if (win.name == windowname) { win.focus(); return; } index++ } window.open("chrome://to/your/window.xul", windowname, "features"); uniquely identifying
dom windows requires gecko 2.0(firefox 4 / thunderbird 3.3 / seamonkey 2.1) in gecko, each
dom window has a unique 64-bit id number.
...hasmoreelements()) { var win = wenum.getnext(); if (win.name == windowname) { win.focus(); return; } index++ } window.open("chrome://to/your/window.xul", windowname, "features"); uniquely identifying
dom windows requires gecko 2.0(firefox 4 / thunderbird 3.3 / seamonkey 2.1) in gecko, each
dom window has a unique 64-bit id number.
...And 4 more matches
How to convert an overlay extension to restartless - Archive of obsolete content
n reliability by going fully extractionless.
...ook into dynamically loading and unloading your overlay, however dynamically manipulating the
dom of your xul window is usually the more straightforward route.
...el-coords', 'class': 'pixel-hbox'}, label({'control': 'coord-x', 'value': 'x:'}), textbox({'id': 'coord-x', 'class': 'coord-box', 'placeholder' : '0'}), label({'control': 'coord-y', 'value': 'y:'}), textbox({'id': 'coord-y', 'class': 'coord-box', 'placeholder': '0'}) ...
...And 4 more matches
Interaction between privileged and non-privileged pages - Archive of obsolete content
sending data from unprivileged document to chrome an easy way to send data from a web page to an extension is by using custom
dom events.
... sending data from unprivileged document to chrome an easy way to send data from a web page to an extension is by using custom
dom events.
...t("myextensiondataelement"); element.setattribute("attribute1", "foobar"); element.setattribute("attribute2", "hello world"); document.documentelement.appendchild(element); var evt = document.createevent("events"); evt.initevent("myextensionevent", true, false); element.dispatchevent(evt); this code creates an arbitrary element -- <myextensiondataelement/> -- and inserts it into the web page's
dom.
...And 4 more matches
Appendix D: Loading Scripts - Archive of obsolete content
ic scope.
...d global variables no matter what context or window it was imported from.
... obj); return obj; } given the above code, the following code will import the module "my-module.jsm" from the current directory and define the symbols foo and bar from that module in the current scope.
...And 4 more matches
Intercepting Page Loads - Archive of obsolete content
econd if validation is necessary if you need to make a distinction for html documents being loaded in inner page frames.
... can obtain the url for the request, analyze it using regular expressions, and perform actions on it such as modifying http headers, or even canceling the request.
... or even canceling the request.
...And 4 more matches
JXON - Archive of obsolete content
mber> <discount_until>dec 25, 1995</discount_until> <price>42.50</price> <size description="medium"> <color_swatch image="black_cardigan.jpg">black</color_swatch> </size> </catalog_item> </product> <script type="text/javascript"><![cdata[function matchwo(a,b) { if (a < b && a < 0) { return 1; } else { return 0; } }]]></script> </catalog> first, create a
dom tree like the previous example as described in the how to create a
dom tree article.
... <color_swatch image="black_cardigan.jpg">black</color_swatch> </size> </catalog_item> </product> <script type="text/javascript"><![cdata[function matchwo(a,b) { if (a < b && a < 0) { return 1; } else { return 0; } }]]></script> </catalog> first, create a
dom tree like the previous example as described in the how to create a
dom tree article.
...roperties names and the recognition of the typeof of all the collected text content of each tag (plain text parsing); but with some differences (so, one can say that we follow a our convention).
...And 4 more matches
Finding the file to modify - Archive of obsolete content
sticated ones (trees, browsers, color pickers).
...s, browsers, color pickers).
...ed by a single xul file (in some cases other xul files called overlays contribute portions of another window's structure).
...And 4 more matches
Menu - Archive of obsolete content
etion.
...thod and set() are the recommended methods of adding items to a menu.
...f the menu is visible, it will reflect the changes immediately.
...And 4 more matches
promptBox - Archive of obsolete content
tab may have multiple prompts on it; the tabmodalpromptshowing attribute on the tabbrowser will tell you how many prompts a given tab has.
...te on the tabbrowser will tell you how many prompts a given tab has.
...pts a given tab has.
...And 4 more matches
Building a Theme - Archive of obsolete content
p with this directory structure: <ext path>/ /install.rdf /chrome.manifest /chrome/ browser/ communicator/ global/ mozapps/ after this, it would be a good idea to read the article setting up extension development environment and follow the directions there.
...ou may want to try some html-based tutorials to start with.
...efault styles in the setup step.
...And 4 more matches
Common causes of memory leaks in extensions - Extensions
page unloads, or an extension is disabled or removed.
... forgetting or failing to pop the content window thing again contentwindows.push(contentwindow); } this will keep the content window compartments alive until the browser window is closed.
... // implicit variable declaration in the js global, holding a strong ref to the document doc = window.document; } implicitly declared variables can be avoided by using ecmascript 5's strict mode.
...And 4 more matches
Gecko FAQ - Gecko Redirect 1
what is gecko?
... except for: the application of styles to html column elements the ability to turn off author styles the names of certain mozilla extension pseudo-classes lack the moz- prefix css 2 - partial support is expected and has already been built into gecko, including support for css2 positioning, but no commitment has been made to achieve a specific level of support
dom level 0 level 1 core: full support making entityreferences available through
dom1; per a provision of the
dom1 spec for xml implementations, entities will be automatically expanded inline and therefore not available through
dom1; our implementation extrapolates this provision to apply to entityreferences as well for more information, see the
dom in mozilla leve...
... 0 level 1 core: full support making entityreferences available through
dom1; per a provision of the
dom1 spec for xml implementations, entities will be automatically expanded inline and therefore not available through
dom1; our implementation extrapolates this provision to apply to entityreferences as well for more information, see the
dom in mozilla level 1 html
dom 2 - most of it has already been implemented in gecko, including support for
dom 2 events, the
dom 2 style, and the
dom2 core.
...And 4 more matches
DNS - MDN Web Docs Glossary: Definitions of Web-related terms
dns (
domain name system) is a hierarchical and decentralized naming system for internet connected resources.
... dns (
domain name system) is a hierarchical and decentralized naming system for internet connected resources.
... dns (
domain name system) is a hierarchical and decentralized naming system for internet connected resources.
...And 4 more matches
A bird's-eye view of the Mozilla framework
language (xul) packages.
...onsists of a xul description of the ui widget cascading style sheets customizing appearance javascript services implementing the ui behavior a package (also known as chrome) is really just a bundling of a set of ui widgets and associated services implementing a particular application feature.
...ing a particular application feature.
...And 4 more matches
Creating JavaScript callbacks in components
, there is even a specific interface for this form of push callbacks, nsiobserverservice.
...bserverservice.
...backs another common use of the pattern is found in addeventlistener / removeeventlistener.
...And 4 more matches
Listening to events on all tabs
ress events.
...st the nsirequest object representing the associated request.
...associated with webprogress.
...And 4 more matches
Script security
or where it is going.
...ng them elevated privileges with respect to the web content they operate on, but reduced privileges with respect to chrome.
...eb content they operate on, but reduced privileges with respect to chrome.
...And 4 more matches
Mozilla Web Developer FAQ
ld not) center the block box itself.
...entbyid() can be used instead.
...t variable bindings for elements with the id or name attribute.
...And 4 more matches
XML Extras
mat.
... member names case insensitive?
...iversalbrowserread privilege in your scripts - see the javascript security: signed scripts document for more details.
...And 4 more matches
Avoiding leaks in JavaScript XPCOM components
com objects (to allow them to be used from javascript) would just work the other way around.
... problem is only in versions of mozilla prior to mozilla 1.8.
...across garbage collections, even if the wrapper is not reachable from any garbage collection root, since the javascript programmer could access the
dom node again the same way he did the first time, and would then expect the added properties to still be there.
...And 4 more matches
How to build an XPCOM component in JavaScript
file.in # this source code form is subject to the terms of the mozilla public # license, v.
... subject to the terms of the mozilla public # license, v.
...erms of the mozilla public # license, v.
...And 4 more matches
Mozilla internal string guide
locality.
...de, using utf-8 in nsacstring and merely validating it when converting to rust strings is more efficient than using nsastring on the c++ side.
...verting to rust strings is more efficient than using nsastring on the c++ side.
...And 4 more matches
mozIThirdPartyUtil
y is third party with respect to a known uri.
...done as follows: if achannel is an nsihttpchannel and has the 'forceallowthirdpartycookie' property set, then: if auri is null, return false.
...nel associated with the load.
...And 4 more matches
nsIPushService
dom/interfaces/push/nsipushservice.idlscriptable a service for components to subscribe and receive push messages from remote servers.
....
...te system subscriptions.
...And 4 more matches
nsIUpdate
le-replace patch.
...ct also contains information about the update that the front end and other application services can use to learn more about what is going on.
..." a minor update, such as a security update.
...And 4 more matches
nsIUpdatePatch
toolkit/mozapps/update/nsiupdateservice.idlscriptable an interface that describes an object representing a patch file that can be downloaded and applied to a version of this application so that it can be updated.
...te/nsiupdateservice.idlscriptable an interface that describes an object representing a patch file that can be downloaded and applied to a version of this application so that it can be updated.
...atch file in bytes.
...And 4 more matches
nsIWebBrowser
embedding/browser/webbrowser/nsiwebbrowser.idlscriptable this interface is implemented by web browser objects.
... embedding/browser/webbrowser/nsiwebbrowser.idlscriptable this interface is implemented by web browser objects.
...ement nsiweakreference.
...And 4 more matches
nsIWebProgress
the nsiwebprogress interface is used to add or remove nsiwebprogresslistener instances to observe the loading of asynchronous requests (usually in the context of a
dom window).
... the nsiwebprogress interface is used to add or remove nsiwebprogresslistener instances to observe the loading of asynchronous requests (usually in the context of a
dom window).
...ebprogress interface is used to add or remove nsiwebprogresslistener instances to observe the loading of asynchronous requests (usually in the context of a
dom window).
...And 4 more matches
nsIXFormsModelElement
extensions/xforms/nsixformsmodelelement.idlscriptable defines scriptable methods for manipulating instance data and updating computed and displayed values.
...extensions/xforms/nsixformsmodelelement.idlscriptable defines scriptable methods for manipulating instance data and updating computed and displayed values.
...d displayed values.
...And 4 more matches
nsIXPConnect
me, in print32 alinenumber, in nsistackframe acaller); void debugdump(in short depth); void debugdumpevalinjsstackframe(in pruint32 aframenumber, in string asourcetext); void debugdumpjsstack(in prbool showargs, in prbool showlocals, in prbool showthisprops); void debugdumpobject(in nsisupports acomobj, in short depth); [noscript,notxpcom] prbool define
domquickstubs(in jscontextptr cx, in jsobjectptr proto, in pruint32 flags, in pruint32 interfacecount, [array, size_is(interfacecount)] in nsiidptr interfacearray); jsval evalinsandboxobject(in astring source, in jscontextptr cx, in nsixpconnectjsobjectholder sandbox, in prbool returnstringonly); native code only!
...ers showargs missing description showlocals missing description showthisprops missing description exceptions thrown missing exception missing description debugdumpobject() void debugdumpobject( in nsisupports acomobj, in short depth ); parameters acomobj missing description depth missing description exceptions thrown missing exception missing description define
domquickstubs() define quick stubs on the given object, @a proto.
...tion exceptions thrown missing exception missing description debugdumpobject() void debugdumpobject( in nsisupports acomobj, in short depth ); parameters acomobj missing description depth missing description exceptions thrown missing exception missing description define
domquickstubs() define quick stubs on the given object, @a proto.
...And 4 more matches
Accessibility Inspector - Firefox Developer Tools
xtensive information in the accessibility section of mdn web docs.
... to use some non-semantic markup (e.g., <div>s) to build a complex custom control, and the control won't have a default role that reflects its purpose.
...can be performed on the item, for example, a pushbutton would have "press" listed, while a link would have "jump" listed.
...And 4 more matches
AnalyserNode.fftSize - Web APIs
the fftsize property of the analysernode interface is an unsigned long value and represents the window size in samples that is used when performing a fast fourier transform (fft) to get frequency
domain data.
...ace is an unsigned long value and represents the window size in samples that is used when performing a fast fourier transform (fft) to get frequency
domain data.
...resents the window size in samples that is used when performing a fast fourier transform (fft) to get frequency
domain data.
...And 4 more matches
CDATASection - Web APIs
nchor="middle" alignment-baseline="middle">cdatasection</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties this interface has no specific properties and implements those of its parent text.
...} properties this interface has no specific properties and implements those of its parent text.
...ements those of its parent text.
...And 4 more matches
Using dynamic styling information - Web APIs
the css object model (cssom), part of the
dom, exposes specific interfaces allowing manipulation of a wide amount of information regarding css.
... the css object model (cssom), part of the
dom, exposes specific interfaces allowing manipulation of a wide amount of information regarding css.
...ed to styling details, it can focus on the overall semantics of each section it is creating or manipulating, leaving the precise style details to the stylesheet.
...And 4 more matches
ChildNode - Web APIs
ds and properties that are common to all types of node objects that can have a parent.
...lemented by element, documenttype, and characterdata objects.
...nor specific properties.
...And 4 more matches
Document.createProcessingInstruction() - Web APIs
ion(target, data) parameters pinode is the resulting processinginstruction node.
...on.
...w
domparser().parsefromstring('<foo />', 'application/xml'); var pi = doc.createprocessinginstruction('xml-stylesheet', 'href="mycss.css" type="text/css"'); doc.insertbefore(pi, doc.firstchild); console.log(new xmlserializer().serializetostring(doc)); // displays: <?xml-stylesheet href="mycss.css" type="text/css"?><foo/> specifications specification status comment
domthe definition of 'createprocessinginstruction()' in that specification.
...And 4 more matches
EffectTiming.delay - Web APIs
rameeffect.
...es = { delay: delayinmilliseconds }; timingproperties.delay = delayinmilliseconds; value a number specifying the delay, in milliseconds, from the start of the animation's play cycle to the beginning of its active interval (the time index at which actual animation begins).
...iseconds }; timingproperties.delay = delayinmilliseconds; value a number specifying the delay, in milliseconds, from the start of the animation's play cycle to the beginning of its active interval (the time index at which actual animation begins).
...And 4 more matches
EffectTiming.duration - Web APIs
compatiblity measure since in the future, "auto" will be expanded to take into account the duration of any child effects.
...auto" will be expanded to take into account the duration of any child effects.
...ake into account the duration of any child effects.
...And 4 more matches
Element.attributes - Web APIs
ributes to show"; } } </script> </head> <body> <p id="paragraph" style="color: green;">sample paragraph</p> <form action=""> <p> <input type="button" value="show first attribute name and value" onclick="listattributes();"> <input id="result" type="text" value=""> </p> </form> </body> </html> specifications specification status comment
domthe definition of 'element.attributes' in that specification.
...h</p> <form action=""> <p> <input type="button" value="show first attribute name and value" onclick="listattributes();"> <input id="result" type="text" value=""> </p> </form> </body> </html> specifications specification status comment
domthe definition of 'element.attributes' in that specification.
...value" onclick="listattributes();"> <input id="result" type="text" value=""> </p> </form> </body> </html> specifications specification status comment
domthe definition of 'element.attributes' in that specification.
...And 4 more matches
Element.getBoundingClientRect() - Web APIs
the element.getboundingclientrect() method returns the size of an element and its position relative to the viewport.
... the element.getboundingclientrect() method returns the size of an element and its position relative to the viewport.
...access to these properties can use code like this: // for scrollx (((t = document.documentelement) || (t = document.body.parentnode)) && typeof t.scrollleft == 'number' ?
...And 4 more matches
Element.hasAttribute() - Web APIs
is a string representing the name of the attribute.
...te("bar")) { // do something } polyfill ;(function(prototype) { prototype.hasattribute = prototype.hasattribute || function(name) { return !!(this.attributes[name] && this.attributes[name].specified); } })(element.prototype); notes
dom methods dealing with element's attributes: not namespace-aware, most commonly used methods namespace-aware variants (
dom level 2)
dom level 1 methods for dealing with attr nodes directly (sel
dom used)
dom level 2 namespace-aware methods for dealing with attr nodes directly (sel
dom used) setattribute (
dom 1) setattributens setattributenode setattributenodens getattribute (
dom 1) getattributens getattributenode getattributenodens hasattribute (
dom 2) hasattributens - - removeattribute (
dom 1) removeattribut...
...ace-aware methods for dealing with attr nodes directly (sel
dom used) setattribute (
dom 1) setattributens setattributenode setattributenodens getattribute (
dom 1) getattributens getattributenode getattributenodens hasattribute (
dom 2) hasattributens - - removeattribute (
dom 1) removeattributens removeattributenode - specifications specification status comment
domthe definition of 'element.hasattribute()' in that specification.
...And 4 more matches
Element.setAttributeNS() - Web APIs
ace is a string specifying the namespace of the attribute.
...; that is, a namespace prefix followed by a colon followed by a local name.
...namespace prefix followed by a colon followed by a local name.
...And 4 more matches
Event.composed - Web APIs
the read-only composed property of the event interface returns a boolean which indicates whether or not the event will propagate across the shadow
dom boundary into the standard
dom.
... the read-only composed property of the event interface returns a boolean which indicates whether or not the event will propagate across the shadow
dom boundary into the standard
dom.
... the read-only composed property of the event interface returns a boolean which indicates whether or not the event will propagate across the shadow
dom boundary into the standard
dom.
...And 4 more matches
GlobalEventHandlers.onauxclick - Web APIs
nt handlers — onclick and onauxclick.
...e former changes the color of the button background, while the latter changes the button foreground (text) color.
... the button foreground (text) color.
...And 4 more matches
HTMLHRElement - Web APIs
fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="426" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmlhrelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement.
...ace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmlhrelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement.
... properties inherits properties from its parent, htmlelement.
...And 4 more matches
HTMLMetaElement - Web APIs
troke-width="2px" /><text x="416" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmlmetaelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement.
...monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmlmetaelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement.
...ment</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement.
...And 4 more matches
HTMLParamElement - Web APIs
l="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="411" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmlparamelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement.
...onaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmlparamelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement.
...</div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement.
...And 4 more matches
HTMLSelectElement - Web APIs
a <form> element, then it returns null.
...ements associated with the element.
...e value -1 indicates no element is selected.
...And 4 more matches
MediaTrackConstraints - Web APIs
roperties will exist on the object.
...pply.
... a constraindouble (a double-precision integer) specifying the desired focal length.
...And 4 more matches
MediaTrackSettings - Web APIs
he following will be included in the object, either because it's not supported by the browser or because it's not available due to context.
...ia tracks deviceid a
domstring indicating the current value of the deviceid property.
...to 10 decimal places.
...And 4 more matches
Navigation Timing API - Web APIs
e is a specification for level 2, but it is not yet covered here.
...gation the type used to return the value of navigation, which contains information explaining the context of the load operation described by this performance instance.
...; here, the time at which the request was initiated (requeststart).
...And 4 more matches
Node.appendChild() - Web APIs
d element: let ablock = document.createelement('block').appendchild( document.createelement('b') ); sets ablock to <b></b> only, which is probably not what you want.
...only, which is probably not what you want.
...new paragraph element, and append it to the end of the document body let p = document.createelement("p"); document.body.appendchild(p); specifications specification status comment
domthe definition of 'node.appendchild()' in that specification.
...And 4 more matches
Node.nextSibling - Web APIs
d node is the last child in the parent element.
...e last child in the parent element.
...; while (el) { console.log(i, '.
...And 4 more matches
NodeList - Web APIs
rom().
...utomatically update the collection.
...er the items in the nodelist, and whether you should cache the list's length.
...And 4 more matches
ParentNode.append() - Web APIs
the parentnode.append() method inserts a set of node objects or
domstring objects after the last child of the parentnode.
... the parentnode.append() method inserts a set of node objects or
domstring objects after the last child of the parentnode.
... the parentnode.append() method inserts a set of node objects or
domstring objects after the last child of the parentnode.
...And 4 more matches
Performance API - Web APIs
ware constraints).
...ing calculating frame-rates (potentially important in animations) and benchmarking (such as the time to load a resource).
...es (potentially important in animations) and benchmarking (such as the time to load a resource).
...And 4 more matches
RTCIceCandidateInit.usernameFragment - Web APIs
the optional property usernamefragment in the rtcicecandidateinit dictionary specifies the value of the rtcicecandidate object's usernamefragment property.
...the rtcicecandidate object's usernamefragment property.
...containing the username fragment (usually referred to in shorthand as "ufrag" or "ice-ufrag") that, along with the ice password ("ice-pwd"), uniquely identifies a single ongoing ice interaction, including for any communication with the stun server.
...And 4 more matches
RTCIceCandidatePairStats - Web APIs
cating the number of times the circuit-breaker has been triggered for this particular 5-tuple (the set of five values comprising a tcp connection: source ip address, source port number, destination ip address, destination port number, and protocol).
...l number of consent requests that have been sent on this candidate pair.
...he most recently-sent stun request and the response being received.
...And 4 more matches
Using the Resource Timing API - Web APIs
e timing properties an application developer can use the property values to calculate the length of time a phase takes and that information can help diagnose performance issues.
...n application developer can use the property values to calculate the length of time a phase takes and that information can help diagnose performance issues.
... load times: there are no `resource` performance records"); return; } console.log("= calculate load times"); for (var i=0; i < resources.length; i++) { console.log("== resource[" + i + "] - " + resources[i].name); // redirect time var t = resources[i].redirectend - resources[i].redirectstart; console.log("...
...And 4 more matches
SVGAngle - Web APIs
unit.
...ng: a
domexception with code no_modification_allowed_err is raised when the length corresponds to a read-only attribute, or when the object itself is read-only.
...he value as a floating point value, in the units expressed by unittype.
...And 4 more matches
SVGSVGElement - Web APIs
, and, on systems that support this, might actually match the characteristics of the target medium.
...then this attribute is true.
...d zoomandpan within currentview will correspond to the corresponding attributes for the given <view> element the values for transform and viewtarget within currentview will be null if the initial view was a link into another element (i.e., other than a <view>), then: the values for viewbox, preserveaspectratio and zoomandpan within currentview will match the values for the corresponding
dom attributes that are on svgsvgelement directly for the closest ancestor <svg> element the values for transform within currentview will be null the viewtarget within currentview will represent the target of the link if the initial view was a link into the svg document fragment using an svg view specification fragment identifier (i.e., #svgview(…)), then: the values for viewbox, preser...
...And 4 more matches
StaticRange - Web APIs
the
dom staticrange interface extends abstractrange to provide a method to specify a range of content in the
dom whose contents don't update to reflect changes which occur within the
dom tree.
...ge object given the staticrangeinit dictionary specifying the default values for its properties.
...dcontainer read only returns the
dom node which contains the ending point of the range.
...And 4 more matches
Using readable streams - Web APIs
ng writable streams instead.
... response constructor call, after which we consume it as a blob().
...new response(stream)) .then(response => response.blob()) .then(blob => url.createobjecturl(blob)) .then(url => console.log(image.src = url)) .catch(err => console.error(err)); but a custom stream is still a readablestream instance, meaning you can attach a reader to it.
...And 4 more matches
Visualizations with Web Audio API - Web APIs
eamsource(stream); source.connect(analyser); analyser.connect(distortion); distortion.connect(audioctx.destination); note: you don't need to connect the analyser's output to another node for it to work, as long as the input is connected to the source, either directly or via another node.
...ta scaling range, using analysernode.mindecibels and analysernode.maxdecibels, and different data averaging constants using analysernode.smoothingtimeconstant.
...cibels and analysernode.maxdecibels, and different data averaging constants using analysernode.smoothingtimeconstant.
...And 4 more matches
<input type="url"> - HTML: Hypertext Markup Language
y validated to ensure that it's either empty or a properly-formatted url before the form can be submitted.
...resenting a url, or empty events change and input supported common attributes autocomplete, list, maxlength, minlength, pattern, placeholder, readonly, required and size idl attributes list, value, selectionend, selectiondirection methods select(), setrangetext() and setselectionrange().
...to be valid.
...And 4 more matches
X-DNS-Prefetch-Control - HTTP
the x-dns-prefetch-control http response header controls dns prefetching, a feature by which browsers proactively perform
domain name resolution on both links that the user may choose to follow as well as urls for items referenced by the document, including images, css, javascript, and so forth.
...ponse header forbidden header name no syntax x-dns-prefetch-control: on x-dns-prefetch-control: off directives on enables dns prefetching.
...on to these
domains.
...And 4 more matches
HTTP
g and how to use http headers to control them.
...t, a server can send a set-cookie http header with the response.
...send a set-cookie http header with the response.
...And 4 more matches
Math - JavaScript
urns the natural logarithm (㏒e; also ㏑) of 1 + x for the number x.
...(㏒e; also ㏑) of 1 + x for the number x.
...he height of an equalateral triangle, and we know its side length is 100, we can use the formulae length of the adjacent multiplied by the tangent of the angle is equal to the opposite.
...And 4 more matches
Navigator.mozNotification - Archive of obsolete content
) provides support for creating notification objects, which are used to display desktop notification alerts to the user.
... for creating notification objects, which are used to display desktop notification alerts to the user.
... objects, which are used to display desktop notification alerts to the user.
...And 3 more matches
MCD, Mission Control Desktop, AKA AutoConfig - Archive of obsolete content
rovide users with a mailer agent, a web browser, and a news reader which are automatically configured (preferences) at startup to the current user connected on the computer.
...r gives the mozilla autoconfig javascript a way to search through different ldap replicas in case one ldap server is down.
...m mickweb script * factory at: * http://www.mickweb.com/javascript/arrays/pureshuffle.html */ here's how the ldap fail-over works: // 2) setup multiple ldap servers for fail-over var ldap_values; var ldap_servers = new array('ldap2.int-evry.fr', 'ldap1.int-evry.fr', 'openldap.int-evry.fr' ); // shuffle function to ran
domize the server array // setup the shuffle method for an array array.prototype.shuffle = function(times) { var i,j,t,l=this.length; while(times--) { with(math) { i = floor(ran
dom()*l); j = floor(ran
dom()*l); } t = this[i]; this[i] = this[j]; this[j] = t; } return this; } // mix up the ldap servers so we don't hit the same one each t...
...And 3 more matches
Mozilla Crypto FAQ - Archive of obsolete content
s not intended as legal advice.
...is faq address mozilla's support for encryption and related security functionality, information important to mozilla contributors relating to encryption functionality in mozilla, and general questions on u.s.
... sun-netscape alliance) released source code through mozilla.org for the personal security manager and network security services software; this source code included support for the ssl protocol, but due to the rsa patent and related legal issues it did not originally contain code for rsa or other cryptographic algorithms.
...And 3 more matches
Table Layout Regression Tests - Archive of obsolete content
2 " /> <content data="0 0 0 null " /> <quotes data="0 " /> <ui data="3 0 0 1 " /> <uireset data="7 0 4" /> <xul data="0 0 0 0 0 1 <svg data="0 1.000000 1.000000 0 1.000000" /> </stylecontext> the baseline log will look like: type manifest file: e:\moz_src\mozilla\obj-i586-pc-msvc\dist\bin\components\xpti.dat +++ javascript debugging hooks installed.
... null " /> <quotes data="0 " /> <ui data="3 0 0 1 " /> <uireset data="7 0 4" /> <xul data="0 0 0 0 0 1 <svg data="0 1.000000 1.000000 0 1.000000" /> </stylecontext> the baseline log will look like: type manifest file: e:\moz_src\mozilla\obj-i586-pc-msvc\dist\bin\components\xpti.dat +++ javascript debugging hooks installed.
...="0 1.000000 1.000000 0 1.000000" /> </stylecontext> the baseline log will look like: type manifest file: e:\moz_src\mozilla\obj-i586-pc-msvc\dist\bin\components\xpti.dat +++ javascript debugging hooks installed.
...And 3 more matches
Manipulating Lists - Archive of obsolete content
« previousnext » the xul listbox provides a number of specialized methods.
... listbox element provides numerous methods to retrieve and manipulate its items.
...serted at this index, so, in the example, the new item will be added at position 3 while the item previously at that position will now be at position 4.
...And 3 more matches
Processing XML with E4X - Archive of obsolete content
warning: e4x is obselete.
... warning: e4x is obselete.
.../browser> <language>javascript</language> <language>python</language> </likes> </person>; alert(person.name); // bob smith alert(person['name']); // bob smith alert(person.likes.browser); // firefox alert(person['likes'].browser); // firefox if you access something with more than one matching element, you get back an xmllist: alert(person.likes.language.length()); // 2 as with the
dom, * can be used to access all child nodes: alert(person.likes.*.length()); // 4 while the .
...And 3 more matches
RFE to the XForms API - Archive of obsolete content
introduction this page contains requests for enhancement to the xforms api.
... introduction this page contains requests for enhancement to the xforms api.
... introduction this page contains requests for enhancement to the xforms api.
...And 3 more matches
Shadow tree - MDN Web Docs Glossary: Definitions of Web-related terms
a shadow tree is a tree of
dom nodes whose topmost node is a shadow root; that is, the topmost node within a shadow
dom.
... a shadow tree is a tree of
dom nodes whose topmost node is a shadow root; that is, the topmost node within a shadow
dom.
... a shadow tree is a tree of
dom nodes whose topmost node is a shadow root; that is, the topmost node within a shadow
dom.
...And 3 more matches
What is a URL? - Learn web development
protocol is a set method for exchanging or transferring data around a computer network.
... is never sent to the server with the request.
...t given by the current document.
...And 3 more matches
Client-side storage - Learn web development
ame','chris'); let myname = localstorage.getitem('name'); myname you should see the name item returned.
...('name'); myname you should see the name item returned.
...he records in an object store.
...And 3 more matches
Drawing graphics - Learn web development
size canvas, results in a document that's wider than the window.
...be moved to the center of the canvas, rather than being at the top left corner.
...e to the bottom of the javascript: function degtorad(degrees) { return degrees * math.pi / 180; }; function rand(min, max) { return math.floor(math.ran
dom() * (max-min+1)) + (min); } let length = 250; let moveoffset = 20; for(var i = 0; i < length; i++) { } here we are implementing the same degtorad() function we saw in the triangle example above, a rand() function that returns a ran
dom number between given lower and upper bounds, length and moveoffset variables (which we'll find out more about later), and an empty for loop.
...And 3 more matches
Getting started with Svelte - Learn web development
ns intended for low power devices: applications built with svelte have smaller bundle sizes, which is ideal for devices with slow network connections and limited processing power.
...you can try updating your app.svelte component — for example change the <h1> element on line 6 of app.svelte so that it reads like this: <h1>hello {name} from mdn!</h1> just save your changes and the app running at localhost:5000 will be automatically updated.
...e}>toggle name</button> <p>visit the <a href="https://svelte.dev/tutorial">svelte tutorial</a> to learn how to build svelte apps.</p> </main> whenever the button is clicked, svelte executes the togglename() function, which in turn updates the value of the name variable.
...And 3 more matches
Handling common HTML and CSS problems - Learn web development
d css lies with the fact that both languages are fairly simple, and often developers don't take them seriously, in terms of making sure the code is well-crafted, efficient, and semantically describes the purpose of the features on the page.
...se case we mentioned earlier (making modern semantic elements styleable in old versions of ie) can be achieved easily using conditional comments, for example you could put something like this in your ie stylesheet: aside, main, article, section, nav, figure, figcaption { display: block; } it isn't that simple, however — you also need to create a copy of each element you want to style in the
dom via javascript, for them to be styleable; this is a strange quirk, and we won't bore you with the details here.
...s features will apply at all if you don't use the right selectors to select the element you want to style!
...And 3 more matches
Frame script environment
the frame script's global is a contentframemessagemanager, giving it the following environment: content the
dom window of the content loaded in the browser.
...ning to messages from chrome.
...via this.
...And 3 more matches
Frame script environment
the frame script's global is a contentframemessagemanager, giving it the following environment: content the
dom window of the content loaded in the browser may be null (see below) docshell the nsidocshell associated with the browser.
...ning to messages from chrome.
...als.
...And 3 more matches
Security best practices for Firefox front-end engineers
this article will help firefox developers understand the security controls in place and avoid common pitfalls when developing front-end code for firefox.
...ticle will help firefox developers understand the security controls in place and avoid common pitfalls when developing front-end code for firefox.
...e security controls in place and avoid common pitfalls when developing front-end code for firefox.
...And 3 more matches
source-editor.jsm
parameters none.
...the y-coordinate at which the mouse cursor was located when the context menu was invoked.
... scroll position.
...And 3 more matches
Mozilla Web Services Security Model
and most of the information in it has not been verified.
...curity.) to prevent the browser from being used as a tool for web sites to obtain priveleges that belong to the browser's user (such as being behind a firewall or getting the benefits of the user's cookies), web browsers restrict what web pages can do when accessing things in other
domains.
...rowser from being used as a tool for web sites to obtain priveleges that belong to the browser's user (such as being behind a firewall or getting the benefits of the user's cookies), web browsers restrict what web pages can do when accessing things in other
domains.
...And 3 more matches
Utilities for nss samples
nss sample code 0: utilities.
...rd whereas in the multi- * password variant they could be of the form * * token_1_name:its_password * token_2_name:its_password * */ extern char * filepasswd(pk11slotinfo * slot, prbool retry, void *arg); /* * getmodulepassword */ extern char * getmodulepassword(pk11slotinfo *slot, int retry, void *pwdata); /* * generateran
dom */ extern secstatus generateran
dom(unsigned char *rbuf, int rsize); /* * filetoitem */ extern secstatus filetoitem(secitem *dst, prfiledesc *src); /* * seedfromnoisefile */ extern secstatus seedfromnoisefile(const char *noisefilename); /* * filesize */ extern long filesize(const char* filename); /* * readderfromfile */ extern secstatus readderfr...
...mpt, checkpassword); case pw_fromfile: pw = filepasswd(slot, retry, pwdata->data); pwdata->source = pw_plaintext; pwdata->data = pl_strdup(pw); return pw; case pw_plaintext: return pl_strdup(pwdata->data); default: break; } pr_fprintf(pr_stderr, "password check failed: no password found.\n"); return null; } /* * generateran
dom */ secstatus generateran
dom(unsigned char *rbuf, int rsize) { char meter[] = { "\r| |" }; int fd, count; int c; secstatus rv = secsuccess; cc_t orig_cc_min; cc_t orig_cc_time; tcflag_t orig_lflag; struct termios tio; fprintf(stderr, "to gen...
...And 3 more matches
AT APIs Support
ftware and other assitive technologies can support gecko-based software.
...nome.org and play with the available sample apps and code, such as at-poke.
...ailable sample apps and code, such as at-poke.
...And 3 more matches
amIWebInstallListener
gered by websites.
...stallations are blocked.
....0 / seamonkey 2.5) method overview boolean onwebinstallblocked(in nsi
domwindow awindow, in nsiuri auri, [array, size_is(acount)] in nsivariant ainstalls, [optional] in pruint32 acount); void onwebinstalldisabled(in nsi
domwindow awindow, in nsiuri auri, [array, size_is(acount)] in nsivariant ainstalls, [optional] in pruint32 acount); boolean onwebinstallrequested(in nsi
domwindow awindow, in nsiuri auri, [array, size_is(acount)] in nsivariant ainstalls, [optional] in pruint32 acount); note: prior to gecko 8.0, all references to nsi
domwindow used in this interface were nsi
domwindowinternal.
...And 3 more matches
nsIBoxObject
pertyname); obsolete since gecko 1.9 wstring getproperty(in wstring propertyname); nsisupports getpropertyassupports(in wstring propertyname); void removeproperty(in wstring propertyname); void setproperty(in wstring propertyname, in wstring propertyvalue); void setpropertyassupports(in wstring propertyname, in nsisupports value); attributes attribute type description element nsi
domelement read only.
... wstring getproperty(in wstring propertyname); nsisupports getpropertyassupports(in wstring propertyname); void removeproperty(in wstring propertyname); void setproperty(in wstring propertyname, in wstring propertyvalue); void setpropertyassupports(in wstring propertyname, in nsisupports value); attributes attribute type description element nsi
domelement read only.
... void setproperty(in wstring propertyname, in wstring propertyvalue); void setpropertyassupports(in wstring propertyname, in nsisupports value); attributes attribute type description element nsi
domelement read only.
...And 3 more matches
nsIFeedTextConstruct
om: nsisupports last changed in gecko 1.8.1 (firefox 2 / thunderbird 2 / seamonkey 1.1) implemented by: @mozilla.org/feed-textconstruct;1, but users usually don't need to create instances of this directly.
...fox 2 / thunderbird 2 / seamonkey 1.1) implemented by: @mozilla.org/feed-textconstruct;1, but users usually don't need to create instances of this directly.
...e uri.
...And 3 more matches
Component; nsIPrefBranch
oot by using just the final portion of the preference.
...idref atype, [iid_is(atype), retval] out nsqiresult avalue); long getintpref(in string aprefname,requires gecko 54 [optional] in long adefaultvalue); long getpreftype(in string aprefname); void lockpref(in string aprefname); boolean prefhasuservalue(in string aprefname); boolean prefislocked(in string aprefname); void removeobserver(in string a
domain, in nsiobserver aobserver); void resetbranch(in string astartingat); void setboolpref(in string aprefname, in long avalue); void setcharpref(in string aprefname, in string avalue); requires gecko 58 void setstringpref(in string aprefname, in utf8string avalue); void setcomplexvalue(in string aprefname, in nsiidref atype, in nsisupports avalue); ...
... the preference which has changed, relative to the "root" of the asubject branch.
...And 3 more matches
nsIPrefBranch2
in gecko 13 this interface was merged into the nsiprefbranch interface.
... in gecko 13 this interface was merged into the nsiprefbranch interface.
... the preference which has changed, relative to the "root" of the asubject branch.
...And 3 more matches
nsISelection3
content/base/public/nsiselection3.idlscriptable please add a summary to this article.
...t/base/public/nsiselection3.idlscriptable please add a summary to this article.
...on3.idlscriptable please add a summary to this article.
...And 3 more matches
nsISyncJPAKE
aes256 encryption key and a 256 bit hmac key.
...n base64 representation.
...tring agv2, out acstring ar2 ); parameters asignerid string identifying the signer.
...And 3 more matches
nsITaskbarPreviewController
cko 1.9.2 inherits from: nsisupports last changed in gecko 1.9.2 (firefox 3.6 / thunderbird 3.1 / fennec 1.0) clients should provide their own implementation of this interface.
...irefox 3.6 / thunderbird 3.1 / fennec 1.0) clients should provide their own implementation of this interface.
...ller cannot alter these values.
...And 3 more matches
nsIWebBrowserPersist
embedding/components/webbrowserpersist/nsiwebbrowserpersist.idlscriptable interface for persisting
dom documents and uris to local or remote storage.
...g/browser/nswebbrowserpersist;1.
...tent (usually adverts).
...And 3 more matches
nsIWebProgressListener
the nsichannel interface and its loadflags attribute includes the nsichannel::load_document_uri flag.
...t define the set of possible status codes.
... amessage localized text corresponding to astatus.
...And 3 more matches
nsIXULBrowserWindow
bal xulbrowserwindow object accessible from javascript code.
...utes than those listed here, which are only the ones available to c++ code.
...onbeforelinktraversal() called before traversing a link to determine the appropriate target into which to load the link.
...And 3 more matches
XPCOM Interface Reference
letextiaccessiblehyperlinkiaccessiblehypertextiaccessibleimageiaccessiblerelationiaccessibletableiaccessibletable2iaccessibletablecelliaccessibletextiaccessiblevalueidispatchijsdebuggeramiinstallcallbackamiinstalltriggeramiwebinstallinfoamiwebinstalllisteneramiwebinstallpromptamiwebinstallerimgicacheimgicontainerimgicontainerobserverimgidecoderimgidecoderobserverimgiencoderimgiloaderimgirequestini
domutilsjsdistackframemoziasyncfaviconsmoziasynchistorymozicoloranalyzermozijssubscriptloadermozipersonaldictionarymoziplaceinfomoziplacesautocompletemoziregistrymozirepresentativecolorcallbackmozispellcheckingenginemozistorageaggregatefunctionmozistorageasyncstatementmozistoragebindingparamsmozistoragebindingparamsarraymozistoragecompletioncallbackmozistorageconnectionmozistorageerrormozistoragefunc...
...ontrollersnsiconverterinputstreamnsiconverteroutputstreamnsicookiensicookie2nsicookieacceptdialognsicookieconsentnsicookiemanagernsicookiemanager2nsicookiepermissionnsicookiepromptservicensicookieservicensicookiestoragensicrashreporternsicryptohmacnsicryptohashnsicurrentcharsetlistenernsicyclecollectorlistenernsidbchangelistenernsidbfolderinfonsidnslistenernsidnsrecordnsidnsrequestnsidnsservicensi
domcanvasrenderingcontext2dnsi
domchromewindownsi
domclientrectnsi
domdesktopnotificationnsi
domdesktopnotificationcenternsi
domelementnsi
domeventnsi
domeventgroupnsi
domeventlistenernsi
domeventtargetnsi
domfilensi
domfileerrornsi
domfileexceptionnsi
domfilelistnsi
domfilereadernsi
domfontfacensi
domfontfacelistnsi
domgeogeolocationnsi
domgeopositionnsi
domgeopositionaddressnsi
domgeopositioncallbacknsi
domgeopositionc...
...nderingcontext2dnsi
domchromewindownsi
domclientrectnsi
domdesktopnotificationnsi
domdesktopnotificationcenternsi
domelementnsi
domeventnsi
domeventgroupnsi
domeventlistenernsi
domeventtargetnsi
domfilensi
domfileerrornsi
domfileexceptionnsi
domfilelistnsi
domfilereadernsi
domfontfacensi
domfontfacelistnsi
domgeogeolocationnsi
domgeopositionnsi
domgeopositionaddressnsi
domgeopositioncallbacknsi
domgeopositioncoordsnsi
domgeopositionerrornsi
domgeopositionerrorcallbacknsi
domgeopositionoptionsnsi
domglobalpropertyinitializernsi
domhtmlaudioelementnsi
domhtmlformelementnsi
domhtmlmediaelementnsi
domhtmlsourceelementnsi
domhtmltimerangesnsi
domjswindownsi
dommousescrolleventnsi
dommoznetworkstatsnsi
dommoznetworkstatsdatansi
dommoznetworkstatsmanagernsi
dommoztoucheventnsi
domnshtmldocumentnsi
domnavigatordesktopnotificationnsi
domno...
...And 3 more matches
Building a Thunderbird extension 6: Adding JavaScript
(); var day = date.getday(); var datestring = date.getfullyear() + "." + (date.getmonth()+1) + "." + date.getdate(); mypanel.label = "date: " + datestring; } the first part registers a new event listener that will be executed automatically when thunderbird loads.
...to the month.
...l of our panel is set to "date: " and concatenated with the date string that contains the formatted date.
...And 3 more matches
Monster example - Firefox Developer Tools
this article describes a very simple web page that we'll use to illustrate some features of the memory tool.
... this article describes a very simple web page that we'll use to illustrate some features of the memory tool.
... web page that we'll use to illustrate some features of the memory tool.
...And 3 more matches
BlobBuilder - Web APIs
ur blob, call getblob() to retrieve a blob containing the data you sent into the blob builder.
...ning the data you sent into the blob builder.
...e blob builder.
...And 3 more matches
ByteLengthQueuingStrategy - Web APIs
dsafari on iossamsung internetbytelengthqueuingstrategy experimentalchrome full support 59edge full support 16firefox full support 57disabled full support 57disabled disabled from version 57: this feature is behind the
dom.streams.enabled preference (needs to be set to true) and the javascript.options.streams preference (needs to be set to true).
...46safari ?
... 7.0bytelengthqueuingstrategy() constructor experimentalchrome full support 59edge full support 16firefox full support 57disabled full support 57disabled disabled from version 57: this feature is behind the
dom.streams.enabled preference (needs to be set to true) and the javascript.options.streams preference (needs to be set to true).
...And 3 more matches
ChildNode.after() - Web APIs
the childnode.after() method inserts a set of node or
domstring objects in the children list of this childnode's parent, just after this childnode.
... the childnode.after() method inserts a set of node or
domstring objects in the children list of this childnode's parent, just after this childnode.
... the childnode.after() method inserts a set of node or
domstring objects in the children list of this childnode's parent, just after this childnode.
...And 3 more matches
ChildNode.before() - Web APIs
the childnode.before() method inserts a set of node or
domstring objects in the children list of this childnode's parent, just before this childnode.
... the childnode.before() method inserts a set of node or
domstring objects in the children list of this childnode's parent, just before this childnode.
... the childnode.before() method inserts a set of node or
domstring objects in the children list of this childnode's parent, just before this childnode.
...And 3 more matches
Comment - Web APIs
as no specific property, but inherits those of its parent, characterdata, and indirectly those of node.
... returns a comment object with the parameter as its textual content.
...ose of its parent, characterdata, and indirectly those of node.
...And 3 more matches
CountQueuingStrategy - Web APIs
ndroidsafari on iossamsung internetcountqueuingstrategy experimentalchrome full support 59edge full support 16firefox full support 57disabled full support 57disabled disabled from version 57: this feature is behind the
dom.streams.enabled preference (needs to be set to true) and the javascript.options.streams preference (needs to be set to true).
...46safari ?
... 7.0countqueuingstrategy() constructor experimentalchrome full support 59edge full support 16firefox full support 57disabled full support 57disabled disabled from version 57: this feature is behind the
dom.streams.enabled preference (needs to be set to true) and the javascript.options.streams preference (needs to be set to true).
...And 3 more matches
Crypto - Web APIs
the crypto interface represents basic cryptography features available in the current context.
...rypto interface represents basic cryptography features available in the current context.
...web crypto api is accessed through the window.crypto property, which is a crypto object.
...And 3 more matches
Element.getAttribute() - Web APIs
(attributename); where attribute is a string containing the value of attributename.
...when called on an html element in a
dom flagged as an html document, getattribute() lower-cases its argument before proceeding.
...gged as an html document, getattribute() lower-cases its argument before proceeding.
...And 3 more matches
EventTarget - Web APIs
eventtarget is a
dom interface implemented by objects that can receive events and may have listeners for them.
... event type on the eventtarget.
...moves an event listener from the eventtarget.
...And 3 more matches
FileSystemDirectoryEntry - Web APIs
ull support yesgetdirectory experimentalchrome full support 8edge full support 79firefox full support 50notes full support 50notes notes in firefox, the errorcallback's input parameter is a
domexception rather than a fileerror object.ie no support noopera no support nosafari full support 11.1webview android full support ≤37chrome android full support 18firefox and...
...port 11.1webview android full support ≤37chrome android full support 18firefox android full support 50notes full support 50notes notes in firefox, the errorcallback's input parameter is a
domexception rather than a fileerror object.opera android no support nosafari ios full support 11.3samsung internet android full support yesgetfile experimentalchrome full support 8edge full support ...
... full support yesgetfile experimentalchrome full support 8edge full support 79firefox full support 50notes full support 50notes notes in firefox, the errorcallback's input parameter is a
domexception rather than a fileerror object.ie no support noopera no support nosafari full support 11.1webview android full support ≤37chrome android full support 18firefox and...
...And 3 more matches
HTMLBaseElement - Web APIs
ill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="416" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmlbaseelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement.
...space" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmlbaseelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement.
... specification status comment html living standardthe definition of 'htmlbaseelement' in that specification.
...And 3 more matches
HTMLEmbedElement - Web APIs
#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="411" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmlembedelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement.
...svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement.
...ement.
...And 3 more matches
HTMLKeygenElement - Web APIs
ement interface, which provides special properties and methods (beyond the regular element object interface they also have available to them by inheritance) for manipulating the layout and presentation of keygen elements.
...s the autofocus html attribute, indicating that the form control should have input focus when the page loads.
...mitted key.
...And 3 more matches
HTMLModElement - Web APIs
fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="421" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmlmodelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement.
...no,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmlmodelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement.
...ining a date-and-time string representing a timestamp for the change.
...And 3 more matches
HTMLOrForeignElement.dataset - Web APIs
the dataset read-only property of the htmlorforeignelement interface provides read/write access to all the custom data attributes (data-*) set on the element.
... the dataset read-only property of the htmlorforeignelement interface provides read/write access to all the custom data attributes (data-*) set on the element.
... the dataset read-only property of the htmlorforeignelement interface provides read/write access to all the custom data attributes (data-*) set on the element.
...And 3 more matches
HTMLOutputElement - Web APIs
" 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">htmloutputelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties this interface also inherits properties from its parent, htmlelement.
...properties this interface also inherits properties from its parent, htmlelement.
...ontrol, reflecting the form html attribute if it is defined.
...And 3 more matches
Node.previousSibling - Web APIs
<img id="b0"> console.log(document.getelementbyid("b2").previoussibling.id); // "b1" notes gecko-based browsers insert text nodes into a document to represent whitespace in the source markup.
...> console.log(document.getelementbyid("b2").previoussibling.id); // "b1" notes gecko-based browsers insert text nodes into a document to represent whitespace in the source markup.
...le, using node.firstchild or node.previoussibling may refer to a whitespace text node rather than the actual element the author intended to get.
...And 3 more matches
Node.removeChild() - Web APIs
the node.removechild() method removes a child node from the
dom and returns the removed node.
... the node.removechild() method removes a child node from the
dom and returns the removed node.
...) method removes a child node from the
dom and returns the removed node.
...And 3 more matches
ParentNode - Web APIs
the parentnode mixin contains methods and properties that are common to all types of node objects that can have children.
...of its non-element nodes.
...ad only returns the first node which is both a child of this parentnode and is also an element, or null if there is none.
...And 3 more matches
RTCIceCandidateStats.address - Web APIs
the address property of the rtcicecandidatestats dictionary indicates the address of the ice candidate.
... the address property of the rtcicecandidatestats dictionary indicates the address of the ice candidate.
... the address property of the rtcicecandidatestats dictionary indicates the address of the ice candidate.
...And 3 more matches
RTCPeerConnection.setIdentityProvider() - Web APIs
the rtcpeerconnection.setidentityprovider() method sets the identity provider (idp) to the triplet given in parameter: its name, the protocol used to communicate with it (optional) and an optional username.
...y provider (idp) to the triplet given in parameter: its name, the protocol used to communicate with it (optional) and an optional username.
...to the triplet given in parameter: its name, the protocol used to communicate with it (optional) and an optional username.
...And 3 more matches
Range - Web APIs
f the range.
...ating whether the point occurs before, inside, or after the range.
... returns a list of
domrect objects that aggregates the results of element.getclientrects() for all the elements in the range.
...And 3 more matches
SVGStyleElement - Web APIs
y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgstyleelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties this interface also inherits properties from its parent interface, svgelement and implements properties from linkstyle.
...ext-anchor="middle" alignment-baseline="middle">svgstyleelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties this interface also inherits properties from its parent interface, svgelement and implements properties from linkstyle.
...s properties from its parent interface, svgelement and implements properties from linkstyle.
...And 3 more matches
SVGTransform - Web APIs
the rotation is around the center point (0, 0), e and f will be zero.
...ied.
...anslation amounts.
...And 3 more matches
Text - Web APIs
div> a:hover text { fill: #0095dd; pointer-events: all;} constructor text() returns a text node with the parameter as its textual content.
...tmlslotelement representing the <slot> the node is inserted in.
...t breaks the node into two nodes at a specified offset.
...And 3 more matches
TextTrack - Web APIs
rackcuelist object listing the currently active set of text track cues.
...texttrack.cues read only a texttrackcuelist which contains all of the track's cues.
...h identifies the track, if it has one.
...And 3 more matches
URL - Web APIs
your target browsers require this to be prefixed.
... returns a url object referencing the url specified using an absolute url string, or a relative url string and a base url string.
... by the fragment identifier of the url.
...And 3 more matches
ValidityState.typeMismatch - Web APIs
by the element's type attribute.
... the type attribute expects specific strings, such as the email and url types and the value don't doesn't conform to the constraints set by the type, the typemismatch property will be true.
...
domain.
...And 3 more matches
Raining rectangles - Web APIs
sition[1] ]; if ( diffpos[0] >= 0 && diffpos[0] < rainingrect.size[0] && diffpos[1] >= 0 && diffpos[1] < rainingrect.size[1] ) { score += 1; scoredisplay.innerhtml = score; rainingrect = new rectangle(); } } function rectangle () { // keeping a reference to the new rectangle object, rather // than using the confusing this keyword.
...} function rectangle () { // keeping a reference to the new rectangle object, rather // than using the confusing this keyword.
...sition.
...And 3 more matches
Advanced techniques: Creating and sequencing audio - Web APIs
ntrols, which allow you to manipulate the effects or parameters particular to each technique we are using to create those voices.
... amp = audioctx.creategain(); amp.gain.setvalueattime(1, audioctx.currenttime); let lfo = audioctx.createoscillator(); lfo.type = 'square'; lfo.frequency.setvalueattime(lfohz, audioctx.currenttime); lfo.connect(amp.gain); osc.connect(amp).connect(audioctx.destination); lfo.start(); osc.start(); osc.stop(audioctx.currenttime + pulsetime); } the "noise" — ran
dom noise buffer with biquad filter now we need to make some noise!
...reateoscillator(); lfo.type = 'square'; lfo.frequency.setvalueattime(lfohz, audioctx.currenttime); lfo.connect(amp.gain); osc.connect(amp).connect(audioctx.destination); lfo.start(); osc.start(); osc.stop(audioctx.currenttime + pulsetime); } the "noise" — ran
dom noise buffer with biquad filter now we need to make some noise!
...And 3 more matches
Using the Web Storage API - Web APIs
etection should take these scenarios into account.
... catch(e) { return e instanceof
domexception && ( // everything except firefox e.code === 22 || // firefox e.code === 1014 || // test name field too, because code might not be present // everything except firefox e.name === 'quotaexceedederror' || // firefox e.name === 'ns_error_
dom_quota_reached') && // acknowledge quotaexceedederror only if there's something already stored (storage && storage.length !== 0); } } and here is how you would use it: if (storageavailable('localstorage')) { // yippee!
...nchange = populatestorage; fontform.onchange = populatestorage; imageform.onchange = populatestorage; responding to storage changes with the storageevent the storageevent is fired whenever a change is made to the storage object (note that this event is not fired for sessionstorage changes).
...And 3 more matches
Window.customElements - Web APIs
schrome full support 54edge full support 79firefox full support 63 full support 63 no support 59 — 63disabled disabled from version 59 until version 63 (exclusive): this feature is behind the
dom.webcomponents.customelements.enabled preference (needs to be set to true).
... 63 no support 59 — 63disabled disabled from version 59 until version 63 (exclusive): this feature is behind the
dom.webcomponents.customelements.enabled preference (needs to be set to true).
...ed from version 59 until version 63 (exclusive): this feature is behind the
dom.webcomponents.customelements.enabled preference (needs to be set to true).
...And 3 more matches
How to check the security state of an XMLHTTPRequest over SSL - Web APIs
ficate, ssl(4) errname = 'securitybadcertificateerror'; break; case 8: // ssl_error_unsupported_certificate_type, ssl(8) errname = 'securityunsupportedcertificatetypeerror'; break; case 9: // ssl_error_unsupported_version, ssl(9) errname = 'securityunsupportedtlsversionerror'; break; case 12: // ssl_error_bad_cert_
domain, ssl(12) errname = 'securitycertificate
domainmismatcherror'; break; default: errname = 'securityerror'; break; } } } else { errtype = 'network'; switch (status) { // connect to host:port failed case 0x804b000c: // ns_error_connection_refused, network(13) errname = 'connectionrefusederror'; break; ...
...st:port failed case 0x804b000c: // ns_error_connection_refused, network(13) errname = 'connectionrefusederror'; break; // network timeout error case 0x804b000e: // ns_error_net_timeout, network(14) errname = 'networktimeouterror'; break; // hostname lookup failed case 0x804b001e: // ns_error_unknown_host, network(30) errname = '
domainnotfounderror'; break; case 0x804b0047: // ns_error_net_interrupt, network(71) errname = 'networkinterrupterror'; break; default: errname = 'networkerror'; break; } } // xxx we have no tcperror implementation right now because it's really hard to // do on b2g18.
...otfounderror'; break; case 0x804b0047: // ns_error_net_interrupt, network(71) errname = 'networkinterrupterror'; break; default: errname = 'networkerror'; break; } } // xxx we have no tcperror implementation right now because it's really hard to // do on b2g18.
...And 3 more matches
Using XMLHttpRequest - Web APIs
hese tell the client making the xmlhttprequest important information about the status of the response.
...lhttprequest to get the content of a remote xml document, the responsexml property will be a
dom object containing a parsed xml document.
...ml webpage, the responsetext property is a string containing the raw html.
...And 3 more matches
ARIA: cell role - Accessibility
lls in the corresponding row.
...anned by the cell.
... takes as its value an integer between 1 and the total number of columns within the table, grid or treegrid.
...And 3 more matches
@document - CSS: Cascading Style Sheets
tyle sheets, too.
...com/") { h1 { color: green; } } syntax an @document rule can specify one or more matching functions.
...: green; } } syntax an @document rule can specify one or more matching functions.
...And 3 more matches
Public-Key-Pins-Report-Only - HTTP
ate transparency and the expect-ct header instead.
...ng is the base64 encoded subject public key information (spki) fingerprint.
... multiple pins for different public keys.
...And 3 more matches
Public-Key-Pins - HTTP
ver, it has been removed from modern browsers and is no longer supported.
...>" the quoted string is the base64 encoded subject public key information (spki) fingerprint.
...possible to specify multiple pins for different public keys.
...And 3 more matches
Memory Management - JavaScript
2; } // allocates a function (which is a callable object) // function expressions also allocate an object someelement.addeventlistener('click', function() { someelement.style.backgroundcolor = 'blue'; }, false); allocation via function calls some function calls result in object allocation.
...eference pointing to them, resulting in neither of them being marked for garbage collection.
...turn 'azerty'; } f(); real-life example internet explorer 6 and 7 are known to have reference-counting garbage collectors for
dom objects.
...And 3 more matches
Performance fundamentals - Web Performance
sted 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.
...pp is all that matters, and there's a "critical path" to each user-perceived event above.
...ed event above.
...And 3 more matches
Structural overview of progressive web apps - Progressive web apps (PWAs)
+= entry; }; document.getelementbyid('content').innerhtml = content; then it registers a service worker: if ("serviceworker" in navigator) { navigator.serviceworker.register("/pwa-examples/js13kpwa/sw.js"); } after that, the app adds a handler for clicks on a button whose id is notifications; this handler requests permission to send notifications to the user, then generates and sends a ran
dom notification.
...r that, the app adds a handler for clicks on a button whose id is notifications; this handler requests permission to send notifications to the user, then generates and sends a ran
dom notification.
... a button whose id is notifications; this handler requests permission to send notifications to the user, then generates and sends a ran
dom notification.
...And 3 more matches
XPath snippets - XPath
this article provides some xpath code snippets—simple examples of how to a few simple utility functions based on standard interfaces from the
dom level 3 xpath specification that expose xpath functionality to javascript code.
...es of how to a few simple utility functions based on standard interfaces from the
dom level 3 xpath specification that expose xpath functionality to javascript code.
...n your own code.
...And 3 more matches
content/loader - Archive of obsolete content
by the contentscript property.
...t property.
...nt scripts specified by this property are loaded after those specified by the contentscriptfile property.
...And 2 more matches
core/namespace - Archive of obsolete content
provides an api for creating namespaces for objects, which effectively may be used for creating fields that are not part of objects public api.
..., which effectively may be used for creating fields that are not part of objects public api.
...e('sdk/core/namespace'); let anamespace = ns(); anamespace(publicapi).secret = secret; one namespace may be used with multiple objects: let { ns } = require('sdk/core/namespace'); let
dom = ns(); function view(element) { let view = object.create(view.prototype);
dom(view).element = element; // ....
...And 2 more matches
On page load - Archive of obsolete content
ppcontent element (browsers) or messagepane (mail): window.addeventlistener("load", function load(event){ window.removeeventlistener("load", load, false); //remove listener, no longer needed myextension.init(); },false); var myextension = { init: function() { var appcontent = document.getelementbyid("appcontent"); // browser if(appcontent){ appcontent.addeventlistener("
domcontentloaded", myextension.onpageload, true); } var messagepane = document.getelementbyid("messagepane"); // mail if(messagepane){ messagepane.addeventlistener("load", function(event) { myextension.onpageload(event); }, true); } }, onpageload: function(aevent) { var doc = aevent.originaltarget; // doc is document that triggered "onload" event // do something wit...
...you can use the "pagehide" event like this: appcontent.addeventlistener("pagehide", myextension.onpageunload, false); for appcontent and similarly for messagepane messagepane.addeventlistener("pagehide", myextension.onpageunload, false); and add your code to onpageunload method.
...eunload, false); for appcontent and similarly for messagepane messagepane.addeventlistener("pagehide", myextension.onpageunload, false); and add your code to onpageunload method.
...And 2 more matches
JavaScript Daemons Management - Archive of obsolete content
************ * daemon is now ready!
...build letters list // http://tyleregeto.com/text-animation-in-javascript this.textcontent = ""; aletters.length = 0; for (var ospan, oletter, nletter = 0, nlen = stext.length; nletter < nlen; nletter++) { ospan = document.createelement("span"); ospan.textcontent = stext[nletter]; oletter = { "elem": ospan, "parent": this }; aletters.push(oletter); oletter.pos = math.ran
dom() * 50; oletter.elem.style.position = "relative"; this.appendchild(ospan); } } var nmaxdist = 25, aletters = [], stext = "do you feel lucky, punk?", orecompose = new daemon(document.createelement("p"), perform, 33, 30, prepare); onload = function () { orecompose.owner.id = "perform-me"; document.body.appendchild(orecompose.owner); orecompose.play(); }; </script> <style typ...
...letter, nletter = 0; nletter < this.letters.length; nletter++) { oletter = this.letters[nletter]; if (nlength < nindex && this.clock + this.delta < this.interval) { clock += this.delta; return; } this.clock = 0; oletter.elem.textcontent = nindex / nlength - oletter.index / this.numletters >= 0 ?
...And 2 more matches
Adding Events and Commands - Archive of obsolete content
« previousnext » event handlers just like with html, most javascript code execution is triggered by event handlers attached to
dom elements.
...bute("label", somenewgreeting); } the target in this example is the button element, so clicking on it will change its text.
...phase where you want to handle an event, with the last argument of the function.
...And 2 more matches
Index of archived content - Archive of obsolete content
add-ons add-on sdk builder guides content scripts communicating with other scripts communicating using "port" communicating using "postmessage" cross-
domain content scripts interacting with page scripts loading content scripts reddit example port self contributor's guide classes and inheritance content processes getting started mo...
...kies customizing the download progress bar delayed execution dialogs and prompts downloading files drag & drop embedding svg examples and demos from articles file i/o finding window handles forms related code snippets html in xul for rich tooltips html to
dom isdefaultnamespace js xpcom javascript debugger service javascript timers javascript daemons management label and description lookupnamespaceuri lookupprefix miscellaneous modules on page load page ...
...and commands adding toolbars and toolbar buttons adding menus and submenus adding sidebars adding windows and dialogs appendix a: add-on performance appendix b: install and uninstall scripts appendix c: avoiding using eval in add-ons appendix d: loading scripts appendix e:
dom building and insertion (html & xul) appendix f: monitoring
dom changes connecting to remote content custom xul elements with xbl getting started with firefox extensions handling preferences intercepting page loads introduction javascript object management local storage ...
...And 2 more matches
Using XML Data Islands in Mozilla - Archive of obsolete content
ttp://example.mozilla.org/purchaseorderml"> <lineitem> <name>line item 1</name> <price>1.25</price> </lineitem> <lineitem> <name>line item 2</name> <price>2.48</price> </lineitem> </purchaseorder> </script> the xml source text can then be retrieved like this: var ordersource = document.getelementbyid("purchase-order").textcontent; the xml source text can be parsed into a
dom tree using the
domparser api: var parser = new
domparser(); var doc = parser.parsefromstring(ordersource, "application/xml"); the html5 data block-based way shown here works in firefox, opera, webkit-based browsers such as chrome and safari, and ie9 while ie's xml data islands work only in ie.
...pe="application/xml"> <purchaseorder xmlns="http://example.mozilla.org/purchaseorderml"> <lineitem> <name>line item 1</name> <price>1.25</price> </lineitem> <lineitem> <name>line item 2</name> <price>2.48</price> </lineitem> </purchaseorder> </script> <script> function rundemo() { var ordersource = document.getelementbyid("purchase-order").textcontent; var parser = new
domparser(); var doc = parser.parsefromstring(ordersource, "application/xml"); var lineitems = doc.getelementsbytagnamens("http://example.mozilla.org/purchaseorderml", "lineitem"); var firstprice = lineitems[0].getelementsbytagnamens("http://example.mozilla.org/purchaseorderml", "price")[0].textcontent; document.body.textcontent = "the purchase order contains " + lineitems.length + " line ite...
...var firstprice = lineitems[0].getelementsbytagnamens("http://example.mozilla.org/purchaseorderml", "price")[0].textcontent; document.body.textcontent = "the purchase order contains " + lineitems.length + " line items.
...And 2 more matches
Box Objects - Archive of obsolete content
etween content and layout nodes.
...ular element.
... oncommand="showpositionandsize();"/> <label id="thelabel" value="i am a label"/> note that if you hide and collapse the label, it will be treated as hidden.
...And 2 more matches
menu - Archive of obsolete content
e: string the label that will appear on the element.
...ears.
...moveitemat( index ) return type: element removes the child item in the element at the specified index.
...And 2 more matches
menupopup - Archive of obsolete content
t_after, start_before, overlap, at_pointer or after_pointer.
... after_pointer.
...es are possible: closed: the popup is closed and not visible.
...And 2 more matches
prefpane - Archive of obsolete content
d.
...pe: image url gets and sets the value of the image attribute.
...e:
dom nodelist holds a list of the preference elements in the pane.
...And 2 more matches
NPP_NewStream - Archive of obsolete content
npstream* stream, npbool seekable, uint16* stype); parameters the function has the following parameters: instance pointer to current plug-in instance.
... type pointer to mime type of the stream.
... of these values, see directions in this section.
...And 2 more matches
Introduction to Public-Key Cryptography - Archive of obsolete content
ple, a server might require a user to type a name and password before granting access to the server.
...dentified user is permitted to access the requested resource, and if so allows the client to access it.
... the first three steps in figure 4 with a mechanism that allows the user to supply just one password (which is not sent across the network) and allows the administrator to control user authentication centrally.
...And 2 more matches
Common Firefox theme issues and solutions - Archive of obsolete content
sites but not on insecure sites.
...://mozapps/skin/extensions/extensions.svg#greyscale"); opacity:0.3; } about:memory about:memory nodes do not collapse the styling of about:memory is a little messed up in that nodes do not collapse as they should when clicked on.
...; opacity:0.3; } about:memory about:memory nodes do not collapse the styling of about:memory is a little messed up in that nodes do not collapse as they should when clicked on.
...And 2 more matches
Developing cross-browser and cross-platform pages - Archive of obsolete content
mentbyid(id_attribute_value).style ) { document.getelementbyid(id_attribute_value).style.visibility = "hidden"; }; } // example: // <button type="button" onclick="hideelement('d1');">hide div</button> // <div id="d1">some text</div> these repeated calls to document.getelementbyid are not the most efficient way to check for the existence of particular objects or features in the browser's
dom implementation, but they serve to illustrate clearly how object support detection works.
...ment.getelementbyid are not the most efficient way to check for the existence of particular objects or features in the browser's
dom implementation, but they serve to illustrate clearly how object support detection works.
...urns a reference to an existing element, which it then checks for a style object.
...And 2 more matches
Summary of Changes - Archive of obsolete content
non-standard embed html 4.01 object deprecated applet html 4.01 object non-standard marquee html 4.01 div plus scripting non-standard bgsound html 4.01 object proprietary or deprecated feature w3c feature or recommended replacement ie5+ id_attribute_value document.all.id_attribute_value document.all[id_attribute_value]
dom level 2: document.getelementbyid(id_attribute_value) ie5+ formname.inputname.value
dom level 1: document.forms["formname"].inputname.value ie5+ inputname.value
dom level 1: document.forms["formname"].inputname.value ie5+ formctrlname
dom level 1: document.forms["formname"].formctrlname ie5+ document.forms(0)
dom level 1: ...
... ie5+ formname.inputname.value
dom level 1: document.forms["formname"].inputname.value ie5+ inputname.value
dom level 1: document.forms["formname"].inputname.value ie5+ formctrlname
dom level 1: document.forms["formname"].formctrlname ie5+ document.forms(0)
dom level 1: document.forms[0] ie elemref.innertext
dom level 1 (core) interface we could introduce
dom 3 core textcontent attribute here which is supported by mozilla 1.5+ and is a perfect equivalent to innertext.
... ie5+ formctrlname
dom level 1: document.forms["formname"].formctrlname ie5+ document.forms(0)
dom level 1: document.forms[0] ie elemref.innertext
dom level 1 (core) interface we could introduce
dom 3 core textcontent attribute here which is supported by mozilla 1.5+ and is a perfect equivalent to innertext.
...And 2 more matches
RDF in Mozilla FAQ - Archive of obsolete content
mpler, even if more verbose -- and then treat the "simple" form as a shorthand for the extended form.) what can i build with a xul template?
... is to use the w3c
dom apis to build up and manipulate a xul (or html) content model.
...s.only.xul"> ...
...And 2 more matches
Client-side form validation - Learn web development
if you want to take control over the look and feel of native error messages or to deal with legacy browsers that do not support html's built-in form validation.
...a <span> element.
...} input:focus:invalid { outline: none; } /* this is the style of our error messages */ .error { width : 100%; padding: 0; font-size: 80%; color: white; background-color: #900; border-radius: 0 0 5px 5px; box-sizing: border-box; } .error.active { padding: 0.3em; } now lets look at the javascript that implements the custom error validation.
...And 2 more matches
Build your own function - Learn web development
nst msg = document.createelement('p'); msg.textcontent = 'this is a message box'; panel.appendchild(msg); const closebtn = document.createelement('button'); closebtn.textcontent = 'x'; panel.appendchild(closebtn); closebtn.onclick = function() { panel.parentnode.removechild(panel); } this is quite a lot of code to go through, so we'll walk you through it bit by bit.
...{ panel.parentnode.removechild(panel); } this is quite a lot of code to go through, so we'll walk you through it bit by bit.
...<html> element and store a reference to it in a constant called html, so we can do things to it later on: const html = document.queryselector('html'); the next section uses another
dom api function called document.createelement() to create a <div> element and store a reference to it in a constant called panel.
...And 2 more matches
What is web performance? - Learn web development
es the application feel reliable and pleasurable to use?
...tion, optimizing where possible, and then monitoring the performance, to ensure that what you've optimized stays optimized.
...ment once the files have been downloaded from the server.
...And 2 more matches
Ember app structure and componentization - Learn web development
previous overview: client-side javascript frameworks next in this article we'll get right on with planning out the structure of our to
domvc ember app, adding in the html for it, and then breaking that html structure into components.
...core html, css, and javascript languages, and have knowledge of the terminal/command line.
... be extremely beneficial, as ember makes heavy use of them.
...And 2 more matches
Eclipse CDT
arse errors in the source files displayed in eclipse.
...e "parse once" strategy is that the compiler options for the original source file may ifdef out sections of the header, that would not be ifdef'ed out - and in fact are required by - source files in other parts of the tree.
...s define is in ns
domclassinfoid.h, which is included via the following include chain: content/svg/content/src/nssvgellipseelement.cpp content/svg/content/src/nssvgpathgeometryelement.h content/svg/content/src/nssvggraphicelement.h content/svg/content/src/nssvgstylableelement.h content/svg/content/src/nssvgelement.h content/base/src/nsgenericelement.h obj-debug/dist/include/ns
domclassinfoid.h in ns
domclassinfoid.h the ns_
dom_interface_map_entry_classinfo define is behind an |ifdef _impl_ns_layout|.
...And 2 more matches
Frame script loading and lifetime
ser tab and not with a page.
...a page.
...u load them, they will stay loaded until the tab is closed, even if you reload the document or navigate.
...And 2 more matches
mozbrowsermetachange
meta> element related to web applications is added, removed or changed.
... type read only
domstring the type of event.
... cancelable read only boolean whether the event is cancellable or not.
...And 2 more matches
mozbrowsershowmodalprompt
en the content of a browser <iframe> calls the window.alert(), window.confirm(), or window.prompt() methods.
... type read only
domstring the type of event.
... whether the event normally bubbles or not.
...And 2 more matches
PBackground
ee.
...nd thread, while the child side is on the thread that chooses to use pbackground.
...les indexeddb was rebuilt on top of pbackground last year.
...And 2 more matches
API-provided widgets
in private browsing mode (optional, default: true) event handlers you can also define several event handlers which will be called at various stages in a widget's lifetime: event handler name description onbuild(adoc) only useful for custom widgets (and required there); a function that will be invoked with the document in which to build a widget.
...: true) event handlers you can also define several event handlers which will be called at various stages in a widget's lifetime: event handler name description onbuild(adoc) only useful for custom widgets (and required there); a function that will be invoked with the document in which to build a widget.
...nction that will be invoked with the document in which to build a widget.
...And 2 more matches
about:memory
, so you can copy and paste some or all of this text into any kind of text buffer.
......
...avascript window objects, which includes the browser tabs and ui windows.
...And 2 more matches
Preference reference
accessibility.tabfocusthe preference accessibility.tabfocus controls what elements receive focus when the user presses the tab key.browser.altclicksavethe preference browser.altclicksave controls whether clicking a link while holding the alt key starts the download of that link.browser.
dom.window.dump.enabledthis setting enables the dump function, which sends messages to the system console.
...focus controls what elements receive focus when the user presses the tab key.browser.altclicksavethe preference browser.altclicksave controls whether clicking a link while holding the alt key starts the download of that link.browser.
dom.window.dump.enabledthis setting enables the dump function, which sends messages to the system console.
... receive focus when the user presses the tab key.browser.altclicksavethe preference browser.altclicksave controls whether clicking a link while holding the alt key starts the download of that link.browser.
dom.window.dump.enabledthis setting enables the dump function, which sends messages to the system console.
...And 2 more matches
NSS Key Log Format
butors can re-enable it at compile time though (using the nss_allow_sslkeylogfile=1 make variable) which is done for the official firefox binaries.
... make variable) which is done for the official firefox binaries.
...h is done for the official firefox binaries.
...And 2 more matches
NSS 3.37 release notes
nss allows servers now to register alpn handling callbacks to select a protocol.
...upports opening sql databases in read-only mode.
...nux/unix platform was available (bug 1346735), which performed seeding exclusively based on /dev/uran
dom.
...And 2 more matches
NSS sources building testing
ts will start tcp/ip server tools on your computer, and in order for that to work, the nss test suite needs to know which hostname can be used by client tools to connect to the server tools.
...t tcp/ip server tools on your computer, and in order for that to work, the nss test suite needs to know which hostname can be used by client tools to connect to the server tools.
...to the server tools.
...And 2 more matches
PKCS11 FAQ
sociated with it.
...abel :certificate label .
...ique and meaningful to the user, and that eachcertificate label should be unique to the token.
...And 2 more matches
PKCS11 Implement
s doesn't currently use the ckf_hw_slot flag.
...c_verify ckm_rsa_pkcs ckm_dsa c_verifyrecover ckm_rsa_pkcs c_generatekey c_generatekeypair (if token is read/write)c_generatekeypair (if token is read/write) c_generatekeypair (if token is read/write)c_generatekeypair (if token is read/write) c_wrapkey c_unwrapkey ckm_rsa_pkcs c_unwrapkey ckm_rsa_pkcs c_unwrapkey ckm_rsa_pkcs c_unwrapkey ckm_rsa_pkcs c_generateran
dom c_save (when token runs out of sessions) c_restore (when token runs out of sessions) external key tokens need to support c_decrypt and c_sign.
...to type long pathnames, make sure your module is not buried too deeply.
...And 2 more matches
FIPS mode of operation
t fc_signrecover signature and mac verification functions these functions support dsa, rsa, ecdsa, and hmac.
...l-function cryptographic functions fc_digestencryptupdate fc_decryptdigestupdate fc_signencryptupdate fc_decryptverifyupdate key management functions fc_generatekey: dsa
domain parameters (pqg) fc_generatekeypair: dsa, rsa, and ecdsa.
...stencryptupdate fc_decryptdigestupdate fc_signencryptupdate fc_decryptverifyupdate key management functions fc_generatekey: dsa
domain parameters (pqg) fc_generatekeypair: dsa, rsa, and ecdsa.
...And 2 more matches
NSS functions
try in the old ssl reference.
...n definition, prototype definition, and source code references.
...nd later cert_getclassicocspenabledhardfailurepolicy mxr 3.12 and later cert_getclassicocspenabledsoftfailurepolicy mxr 3.12 and later cert_getcommonname mxr 3.2 and later cert_getcountryname mxr 3.2 and later cert_getdbcontentversion mxr 3.2 and later cert_getdefaultcertdb mxr 3.2 and later cert_get
domaincomponentname mxr 3.2 and later cert_getfirstemailaddress mxr 3.7 and later cert_getlocalityname mxr 3.2 and later cert_getnextemailaddress mxr 3.7 and later cert_getnextgeneralname mxr 3.10 and later cert_getnextnameconstraint mxr 3.10 and later cert_getocspresponsestatus mxr 3.6 and later ...
...And 2 more matches
NSS tools : certutil
the -l command option lists all of the certificates listed in the certificate database.
...tes listed in the certificate database.
... certificate nickname trust attri butes ssl,s/mime, jar/xpi ca administrator of instance pki-ca1's example
domain id u,u,u tps administrator's example
domain id u,u,u google internet authority ,, certificate authority - example
domain ct,c,c using additional arguments with -l can return and print the information for a single, specific certificate.
...And 2 more matches
NSS tools : modutil
st in quotation marks if it contains spaces.
...ion marks if it contains spaces.
...pplying all of the information through modutil directly or by running a jar file and install script.
...And 2 more matches
certutil
icates the -l command option lists all of the certificates listed in the certificate database.
... certificates listed in the certificate database.
...sdb certificate nickname trust attributes ssl,s/mime,jar/xpi ca administrator of instance pki-ca1's example
domain id u,u,u tps administrator's example
domain id u,u,u google internet authority ,, certificate authority - example
domain ct,c,c using additional arguments with -l can return and print the information for a single, specific certificate.
...And 2 more matches
NSS tools : modutil
module becomes a default provider for the listed mechanisms when those mechanisms are enabled.
...t provider for the listed mechanisms when those mechanisms are enabled.
...ll of the information through modutil directly or by running a jar file and install script.
...And 2 more matches
WebReplayRoadmap
this will update the console whenever the log point's location executes in the future.
...b, however, this will update the console with messages for every time the location has ever been hit.
...ne and can be seeked to in the same way as other console messages.
...And 2 more matches
Places utilities for JavaScript
showfolderproperties(int aid); boolean showaddfolderui(string atitle, int adefaultinsertionpoint, boolean ashowpicker); array object getannotationsforuri(nsiuri auri); array object getannotationsforitem(int aitemid); void setannotationsforuri(nsiuri auri, object aannos); void setannotationsforuri(int aitemid, object aannos); getviewfornode(nsi
domnode anode); void markpageastyped(string aurl); void markpageasfollowedbookmark(string aurl); boolean checkurlsecurity(nsinavhistoryresultnode aurinode); string getquerystringforfolder(int afolderid); string getdescriptionfromdocument(nsi
domdocument doc); string setpostdataforbookmark(int aboomarkid, string apostdata); string getpostda...
...dpostdataforkeyword(string akeyword); string getitemdescription(int aitemid); nsinavhistoryresultnode getmostrecentbookmarkforuri(nsiuri auri); nsinavhistoryresultnode getmostrecentfolderforfeeduri(nsiuri auri); nsinavhistoryresultnode geturlsforcontainernode(nsinavhistoryresultnode anode); void opencontainernodeintabs(nsinavhistoryresultnode anode, nsi
domevent aevent); void openurinodesintabs(array nsinavhistoryresultnode anodes, nsi
domevent aevent); void createmenuitemfornode(nsinavhistoryresultnode anode, acontainersmap); constants mimetypes type_x_moz_place_container type_x_moz_place_separator: "text/x-moz-place-separator", type_x_moz_place: "text/x-moz-place", type_x_moz_url: "text/x-moz-url", type_html: "text/...
... array object aannos) parameters aitemid the identifier of the item for which annotations are to be set aannotations array of objects, each containing the following properties: name, flags, expires, type, mimetype (only used for binary annotations) value.
...And 2 more matches
Starting WebLock
xpidl (see xpidl and type libraries for more information about xpidl) to define the interface to the component: how the functionality should be organized, expressed, and exposed to its clients.
...le listbox of all sites in the white list.
... manager and call unlock or lock.
...And 2 more matches
XPCOM hashtable guide
time-consuming o(1): adding and removing items from hashtables is a quick operation wasted space: none: arrays are packed structures, so there is no wasted space.
...lementation, hashtables take the key and apply a mathematical hash function to ran
domize the key and then use the hash to find the location in the hashtable.
... or if too much space has been allocated.
...And 2 more matches
Detailed XPCOM hashtable guide
time-consuming o(1): adding and removing items from hashtables is a quick operation wasted space: none: arrays are packed structures, so there is no wasted space.
...lementation, hashtables take the key and apply a mathematical hash function to ran
domize the key and then use the hash to find the location in the hashtable.
... or if too much space has been allocated.
...And 2 more matches
nsIAccessibilityService
accessible/public/nsiaccessibilityservice.idlscriptable please add a summary to this article.
... in nsidocument adocument); nsiaccessible createhtml4buttonaccessible(in nsisupports aframe); nsiaccessible createhypertextaccessible(in nsisupports aframe); nsiaccessible createhtmlbraccessible(in nsisupports aframe); nsiaccessible createhtmlbuttonaccessible(in nsisupports aframe); nsiaccessible createhtmlaccessiblebymarkup(in nsiframe aframe, in nsiweakreference aweakshell, in nsi
domnode a
domnode); nsiaccessible createhtmlliaccessible(in nsisupports aframe, in nsisupports abulletframe, in astring abullettext); nsiaccessible createhtmlcheckboxaccessible(in nsisupports aframe); nsiaccessible createhtmlcomboboxaccessible(in nsi
domnode anode, in nsiweakreference apresshell); nsiaccessible createhtmlgenericaccessible(in nsisupports aframe); nsiaccessible createhtmlg...
...e apresshell); nsiaccessible createhtmlgenericaccessible(in nsisupports aframe); nsiaccessible createhtmlgenericaccessible(in nsisupports aframe); nsiaccessible createhtmlhraccessible(in nsisupports aframe); nsiaccessible createhtmlimageaccessible(in nsisupports aframe); nsiaccessible createhtmllabelaccessible(in nsisupports aframe); nsiaccessible createhtmllabelaccessible(in nsi
domnode anode, in nsiweakreference apresshell); nsiaccessible createhtmlobjectframeaccessible(in nsobjectframe aframe); nsiaccessible createhtmlradiobuttonaccessible(in nsisupports aframe); nsiaccessible createhtmlselectoptionaccessible(in nsi
domnode anode, in nsiaccessible aaccparent, in nsiweakreference apresshell); nsiaccessible createhtmltableaccessible(in nsisupports aframe); nsia...
...And 2 more matches
nsIIOService
g extractscheme(in autf8string urlstring); unsigned long getprotocolflags(in string ascheme); nsiprotocolhandler getprotocolhandler(in string ascheme); nsichannel newchannel(in autf8string aspec, in string aorigincharset, in nsiuri abaseuri); obsolete since gecko 48 nsichannel newchannel2(in autf8string aspec, in string aorigincharset, in nsiuri abaseuri, in nsi
domnode aloadingnode, in nsiprincipal aloadingprincipal, in nsiprincipal atriggeringprincipal, in uint32_t asecurityflags, in uint32_t acontentpolicytype); nsichannel newchannelfromuri(in nsiuri auri); obsolete since gecko 48 nsichannel newchannelfromuri2(in nsiuri auri, in nsi
domnode aloadingnode, in nsiprincipal aloadingprincipal, in nsiprincipal atriggeringprincipal, in unsigned...
...n nsiuri auri, in nsi
domnode aloadingnode, in nsiprincipal aloadingprincipal, in nsiprincipal atriggeringprincipal, in unsigned long asecurityflags, in unsigned long acontentpolicytype); nsichannel newchannelfromuriwithloadinfo(in nsiuri auri, in nsiloadinfo aloadinfo); nsichannel newchannelfromuriwithproxyflags2(in nsiuri auri, in nsiuri aproxyuri, in uint32_t aproxyflags,in nsi
domnode aloadingnode, in nsiprincipal aloadingprincipal, in nsiprincipal atriggeringprincipal, in uint32_t asecurityflags, in uint32_t acontentpolicytype); nsiuri newfileuri(in nsifile afile); nsiuri newuri(in autf8string aspec, in string aorigincharset, in nsiuri abaseuri); attributes attribute type description offline boolean returns true if ...
...e uri.
...And 2 more matches
nsIMessenger
senger;1.
... .createinstance(components.interfaces.nsimessenger); in thunderbird, a global nsimessenger object is defined as messenger via the createmessenger function in mailwindow.js.
...e messageservicefromuri(in acstring auri); nsimsgdbhdr msghdrfromuri(in acstring auri); acstring getmsguriatnavigatepos(in long apos); acstring getfolderuriatnavigatepos(in long apos); void getnavigatehistory(out unsigned long acurpos, out unsigned long acount, [array, size_is(acount)] out string ahistory); note: prior to gecko 8.0, all references to nsi
domwindow used in this interface were nsi
domwindow.
...And 2 more matches
nsIParserUtils
ecko--use nscontentutils, nstreesanitizer, and so on directly instead.
...rvice: var parserutils = components.classes["@mozilla.org/parserutils;1"] .getservice(components.interfaces.nsiparserutils); method overview astring converttoplaintext(in astring src, in unsigned long flags, in unsigned long wrapcol); nsi
domdocumentfragment parsefragment(in astring fragment, in unsigned long flags, in boolean isxml, in nsiuri baseuri, in nsi
domelement element); astring sanitize(in astring src, in unsigned long flags); constants constant value description sanitizerallowcomments (1 << 0) flag for sanitizer: allow comment nodes.
...meters src the html source to parse (c++ callers are allowed but not required to use the same string for the return value.) flags conversion option flags defined in nsidocumentencoder.
...And 2 more matches
nsISelectionController
this article.
...ed the "focus" point, or the last point adjusted by the selection.
...an forward, in boolean extend ); parameters forward forward or backward if pr_false.
...And 2 more matches
nsITreeView
layout/xul/base/src/tree/public/nsitreeview.idlscriptable this interface is used by the tree widget to get information about what and how to display a tree widget.
...2 / thunderbird 22 / seamonkey 2.19) implementing a nsitreeview in lieu of
dom methods for tree creation can improve performance dramatically, and removes the need to make changes to the tree manually when changes to the database occur.
...g index, in long orientation, in nsi
domdatatransfer datatransfer); boolean candropbeforeafter(in long index, in boolean before); obsolete since gecko 1.8 boolean candropon(in long index); obsolete since gecko 1.8 void cyclecell(in long row, in nsitreecolumn col); void cycleheader(in nsitreecolumn col); void drop(in long row, in long orientation, in nsi
domdatatransfer datatransfer); astring getcellproperties(in long row, in nsitreecolumn col, in nsisupportsarray properties obsolete since gecko 22); astring getcelltext(in long row, in nsitreecolumn col); astring getcellvalue(in long row, in nsitreecolumn col); astring getcolumnproperties(in nsitreecolumn col, in nsisupportsarray properties obsolete since gecko 22)...
...And 2 more matches
nsIUserInfo
1.7 implemented by: @mozilla.org/userinfo;1.
...o get the service, use: var userinfo = components.classes["@mozilla.org/userinfo;1"] .getservice(components.interfaces.nsiuserinfo); you can then look at the userinfo object's attributes to learn what the system knows about the user.
...ce, use: var userinfo = components.classes["@mozilla.org/userinfo;1"] .getservice(components.interfaces.nsiuserinfo); you can then look at the userinfo object's attributes to learn what the system knows about the user.
...And 2 more matches
nsIVariant
only!
... nsresult getasarray(out pruint16 type, out nsiid iid, out pruint32 count, out voidptr ptr); violates the xpcom interface guidelines astring getasastring(); native code only!
... code only!getasbool prbool getasbool(); parameters none.
...And 2 more matches
nsIWorker
dom/interfaces/threads/nsi
domworkers.idlscriptable this interface represents a
dom worker thread.
...
dom/interfaces/threads/nsi
domworkers.idlscriptable this interface represents a
dom worker thread.
...
dom/interfaces/threads/nsi
domworkers.idlscriptable this interface represents a
dom worker thread.
...And 2 more matches
nsIWorkerScope
dom/interfaces/threads/nsi
domworkers.idlscriptable this interface represents the global scope in which a worker's script runs.
...
dom/interfaces/threads/nsi
domworkers.idlscriptable this interface represents the global scope in which a worker's script runs.
...he global scope in which a worker's script runs.
...And 2 more matches
nsIXMLHttpRequest
obsolete since gecko 60 (firefox 60 / thunderbird 60 / seamonkey 2.57)this feature is obsolete.
...mlhttprequest and nsixmlhttprequesteventtarget are mozilla's implementation details of the
dom xmlhttprequest object.
...as done in example 2, the flag of load_anonymous is added, this strips all user data (cookies, tokens, etc).
...And 2 more matches
nsIXMLHttpRequestUpload
content/base/public/nsixmlhttprequest.idlscriptable this interface provides access to the features needed when uploading data using nsixmlhttprequest.
...public/nsixmlhttprequest.idlscriptable this interface provides access to the features needed when uploading data using nsixmlhttprequest.
...ovides access to the features needed when uploading data using nsixmlhttprequest.
...And 2 more matches
Aggregate view - Firefox Developer Tools
also a box labeled "filter" at the top-right of the pane.
...mple, the first entry says that: 4,832,592 bytes, comprising 93% of the total heap usage, were allocated in a function at line 35 of "alloc.js", or in functions called by that function we can use the disclosure triangle to drill down the call tree, to find the exact place your code made those allocations.
...usage, were allocated in a function at line 35 of "alloc.js", or in functions called by that function we can use the disclosure triangle to drill down the call tree, to find the exact place your code made those allocations.
...And 2 more matches
Tree map view - Firefox Developer Tools
snapshot, that helps you quickly get an idea of which objects are using the most memory.
...h objects are using the most memory.
...within top-level categories: objects is further divided by the object's type.
...And 2 more matches
Memory - Firefox Developer Tools
t then provides a number of views of the heap that can show you which objects account for memory usage and exactly where in your code you are allocating memory.
... deleting snapshots saving and loading snapshots recording call stacks analyzing snapshots the tree map view is new in firefox 48, and the
dominators view is new in firefox 46.
...n views the memory tool provides: the tree map view shows memory usage as a treemap.
...And 2 more matches
AbortController - Web APIs
the abortcontroller interface represents a controller object that allows you to abort one or more web requests as and when desired.
... desired.
... the abortcontroller.abortcontroller() constructor.
...And 2 more matches
Attr.namespaceURI - Web APIs
the attr.namespaceuri read-only property returns the namespace uri of the attribute, or null if the element is not in a namespace.
...based on an examination of the namespace declarations in scope.
...ersions, in compliance with html5, it is https://www.w3.org/1999/xhtml as in xhtml.
...And 2 more matches
CSSStyleSheet.insertRule() - Web APIs
the cssstylesheet.insertrule() method inserts a new css rule into the current style sheet, with some restrictions.
...ting the newly inserted rule's position in cssstylesheet.cssrules.
...stateerror.
...And 2 more matches
Basic animations - Web APIs
x: innerwidth / 2, y: innerheight / 2 }; window.onmousemove = function(e) { m.x = e.clientx; m.y = e.clienty; } function gc() { var s = "0123456789abcdef"; var c = "#"; for (var i = 0; i < 6; i++) { c += s[math.ceil(math.ran
dom() * 15)] } return c } var a = []; window.onload = function myfunction() { cn = document.getelementbyid('cw'); c = cn.getcontext('2d'); for (var i = 0; i < 10; i++) { var r = 30; var x = math.ran
dom() * (innerwidth - 2 * r) + r; ...
... } return c } var a = []; window.onload = function myfunction() { cn = document.getelementbyid('cw'); c = cn.getcontext('2d'); for (var i = 0; i < 10; i++) { var r = 30; var x = math.ran
dom() * (innerwidth - 2 * r) + r; var y = math.ran
dom() * (innerheight - 2 * r) + r; var t = new ob(innerwidth / 2,innerheight / 2,5,"red",math.ran
dom() * 200 + 20,2); a.push(t); } //cn.style.backgroundcolor = "#700bc8"; c.linewidth = "2"; c.globalalpha = 0.5; resize(); anim() } window.onres...
... c.globalalpha = 0.5; resize(); anim() } window.onresize = function() { resize(); } function resize() { cn.height = innerheight; cn.width = innerwidth; for (var i = 0; i < 101; i++) { var r = 30; var x = math.ran
dom() * (innerwidth - 2 * r) + r; var y = math.ran
dom() * (innerheight - 2 * r) + r; a[i] = new ob(innerwidth / 2,innerheight / 2,4,gc(),math.ran
dom() * 200 + 20,0.02); } // a[0] = new ob(innerwidth / 2, innerheight / 2, 40, "red", 0.05, 0.05); //a[0].dr(); } function ob(x, y, r, cc, o, s...
...And 2 more matches
Using images - Web APIs
several ways to get images for use on a canvas.
...cument.images collection the document.getelementsbytagname() method if you know the id of the specific image you wish to use, you can use document.getelementbyid() to retrieve that specific image using images from other
domains using the crossorigin attribute of an <img> element (reflected by the htmlimageelement.crossorigin property), you can request permission to load an image from another
domain for use in your call to drawimage().
...() method if you know the id of the specific image you wish to use, you can use document.getelementbyid() to retrieve that specific image using images from other
domains using the crossorigin attribute of an <img> element (reflected by the htmlimageelement.crossorigin property), you can request permission to load an image from another
domain for use in your call to drawimage().
...And 2 more matches
ChildNode.replaceWith() - Web APIs
the childnode.replacewith() method replaces this childnode in the children list of its parent with a set of node or
domstring objects.
... the childnode.replacewith() method replaces this childnode in the children list of its parent with a set of node or
domstring objects.
... the childnode.replacewith() method replaces this childnode in the children list of its parent with a set of node or
domstring objects.
...And 2 more matches
Document.createAttribute() - Web APIs
the document.createattribute() method creates a new attribute node, and returns it.
...rn value a attr node.
...div1"); var a = document.createattribute("my_attrib"); a.value = "newval"; node.setattributenode(a); console.log(node.getattribute("my_attrib")); // "newval" specifications specification status comment
domthe definition of 'document.createattribute()' in that specification.
...And 2 more matches
Document.getElementsByClassName() - Web APIs
er.call(testelements, function(testelement){ return testelement.nodename === 'div'; }); get the first element whose class is 'test' this is the most commonly used method of operation.
...name === 'div'; }); get the first element whose class is 'test' this is the most commonly used method of operation.
...lo world 1</p> <p class="test">hello world 2</p> <p>hello world 3</p> <p>hello world 4</p> </div> <script> var parent
dom = document.getelementbyid("parent-id"); var test = parent
dom.getelementsbyclassname("test"); // a list of matching elements, *not* the element itself console.log(test); //htmlcollection[1] var testtarget = parent
dom.getelementsbyclassname("test")[0]; // the first element, as we wanted console.log(testtarget); //<p class="test">hello world 2</p> </script> </body> </html> multiple classes example document.getelementsbyclassname works very similarly to document.queryselector and document.queryselectorall.
...And 2 more matches
Document.importNode() - Web APIs
cument tree.
...lnode the external node or documentfragment to import into the current document.
...wnode); notes before they can be inserted into the current document, nodes from external documents should either be: cloned using document.importnode(); or adopted using document.adoptnode().
...And 2 more matches
Document.querySelectorAll() - Web APIs
the document method queryselectorall() returns a static (not live) nodelist representing a list of the document's elements that match the specified group of selectors.
...t match the specified group of selectors.
... is 0), then no matches were found.
...And 2 more matches
DocumentOrShadowRoot - Web APIs
the documentorshadowroot mixin of the shadow
dom api provides apis that are shared between documents and shadow roots.
... while the pointer is locked.
... returns a selection object representing the range of text selected by the user, or the current position of the caret.
...And 2 more matches
Element.attachShadow() - Web APIs
the element.attachshadow() method attaches a shadow
dom tree to the specified element and returns a reference to its shadowroot.
... the element.attachshadow() method attaches a shadow
dom tree to the specified element and returns a reference to its shadowroot.
...with a valid name <article> <aside> <blockquote> <body> <div> <footer> <h1> <h2> <h3> <h4> <h5> <h6> <header> <main> <nav> <p> <section> <span> syntax var shadowroot = element.attachshadow(shadowrootinit); parameters shadowrootinit a shadowrootinit dictionary, which can contain the following fields: mode a string specifying the encapsulation mode for the shadow
dom tree.
...And 2 more matches
Element.className - Web APIs
iable representing the class or space-separated classes of the current element.
...t is an svgelement.
....getattribute and element.setattribute if you are dealing with svg elements.
...And 2 more matches
Element.id - Web APIs
mon case is to use an element's id as a selector when styling the document with css.
...case-sensitive, but you should avoid creating ids that differ only in the capitalization.
...y in the capitalization.
...And 2 more matches
Element.namespaceURI - Web APIs
the element.namespaceuri read-only property returns the namespace uri of the element, or null if the element is not in a namespace.
...amespace lookup based on an examination of the namespace declarations in scope.
...espace declarations in scope.
...And 2 more matches
Element.querySelectorAll() - Web APIs
lement method queryselectorall() returns a static (not live) nodelist representing a list of elements matching the specified group of selectors which are descendants of the element on which the method was called.
...e element on which the method was called.
... as: var highlighteditems = userlist.queryselectorall(".highlighted"); highlighteditems.foreach(function(useritem) { deleteuser(useritem); }); note: nodelist is not a genuine array, that is to say it doesn't have the array methods like slice, some, map etc.
...And 2 more matches
Comparison of Event Targets - Web APIs
event targets it's easy to get confused about which target to examine when writing an event handler.
... event targets it's easy to get confused about which target to examine when writing an event handler.
...ch target to examine when writing an event handler.
...And 2 more matches
Event.currentTarget - Web APIs
the currenttarget read-only property of the event interface identifies the current target for the event, as the event traverses the
dom.
...g it in a variable, and then look for the currenttarget key in the console, its value will be null.
....
...And 2 more matches
Event.eventPhase - Web APIs
event.bubbling_phase 3 the event is propagating back up through the target's ancestors in reverse order, starting with the parent, and eventually reaching the containing window.
..._phase 3 the event is propagating back up through the target's ancestors in reverse order, starting with the parent, and eventually reaching the containing window.
...se == 3 ?
...And 2 more matches
GlobalEventHandlers.onload - Web APIs
cript> // es2015 <script> const load = () => { console.log("load event detected!"); } window.onload = load; </script> </head> <body> <p>the load event fires when the document has finished loading!</p> </body> </html> notes the load event fires at the end of the document loading process.
...etected!"); } window.onload = load; </script> </head> <body> <p>the load event fires when the document has finished loading!</p> </body> </html> notes the load event fires at the end of the document loading process.
... } window.onload = load; </script> </head> <body> <p>the load event fires when the document has finished loading!</p> </body> </html> notes the load event fires at the end of the document loading process.
...And 2 more matches
HTMLAnchorElement.rel - Web APIs
the htmlanchorelement.rel property reflects the rel attribute.
...horelt.rel; anchorelt.rel = relstr; example var anchors = document.getelementsbytagname("a"); var length = anchors.length; for (var i = 0; i < length; i++) { alert("rel: " + anchors[i].rel); } specifications specification status comment html living standardthe definition of 'rel' in that specification.
...ument.getelementsbytagname("a"); var length = anchors.length; for (var i = 0; i < length; i++) { alert("rel: " + anchors[i].rel); } specifications specification status comment html living standardthe definition of 'rel' in that specification.
...And 2 more matches
HTMLBaseFontElement - Web APIs
egular htmlelement interface it also has available to it by inheritance) for manipulating <basefont> elements.
...d in html4 and removed in html5.
... hexadecimal #rrggbb format.
...And 2 more matches
HTMLCollection - Web APIs
the htmlcollection interface represents a generic collection (array-like object similar to arguments) of elements (in document order) and offers methods and properties for selecting from the list.
...ollection interface represents a generic collection (array-like object similar to arguments) of elements (in document order) and offers methods and properties for selecting from the list.
... changed.
...And 2 more matches
HTMLDivElement - Web APIs
ll="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="421" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmldivelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement.
...fy", and "center".
...s from its parent, htmlelement.
...And 2 more matches
HTMLFieldSetElement - Web APIs
is implemented by the browser.
..., then the attribute can be the id of any form element in the same document it is related to, or the null value if none matches.
...me document it is related to, or the null value if none matches.
...And 2 more matches
HTMLFrameSetElement - Web APIs
the htmlframesetelement interface provides special properties (beyond those of the regular htmlelement interface they also inherit) for manipulating <frameset> elements.
... provides special properties (beyond those of the regular htmlelement interface they also inherit) for manipulating <frameset> elements.
... 'htmlframesetelement' in that specification.
...And 2 more matches
HTMLLegendElement - Web APIs
: all;} properties inherits properties from its parent, htmlelement.
... htmlformelement representing the form that this legend belongs to.
... 'htmllegendelement' in that specification.
...And 2 more matches
HTMLLinkElement.rel - Web APIs
the htmllinkelement.rel property reflects the rel attribute.
...tax var relstr = linkelt.rel; linkelt.rel = relstr; example var links = document.getelementsbytagname('link'); var length = links.length; for (var i = 0; i < length; i++) { alert(links[i]); } specifications specification status comment html living standardthe definition of 'rel' in that specification.
...var links = document.getelementsbytagname('link'); var length = links.length; for (var i = 0; i < length; i++) { alert(links[i]); } specifications specification status comment html living standardthe definition of 'rel' in that specification.
...And 2 more matches
HTMLOptGroupElement - Web APIs
4e53" text-anchor="middle" alignment-baseline="middle">htmloptgroupelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement.
...e group.
... parent, htmlelement.
...And 2 more matches
HTMLOptionElement - Web APIs
g <select> element, if the option is a descendant of a <select> element, or null if none is found.
...<datalist> element, the value is 0.
... that reflects the value of the label html attribute, which provides a label for the option.
...And 2 more matches
HTMLQuoteElement - Web APIs
l="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="411" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmlquoteelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement.
... quotation.
...om its parent, htmlelement.
...And 2 more matches
HTMLSourceElement - Web APIs
#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">htmlsourceelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement.
...pace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmlsourceelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement.
...ent</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement.
...And 2 more matches
HTMLStyleElement - Web APIs
the htmlstyleelement interface represents a <style> element.
..." stroke-width="2px" /><text x="411" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmlstyleelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement, and implements linkstyle.
...space" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmlstyleelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement, and implements linkstyle.
...And 2 more matches
HTMLTableCaptionElement - Web APIs
e="#d4dde4" stroke-width="2px" /><text x="376" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmltablecaptionelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement.
... method; inherits properties from its parent, htmlelement.
...status comment html living standardthe definition of 'htmltablecaptionelement' in that specification.
...And 2 more matches
HTMLTextAreaElement - Web APIs
or disabled property is true.
...urns true if the control is not a candidate for constraint validation, or if it satisfies its constraints.
...s false; if there are no problems, it returns true.
...And 2 more matches
HTMLTitleElement - Web APIs
l="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="411" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmltitleelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement.
...specification status comment html living standardthe definition of 'htmltitleelement' in that specification.
...he definition of 'htmltitleelement' in that specification.
...And 2 more matches
HTMLTrackElement - Web APIs
the htmltrackelement interface represents an html <track> element within the
dom.
...l="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="411" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmltrackelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement.
...mltrackelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement.
...And 2 more matches
IDBRequest.error - Web APIs
the error read-only property of the idbrequest interface returns the error in the event of an unsuccessful request.
... the error read-only property of the idbrequest interface returns the error in the event of an unsuccessful request.
... the error read-only property of the idbrequest interface returns the error in the event of an unsuccessful request.
...And 2 more matches
IDBTransaction.error - Web APIs
the idbtransaction.error property of the idbtransaction interface returns one of several types of error when there is an unsuccessful transaction.
... the idbtransaction.error property of the idbtransaction interface returns one of several types of error when there is an unsuccessful transaction.
... the idbtransaction.error property of the idbtransaction interface returns one of several types of error when there is an unsuccessful transaction.
...And 2 more matches
MutationObserver - Web APIs
the mutationobserver interface provides the ability to watch for changes being made to the
dom tree.
... the mutationobserver interface provides the ability to watch for changes being made to the
dom tree.
... the mutationobserver interface provides the ability to watch for changes being made to the
dom tree.
...And 2 more matches
NamedNodeMap - Web APIs
odemap.getnameditemns() returns a attr identified by a namespace and related local name.
...attr identified in the map by the given namespace and related local name.
...the given namespace and related local name.
...And 2 more matches
Navigator - Web APIs
ned in navigatorid, navigatorlanguage, navigatoronline, navigatorcontentutils, navigatorstorage, navigatorstorageutils, navigatorconcurrenthardware, navigatorplugins, and navigatorusermedia.
...media.
...al processor cores available.
...And 2 more matches
Node.insertBefore() - Web APIs
fore(newelement, thefirstchild) when the element does not have a first child, then firstchild is null.
...to the parent, after the last child.
...y inserted element is the only element.
...And 2 more matches
Notation - Web APIs
represents a dtd notation (read-only).
... represents a dtd notation (read-only).
... declare format of an unparsed entity or formally declare the document's processing instruction targets.
...And 2 more matches
ParentNode.querySelectorAll() - Web APIs
fied group of selectors which are descendants of the object on which the method was called.
... note: this method is implemented as element.queryselectorall(), document.queryselectorall(), and documentfragment.queryselectorall() syntax elementlist = parentnode.queryselectorall(selectors); parameters selectors a
domstring containing one or more selectors to match against.
...selectorall("iframe[data-src]"); here, an attribute selector is used to return a list of the list items contained within a list whose id is userlist which have a data-active attribute whose value is 1: var container = document.queryselector("#userlist"); var matches = container.queryselectorall("li[data-active=1]"); user notes queryselectorall() behaves differently than most common javascript
dom libraries, which might lead to unexpected results.
...And 2 more matches
ParentNode.replaceChildren() - Web APIs
the parentnode.replacechildren() method replaces the existing children of a node with a specified new set of children.
... the parentnode.replacechildren() method replaces the existing children of a node with a specified new set of children.
... the parentnode.replacechildren() method replaces the existing children of a node with a specified new set of children.
...And 2 more matches
PerformanceEntry.entryType - Web APIs
the entrytype property returns a
domstring representing the type of performance metric such as, for example, "mark".
... value subtype type of name property description of name property frame, navigation performanceframetiming, performancenavigationtiming url the document's address.
...eframetiming, performancenavigationtiming url the document's address.
...And 2 more matches
ShadowRoot.innerHTML - Web APIs
the innerhtml property of the shadowroot interface sets or returns a reference to the
dom tree inside the shadowroot.
... the innerhtml property of the shadowroot interface sets or returns a reference to the
dom tree inside the shadowroot.
... the innerhtml property of the shadowroot interface sets or returns a reference to the
dom tree inside the shadowroot.
...And 2 more matches
StorageEvent - Web APIs
top"><rect x="116" y="1" width="120" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="176" y="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">storageevent</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} method overview void initstorageevent( in
domstring type, in boolean canbubble, in boolean cancelable, in
domstring key, in
domstring oldvalue, in
domstring newvalue, in usvstring url, in storage storagearea ); attributes attribute type description key
domstring represents the key changed.
...type, in boolean canbubble, in boolean cancelable, in
domstring key, in
domstring oldvalue, in
domstring newvalue, in usvstring url, in storage storagearea ); attributes attribute type description key
domstring represents the key changed.
...tribute type description key
domstring represents the key changed.
...And 2 more matches
StyleSheet - Web APIs
an object implementing the stylesheet interface represents a single style sheet.
... stylesheet.
...for style information.
...And 2 more matches
TrackDefault.TrackDefault() - Web APIs
the trackdefault() constructor of the trackdefault interface constructs and returns a new trackdefault object.
... the trackdefault() constructor of the trackdefault interface constructs and returns a new trackdefault object.
...ax var trackdefault = new trackdefault(type, language, label, kinds, bytestreamtrackid); parameters type a
domstring specifying a media segment data type for the sourcebuffer to contain.
...And 2 more matches
Web Authentication API - Web APIs
dentials to authenticate to a service, either logging a user in or as a form of second-factor authentication.
...could also be soap, rfc 2549 or nearly any other protocol provided that the protocol is secure.
... api.
...And 2 more matches
WheelEvent() - Web APIs
the wheelevent() constructor returns a newly created wheelevent object.
...ing the vertical scroll amount in the deltamode unit.
...0.0, is a double representing the scroll amount for the z-axis in the deltamode unit.
...And 2 more matches
XMLSerializer.serializeToString() - Web APIs
the xmlserializer method serializetostring() constructs a string representing the specified
dom tree in xml form.
... the xmlserializer method serializetostring() constructs a string representing the specified
dom tree in xml form.
... the xmlserializer method serializetostring() constructs a string representing the specified
dom tree in xml form.
...And 2 more matches
XPathEvaluator.evaluate() - Web APIs
the evaluate() method of the xpathevaluator interface executes an xpath expression on the given node or document and returns an xpathresult.
... invalid_expression_err if the expression is not legal according to the rules of the xpathevaluator, an xpathexception of type invalid_expression_err is raised.
...ype_err in case result cannot be converted to the specified type, an xpathexception of type type_err is raised.
...And 2 more matches
ARIA: feed role - Accessibility
ticle and efficiently discern which articles they want to read.
...n enables reliable assistive technology reading mode interaction by establishing the following interoperability agreement between the web page and assistive technologies: in the context of a feed, the web page code is responsible for: appropriate visual scrolling of the content based on which article contains
dom focus.
...ible for: appropriate visual scrolling of the content based on which article contains
dom focus.
...And 2 more matches
Web applications and ARIA FAQ - Accessibility
lly a javascript-powered progress bar widget.
...luemax", 100); // create a function that can be called at any time to update the value of the progress bar.
...les, states, and structure of an application's user interface.
...And 2 more matches
Web Accessibility: Understanding Colors and Luminance - Accessibility
e color "crimson red" may be described in hex values as #990000 by some and #dc143c by others.
...ss color module level 3 when working with color, it's important to know which "color space" you are working in, as different color spaces map to different measurement systems.
...digital concerns, much of the technology has historically resided in the rgb color space.
...And 2 more matches
Event developer guide - Developer guides
ny other sources of events defined by web browsers for which pages are not yet available in this guide.
...s event developer guide needs substantial work.
...anized and the pages rewritten.
...And 2 more matches
HTML5 Parser - Developer guides
inline in html5 pages, without xml namespace syntax.
...ipt escapes; the character code strategy is more general-purpose.) inline svg and mathml support as a completely new parsing feature, html5 introduced support for inline svg and mathml in text/html.
... inline svg and mathml support as a completely new parsing feature, html5 introduced support for inline svg and mathml in text/html.
...And 2 more matches
Clear-Site-Data - HTTP
ache, see http caching) for the origin of the response url.
...g) for the origin of the response url.
...s, or address bar suggestions.
...And 2 more matches
Redirections in HTTP - HTTP
to be sent as link headers with rel=alternate.
...hen possible, use http redirects and don't add <meta> element redirects.
...s one location, and therefore one url, for each resource.
...And 2 more matches
TypeError: can't access dead object - JavaScript
the javascript exception "can't access dead object" occurs when firefox disallows add-ons to keep strong references to
dom objects after their parent document has been destroyed to improve in memory usage and to prevent memory leaks.
...cess dead object" occurs when firefox disallows add-ons to keep strong references to
dom objects after their parent document has been destroyed to improve in memory usage and to prevent memory leaks.
...t has been destroyed to improve in memory usage and to prevent memory leaks.
...And 2 more matches
Promise - JavaScript
single rejectionfunc in the final catch().
...an be run under nodejs.
...ced by seeing the errors actually occur.
...And 2 more matches
baseline-shift - SVG: Scalable Vector Graphics
the baseline-shift attribute allows repositioning of the
dominant-baseline relative to the
dominant-baseline of the parent text content element.
...te: this property is going to be deprecated and authors are advised to use vertical-align instead.
...al-align instead.
...And 2 more matches
Example - SVG: Scalable Vector Graphics
in this example, we use xhtml, svg, javascript, and the
dom to animate a swarm of "motes".
...urn [mouse_x, mouse_y]; } // determine average (x,y) of the swarm function averagemoteposition() { if( !motes ) return [0,0]; if( motes.length == 0 ) return [0,0]; var i; var sum_x=0, sum_y=0; for(i=0; i<motes.length; i++) { sum_x += motes[i].x; sum_y += motes[i].y; } return [sum_x/motes.length, sum_y/motes.length]; } // a nicer, integer ran
dom function rand(modulo) { return math.round( math.ran
dom() * (modulo-1)); } // class mote function mote() { // dimensions of drawing area.
...h; i++) { sum_x += motes[i].x; sum_y += motes[i].y; } return [sum_x/motes.length, sum_y/motes.length]; } // a nicer, integer ran
dom function rand(modulo) { return math.round( math.ran
dom() * (modulo-1)); } // class mote function mote() { // dimensions of drawing area.
...And 2 more matches
SVG 1.1 Support in Firefox - SVG: Scalable Vector Graphics
a brief overview.
...vgsvgelement unimplemented attributes: contentscripttype, contentstyletype, viewport, currentview unimplemented bindings: getintersectionlist, getenclosurelist, checkintersection, checkenclosure g implemented.
... g implemented.
...And 2 more matches
SVG: Scalable Vector Graphics
getting started this tutorial will help get you started using svg.
...uality and can be easily localized by updating the text within them, without the need of a graphical editor to do so.
...the text within them, without the need of a graphical editor to do so.
...And 2 more matches
indexed-db - Archive of obsolete content
s can access indexeddb via the window object.
... request = indexeddb.open('mydatabase'); request.onerror = function(event) { console.log("failure"); }; request.onsuccess = function(event) { console.log("success"); }; most of the objects that implement the indexeddb api, such as idbtransaction, idbopendbrequest, and idbobjectstore, are accessible through the indexeddb object itself.
...", icon: "./list.png", onclick: function() { getitems(listitems); } }); note that to run this add-on you'll need to provide icons named "add.png" and "list.png" in the add-on's "data" directory.
... }); note that to run this add-on you'll need to provide icons named "add.png" and "list.png" in the add-on's "data" directory.
ui/sidebar - Archive of obsolete content
ebar before you can send or receive messages.
...function() { console.log("add-on script got the message"); worker.port.emit("pong"); }); } }); try running the add-on, and showing the sidebar using the "view->sidebar->my sidebar" menu item.
... worker.port.emit("pong"); }); } }); try running the add-on, and showing the sidebar using the "view->sidebar->my sidebar" menu item.
...nt, which defines port.emit() and port.on() methods that you can use to send messages to, and receive messages from, scripts loaded into the sidebar.
util/match-pattern - Archive of obsolete content
her schemes like file, resource, or data, use a scheme followed by an asterisk, as below.
...asterisk, as below.
...low.
... https://mozilla.org http://foo.com/mozilla http://hemozoon.org mozscheme://foo.org http://foo.org /https:\/\/www\.moz.*/ https://www.mozilla.org https://www.mozzarella.com http://www.mozilla.org https://foo.mozilla.org/ https://foo.com/moz /http.*moz.*/ http://foo.mozilla.org/ http://mozilla.org http://hemozoon.org/ https://any
domain.com/foomozbar/ ftp://http/mozilla.org /[^:/]+:\/\/[^/]*mozilla\.org\/.*/ ftp://foo.mozilla.org/ http://www.mozilla.org/ https://developer.mozilla.org/any ftp://http/mozilla.org http://any
domain.com/mozilla.org/ examples var { matchpattern } = require("sdk/util/match-pattern"); var pattern = new matchpattern("http://example.com/*"); console.log(pattern.test...
The Box Model - Archive of obsolete content
oken down into the following basic components: boxes text images alignment and flexibility widths and heights margins and paddings menus, toolbar buttons, and even the most complex elements in xul are composed of these simple ingredients.
...box.
...clude html in a xul document, you need to add the namespace for it in the document root: <overlay id="xulschoolhello-browser-overlay" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" xmlns:html="http://www.w3.org/1999/xhtml"> then you can have an html:p (paragraph) element where you insert the result of parsing the property string.
...la.org/keymaster/gatekeeper/there.is.only.xul" xmlns:html="http://www.w3.org/1999/xhtml"> then you can have an html:p (paragraph) element where you insert the result of parsing the property string.
Editor Embedding Guide - Archive of obsolete content
in the beginning there is makeeditable given an nsiwebbrowser instance, get an nsi
domwindow from the getcontent
domwindow call.
... in the beginning there is makeeditable given an nsiwebbrowser instance, get an nsi
domwindow from the getcontent
domwindow call.
... in the beginning there is makeeditable given an nsiwebbrowser instance, get an nsi
domwindow from the getcontent
domwindow call.
...ant the window editable immediately or when the document is done loading.
Using microformats - Archive of obsolete content
add to the microformat module.
...mat object to dump.
...arent() returns the parent node of the specified microformat or child of a microformat.
...tnode = microformats.getparent(node); parameters node the node whose parent you wish to retrieve.
Tuning Pageload - Archive of obsolete content
as in, if the user is moving the mouse or typing in that window, we'll be more responsive; if there is no user activity, we will aim for less parser interruption and less responsiveness but lower overall load time.
...l aim for less parser interruption and less responsiveness but lower overall load time.
...ing model.
...ackoff count is reached, no more rendering model construction till after the whole page is parsed.
XBL 1.0 Reference - Archive of obsolete content
ding language (xbl) 1.0 as implemented in gecko browsers.
...s are in the http://www.mozilla.org/xbl namespace.
...ozilla.org/xbl namespace.
...tor destructor field property getter setter method parameter body handlers handler resources stylesheet image binding attachment and detachment attachment using css attachment using element.style property <constructor> call <destructor> call binding documents
dom interfaces the nsi
domdocumentxbl interface anonymous content introduction scoping and access using the
dom content generation rules for generation attribute forwarding insertion points <children> handling
dom changes event flow and targeting flow and targeting across scopes focus and blur events mouseover and mouseout events anonymous content and css selectors and scopes binding stylesheets binding implementations introduction methods ...
Anonymous Content - Archive of obsolete content
rrectly.
...ng: url('chrome://example/skin/example.xml#dropbox'); } xbl: <binding id="dropbox"> <content> <children/> <xul:textbox flex="1"/> <xul:button src="chrome://global/skin/images/dropbox.jpg"/> </content> </binding> this example creates an input field with a button beside it.
...results in a display that is equivalent to the following: <binding id="zoombox"> <content> <xul:box flex="1"> <xul:button label="zoom in"/> <xul:box flex="1" style="border: 1px solid black"> <xul:image src="images/happy.jpg"/> <xul:image src="images/angry.jpg"/> </xul:box> <xul:button label="zoom out"/> </xul:box> </content> </binding> from the
dom's perspective, the child elements are still in their original location.
... <xul:image src="images/angry.jpg"/> </xul:box> <xul:button label="zoom out"/> </xul:box> </content> </binding> from the
dom's perspective, the child elements are still in their original location.
calICalendarView - Archive of obsolete content
summary an object implementing calicalendarview is generally intended to serve as a way of manipulating a set of
dom nodes corresonding to a visual representation of calievent and calitodo objects.
...a set of
dom nodes corresonding to a visual representation of calievent and calitodo objects.
...calitodo objects.
...rs of calicalendarview very early in an application/extension's loading process.
Archived Mozilla and build documentation - Archive of obsolete content
in mozilla can be used to make the address bar itself a power tool.
... corresonding to a visual representation of calievent and calitodo objects.
...a source code (i.e.
...ou make use of the standard jdk classes, e.g., javascript crypto mozilla defines a special javascript object to allow web pages access to certain cryptographic-related services.
Sunbird Theme Tutorial - Archive of obsolete content
how to find the profile directory, see the mozillazine article: profile folder inside the profile directory, go to the <tt>extensions</tt> directory.
...creating a unique identifier create an identifier that is likely to be unique, in the form: <tt>something@
domain-name</tt> it must contain an at-sign (<tt>@</tt>), making it look something like an e-mail address, but it does not need to be a real e-mail address.
...ain-name</tt> it must contain an at-sign (<tt>@</tt>), making it look something like an e-mail address, but it does not need to be a real e-mail address.
...sunbird's user interface to understand sunbird's user interface, go to sunbird's program directory, then to the <tt>chrome/content/calendar</tt> directory there.
E4X for templating - Archive of obsolete content
warning: e4x is deprecated.
... warning: e4x is deprecated.
...rn statements and braces): {_if(elems.length(), function () <> <markup/> <markup/> </>)} note that, while it is convenient to store such e4x in separate file templates (to be eval()d at a later time, taking into account security considerations, such as escaping with the above), e4x content using such functions can also be easily serialized inline (and then perhaps converted to the
dom) as needed: var list = <>{_if(elems.length(), function () <> <markup/> <markup/> </>)}</>.toxmlstring(); iterating functions such as the following foreach (which can work with arrays, objects, or e4x objects) are quite convenient in iterating over complex structures such as e4x would not normally allow.
...rapes</item> </fruits>; alert( // using a javascript 1.8 expression closure <output> {sort(fruits.*, function (a, b) a.text() > b.text() /* text() call may not be necessary */ )} </output>.toxmlstring() ); /* <output> <item>banana</item> <item>grapes</item> <item>pear</item> </output> */ the above utility also works if the input is an htmlcollection, an array of strings, an array of
dom objects, or an array of e4x objects (assuming the comparison function is changed or adapted accordingly).
E4X - Archive of obsolete content
obsoletethis feature is obsolete.
... obsoletethis feature is obsolete.
... removed in firefox 21.
... ignored for backwards compatibility with the comment hiding trick, and cdata sections (<![cdata[...]]>) are not parsed as cdata literals (which leads to a js syntax error in html since html's <script> element produces an implicit cdata section, and therefore cannot contain explicit cdata sections).
XForms Custom Controls Examples - Archive of obsolete content
urn true; </body> </method> </implementation> </binding> output showing xhtml <binding id="output-xhtml" extends="chrome://xforms/content/xforms-xhtml.xml#xformswidget-output"> <content> <children includes="label"/> <xhtml:div class="xf-value" anonid="content"></xhtml:div> <children/> </content> <implementation implements="nsixformsuiwidget"> <field name="_
domparser">null</field> <property name="
domparser" readonly="true"> <getter> if (!this._
domparser) this._
domparser = new
domparser(); return this._
domparser; </getter> </property> <method name="refresh"> <body> // get new value, parse, and import it.
...tent> <implementation implements="nsixformsuiwidget"> <field name="_
domparser">null</field> <property name="
domparser" readonly="true"> <getter> if (!this._
domparser) this._
domparser = new
domparser(); return this._
domparser; </getter> </property> <method name="refresh"> <body> // get new value, parse, and import it.
...mplementation implements="nsixformsuiwidget"> <field name="_
domparser">null</field> <property name="
domparser" readonly="true"> <getter> if (!this._
domparser) this._
domparser = new
domparser(); return this._
domparser; </getter> </property> <method name="refresh"> <body> // get new value, parse, and import it.
...field> <property name="
domparser" readonly="true"> <getter> if (!this._
domparser) this._
domparser = new
domparser(); return this._
domparser; </getter> </property> <method name="refresh"> <body> // get new value, parse, and import it.
Mozilla XForms Specials - Archive of obsolete content
ented in xbl.
...://www.mozilla.org/projects/xfor...009/extensions, which allows the form author to define on which side of the checkbox the label will be shown.
...hor to define on which side of the checkbox the label will be shown.
...l will be shown.
Visual typescript game engine - Game development
tabase account sessions.
...abled: true, scriptpath: "externals/drag.ts", }, ]; /** * @description this is main coordinary types of positions * can be "diametric-fullscreen" or "frame".
..." or "frame".
...edia communication: websocketserver running on node.js text-based protocol sip (session initiation protocol) used for signalling and controlling multimedia sessions.
Plug-in Development Overview - Gecko Plugin API Reference
the np_getmimedescription entry point.
...xbm:x bitmap or for 2 mime types: image/xbm:xbm:x bitmap;image/png:png:portable network graphics.
...and consumed by the browser.
...wser user interface, your plug-in can emulate the browser behavior by providing status line messages.
MDN Web Docs Glossary: Definitions of Web-related terms
eprocessor d data structure decryption delta denial of service descriptor (css) deserialization developer tools dhtml digest digital certificate distributed denial of service dmz dns doctype document directive document environment
dom (document object model)
domain
domain name
domain sharding
dominator dos attack dtls (datagram transport layer security) dtmf (dual-tone multi-frequency signaling) dynamic programming language dynamic typing e ecma ecmascript effective connection type element ...
...ype minification mitm mixin mobile first modem modern web apps modularity mozilla firefox mutable mvc n namespace nan nat native navigation directive netscape navigator network throttling nntp node node (
dom) node (networking) node.js non-normative normative null nullish value number o object object reference oop opengl openssl opera browser operand operator origin ota owasp p p2p pac ...
... property property (css) property (javascript) protocol prototype prototype-based programming proxy server pseudo-class pseudo-element pseudocode public-key cryptography python q quality values quaternion quic r rail ran
dom number generator raster image rdf real user monitoring (rum) recursion reference reflow regular expression rendering engine repo reporting directive request header resource timing response header responsive web design rest rgb ril robots...
...ht to left) rtp (real-time transport protocol) and srtp (secure rtp) rtsp: real-time streaming protocol ruby s safe same-origin policy scm scope screen reader script-supporting element scroll container scrollport sctp sdp search engine second-level
domain secure sockets layer (ssl) selector (css) self-executing anonymous function semantics seo serialization server server timing session hijacking sgml shadow tree shim signature signature (functions) signature (security) simd simple header ...
UI pseudo-classes - Learn web development
g generated content with pseudo-classes in previous articles, we've seen the usage of generated content, but we thought now would be a good time to talk about it in a bit more detail.
...more detail.
...3px) scale(0); transform-origin: center; transition: all 0.3s ease-in; } input[type="radio"]:checked::before { transform: translate(3px, 3px) scale(1); transition: all 0.3s cubic-bezier(0.25, 0.25, 0.56, 2); } this is really useful — screenreaders already let their users know when a radio button or checkbox they encounter is checked/selected, so you don't want them to read out another
dom element that indicates selection — that could be confusing.
...ctly selected the inputs we want to disable using input[type="text"]:disabled, but we also wanted to gray out the corresponding text labels.
Introduction to web APIs - Learn web development
pis available in modern browsers that allow you to do a wide variety of things in your code.
... module in greater detail) are: apis for manipulating documents loaded into the browser.
...hatever is the default audiodestinationnode available on your computer's hardware, e.g.
... locally on google chrome — we had to upload it to github before it would work.
Embedding API for Accessibility
oft active accessibility or atk for linux and unix desktops.
...x desktops.
... out what we already have, and what we'll need later, in the embedding api to support accessibility.
....policy.default.windowinternal.open","noaccess"); // override popping up new windows on target=anything user_pref("browser.block.target_new_window", true); // override popup windows at beginning of new page load (blocks most popup advertisements) user_pref("
dom.disable_open_during_load", true); moz 0.8 client side redirects setboolpref("browser.accept.redirects", acceptredirects); no content refreshes setboolpref("browser.accept.refreshes", acceptrefreshes); no plugin content...
mozbrowsericonchange
ouch-icon">) is available in the browser <iframe>'s content.
... type read only
domstring the type of event.
... bubbles read only boolean whether the event normally bubbles or not.
... or not.
mozbrowseropenwindow
embedder must use the <iframe> passed in the event.details.frameelement property as the new window content.
... type read only
domstring the type of event.
...hether the event normally bubbles or not.
... boolean whether the event is cancellable or not.
mozbrowsersecuritychange
nt is fired when the browser <iframe> has connected to the server, and when the mixed content state changes.
... type read only
domstring the type of event.
... broken: indicates an unknown security state.
...ndicates that the data corresponding to the request was received over an insecure channel.
HTMLIFrameElement.purgeHistory()
warning: removed in firefox 65.
...d in firefox 65.
...rame>.
...se version: var my
domrequest = instanceofhtmliframeelement.purgehistory(); instanceofhtmliframeelement.purgehistory().then(function() { ...
Gecko
d seamonkey (for a complete list, please refer to wikipedia's article on gecko).
...ease refer to wikipedia's article on gecko).
...tandards.
... documentation chrome this page contains information specific to browser chrome (not google chrome) code running in gecko.
Integrated Authentication
authentication with the browser.
...s list is intended to be configured by an it department prior to distributing mozilla to end-users.
...nfigured by an it department prior to distributing mozilla to end-users.
...egotiate-auth.trusted-uris lists the sites that are permitted to engage in spnego authentication with the browser, and network.negotiate-auth.delegation-uris lists the sites for which the browser may delegate user authorization to the server.
Bootstrapping a new locale
b-cd and then $mv ab-cd/en-us ab-cd/browser and the same for the others the commands seems symbolic and not real ...
...b-cd/en-us ab-cd/browser and the same for the others the commands seems symbolic and not real ...
... tabbrowser.dtd openlocation.dtd tabbrowser.properties openlocation.properties as a localizer, you are responsible for localizing each of the ".dtd" and ".properties" in *all* of the sub-directories found in your ab-cd directory.
...you're starting from scratch, you should have just downloaded: mozilla-1.9.x/browser/locales/ mozilla-1.9.x/
dom/locales/ mozilla-1.9.x/netwerk/locales/ mozilla-1.9.x/other-licenses/branding/firefox/locales/en-us mozilla-1.9.x/security/manager/locales/ mozilla-1.9.x/toolkit/locales/ and then copied them so that the files for localization end up in the following directories: ab-cd/browser/ ab-cd/
dom/ ab-cd/netwerk/ ab-cd/other-licenses/branding/firefox/ ab-cd/security/manager/ ab-cd/toolkit/ translating to start editing, you will need a text editing application.
DMD
t { #01: replace_malloc (/home/njn/moz/mi5/go64dmd/memory/replace/dmd/../../../../memory/replace/dmd/dmd.cpp:1286) #02: malloc (/home/njn/moz/mi5/go64dmd/memory/build/../../../memory/build/replace_malloc.c:153) #03: moz_xmalloc (/home/njn/moz/mi5/memory/mozalloc/mozalloc.cpp:84) #04: nscyclecollectingautorefcnt::incr(void*, nscyclecollectionparticipant*) (/home/njn/moz/mi5/go64dmd/
dom/xul/../../dist/include/nsisupportsimpl.h:250) #05: nsxulelement::create(nsxulprototypeelement*, nsidocument*, bool, bool,mozilla::
dom::element**) (/home/njn/moz/mi5/
dom/xul/nsxulelement.cpp:287) #06: nsxblcontentsink::createelement(char16_t const**, unsigned int, mozilla::
dom::nodeinfo*, unsigned int, nsicontent**, bool*, mozilla::
dom::fromparser) (/home/njn/moz/mi5/
dom/xbl/nsxblcontentsi...
...ypeelement*, nsidocument*, bool, bool,mozilla::
dom::element**) (/home/njn/moz/mi5/
dom/xul/nsxulelement.cpp:287) #06: nsxblcontentsink::createelement(char16_t const**, unsigned int, mozilla::
dom::nodeinfo*, unsigned int, nsicontent**, bool*, mozilla::
dom::fromparser) (/home/njn/moz/mi5/
dom/xbl/nsxblcontentsink.cpp:874) #07: nscomptr<nsicontent>::startassignment() (/home/njn/moz/mi5/go64dmd/
dom/xml/../../dist/include/nscomptr.h:753) #08: nsxmlcontentsink::handlestartelement(char16_t const*, char16_t const**, unsigned int, unsigned int, bool) (/home/njn/moz/mi5/
dom/xml/nsxmlcontentsink.cpp:1007) } } it tells you that there were 150 heap blocks that were allocated from the program point indicated by the "allocated at" stack trace, that these blocks took up 21,600 bytes, that all 15...
...; 64 x 48,648 1.35% of the heap (48.65% cumulative) 1.64% of once-reported (59.18% cumulative) allocated at { #01: (no stack trace recorded due to --stacks=partial) } reported at { #01: mozilla::dmd::dmdfuncs::report(void const*) (/home/njn/moz/mi5/go64dmd/memory/replace/dmd/../../../../memory/replace/dmd/dmd.cpp:1646) #02: windowsmallocsizeof(void const*) (/home/njn/moz/mi5/
dom/base/nswindowmemoryreporter.cpp:189) #03: nsattrandchildarray::sizeofexcludingthis(unsigned long (*)(void const*)) const (/home/njn/moz/mi5/
dom/base/nsattrandchildarray.cpp:880) #04: mozilla::
dom::fragmentorelement::sizeofexcludingthis(unsigned long (*)(void const*)) const (/home/njn/moz/mi5/
dom/base/fragmentorelement.cpp:2337) #05: nsinode::sizeofincludingthis(unsigned long (*)(void ...
...ray::sizeofexcludingthis(unsigned long (*)(void const*)) const (/home/njn/moz/mi5/
dom/base/nsattrandchildarray.cpp:880) #04: mozilla::
dom::fragmentorelement::sizeofexcludingthis(unsigned long (*)(void const*)) const (/home/njn/moz/mi5/
dom/base/fragmentorelement.cpp:2337) #05: nsinode::sizeofincludingthis(unsigned long (*)(void const*)) const (/home/njn/moz/mi5/go64dmd/parser/html/../../../
dom/base/nsinode.h:307) #06: mozilla::
dom::nodeinfo::nodetype() const (/home/njn/moz/mi5/go64dmd/
dom/base/../../dist/include/mozilla/
dom/nodeinfo.h:127) #07: nshtmldocument::docaddsizeofexcludingthis(nswindowsizes*) const (/home/njn/moz/mi5/
dom/html/nshtmldocument.cpp:3710) #08: nsidocument::docaddsizeofincludingthis(nswindowsizes*) const (/home/njn/moz/mi5/
dom/base/nsdocument.cpp:12820) ...
browser.urlbar.trimURLs
the preference browser.urlbar.trimurls controls whether the protocol http and the trailing slash behind
domain name (if the open page is exactly the
domain name) are hidden.
...s controls whether the protocol http and the trailing slash behind
domain name (if the open page is exactly the
domain name) are hidden.
...sh behind
domain name (if the open page is exactly the
domain name) are hidden.
...ean default value: true exists by default: yes application support:firefox 7.0 status: active; last updated 2012-04-03 introduction: pushed to nightly on 2011-06-23 bugs: bug 665580 values true (default) if the active url is exactly the
domain name, the trailing slash (/) behind the top level
domain will be hidden.
L20n HTML Bindings
r <a href="/main" class="btn-cancel" title="back to the homepage">cancel</a>.
... not on the default whitelist but since it's present in the source html, it is also allowed in the translation.
...elements, but type is not.
....
AsyncTestUtils extended framework
takes an object of the same style taken by age.
...orrect that in the future.) if your set definition was {count: 3, age: {days: 7}, age_incr: {days: -1}}, then you would generate messages from 7, 6, and 5 days ago.
... future.) if your set definition was {count: 3, age: {days: 7}, age_incr: {days: -1}}, then you would generate messages from 7, 6, and 5 days ago.
...john smith", "smitty@example.com"]]} would specify two recipients.
JSS FAQ
jss frequently asked questions newsgroup: mozilla.dev.tech.crypto content: what versions of jdk and jce do you suggest?
.../jss/pkix/crmf/certreqmsg.java org/mozilla/jss/pkix/crmf/certtemplate.java org/mozilla/jss/pkix/primitive/name.java org/mozilla/jss/provider/javax/crypto/jsssecretkeyfactoryspi.java org/mozilla/jss/util/utf8converter.java org/mozilla/jss/util/base64inputstream.java jss/samples/pqggen.java jss/samples/pkcs12.java if i don't call setcipherpolicy, is the
domestic policy used by default?
...la/jss/pkix/crmf/certtemplate.java org/mozilla/jss/pkix/primitive/name.java org/mozilla/jss/provider/javax/crypto/jsssecretkeyfactoryspi.java org/mozilla/jss/util/utf8converter.java org/mozilla/jss/util/base64inputstream.java jss/samples/pqggen.java jss/samples/pkcs12.java if i don't call setcipherpolicy, is the
domestic policy used by default?
...zilla/jss/pkix/primitive/name.java org/mozilla/jss/provider/javax/crypto/jsssecretkeyfactoryspi.java org/mozilla/jss/util/utf8converter.java org/mozilla/jss/util/base64inputstream.java jss/samples/pqggen.java jss/samples/pkcs12.java if i don't call setcipherpolicy, is the
domestic policy used by default?
NSS Sample Code Utilities_1
ompt, checkpassword); case pw_fromfile: pw = filepasswd(slot, retry, pwdata->data); pwdata->source = pw_plaintext; pwdata->data = pl_strdup(pw); return pw; case pw_plaintext: return pl_strdup(pwdata->data); default: break; } pr_fprintf(pr_stderr, "password check failed: no password found.\n"); return null; } /* * generateran
dom */ secstatus generateran
dom(unsigned char *rbuf, int rsize) { char meter[] = { "\r| |" }; int fd, count; int c; secstatus rv = secsuccess; cc_t orig_cc_min; cc_t orig_cc_time; tcflag_t orig_lflag; struct termios tio; fprintf(stderr, "to gen...
...tatus generateran
dom(unsigned char *rbuf, int rsize) { char meter[] = { "\r| |" }; int fd, count; int c; secstatus rv = secsuccess; cc_t orig_cc_min; cc_t orig_cc_time; tcflag_t orig_lflag; struct termios tio; fprintf(stderr, "to generate ran
dom numbers, " "continue typing until the progress meter is full:\n\n"); fprintf(stderr, "%s", meter); fprintf(stderr, "\r|"); /* turn off echo on stdin & return on 1 char instead of nl */ fd = fileno(stdin); tcgetattr(fd, &tio); orig_lflag = tio.c_lflag; orig_cc_min = tio.c_cc[vmin]; orig_cc_time = tio.c_cc[vtime]; tio.c_lflag &= ~echo; tio.c_lfl...
...; fprintf(stderr, "\r|"); /* turn off echo on stdin & return on 1 char instead of nl */ fd = fileno(stdin); tcgetattr(fd, &tio); orig_lflag = tio.c_lflag; orig_cc_min = tio.c_cc[vmin]; orig_cc_time = tio.c_cc[vtime]; tio.c_lflag &= ~echo; tio.c_lflag &= ~icanon; tio.c_cc[vmin] = 1; tio.c_cc[vtime] = 0; tcsetattr(fd, tcsaflush, &tio); /* get ran
dom noise from keyboard strokes */ count = 0; while (count < rsize) { c = getc(stdin); if (c == eof) { rv = secfailure; break; } *(rbuf + count) = c; if (count == 0 || c != *(rbuf + count -1)) { count++; fprintf(stderr, "*"); } } rbuf[count] = '\0'; fprintf(stderr, "\n\nfinished.
...; } /* * seedfromnoisefile */ secstatus seedfromnoisefile(const char *noisefilename) { char buf[2048]; prfiledesc *fd; print32 count; fd = pr_open(noisefilename, pr_rdonly, 0); if (!fd) { fprintf(stderr, "failed to open noise file."); return secfailure; } do { count = pr_read(fd,buf,sizeof(buf)); if (count > 0) { pk11_ran
domupdate(buf,count); } } while (count > 0); pr_close(fd); return secsuccess; } /* * filesize */ long filesize(const char* filename) { struct stat stbuf; stat(filename, &stbuf); return stbuf.st_size; } /* * readderfromfile */ secstatus readderfromfile(secitem *der, const char *infilename, prbool ascii) { secstatus rv = secsuccess; prfiledesc *infi...
NSS Tools sslstrength
sslstrength summary a simple command-line client which connects to an ssl-server, and reports back the encryption cipher and strength used.
..., will default to the https port (443).
...this, the ciphers command can be used to further restrict the ciphers available.
...lable.
PKCS #11 Module Specs
sed for all basic md2 hashing.
...ken should be used for ssl key derivation which are not constrained by an existing key in another token.
... constrained by an existing key in another token.
...than 'timeout' minutes ago.
NSS Tools modutil
enclose this list in quotation marks if it contains spaces.
... list in quotation marks if it contains spaces.
... rsa: 0x00000001 dsa: 0x00000002 rc2: 0x00000004 rc4: 0x00000008 des: 0x00000010 dh: 0x00000020 fortezza: 0x00000040 rc5: 0x00000080 sha1: 0x00000100 md5: 0x00000200 md2: 0x00000400 ran
dom: 0x08000000 friendly: 0x10000000 own_pw_defaults: 0x20000000 disable: 0x40000000 cipherenableflags specifies ciphers that this module provides but netscape communicator does not, so that communicator can enable them.
...wser before continuing this operation.
NSS Tools sslstrength
sslstrength summary a simple command-line client which connects to an ssl-server, and reports back the encryption cipher and strength used.
...n, will default to the https port (443).
...this, the ciphers command can be used to further restrict the ciphers available.
...lable.
Rhino downloads archive
rhino 1.5r1 2000-09-10 changes in 1.5r1 rhino15r1.zip rhino 1.4r3 1999-05-10 initial public release rhino14r3.zip rhino 1.6r1 through 1.6r6 implement e4x using xmlbeans library.
... rhino 1.4r3 1999-05-10 initial public release rhino14r3.zip rhino 1.6r1 through 1.6r6 implement e4x using xmlbeans library.
...zip rhino 1.6r1 through 1.6r6 implement e4x using xmlbeans library.
... using xmlbeans library.
JIT Optimization Outcomes
tivereceiver indextype setelemnondensenontanotcached nosimdjitsupport optimization failed because simd jit support was not enabled.
... names.
...inlined
dom monomorphic polymorphic inline cache outcomes outcomes describing inline cache stubs that were generated.
...success icgetpropstub_readslot icgetpropstub_callgetter icgetpropstub_arraylength icgetpropstub_unboxedread icgetpropstub_unboxedreadexpando icgetpropstub_unboxedarraylength icgetpropstub_typedarraylength icgetpropstub_
domproxyshadowed icgetpropstub_
domproxyunshadowed icgetpropstub_genericproxy icgetpropstub_argumentslength icsetpropstub_slot icsetpropstub_genericproxy icsetpropstub_
domproxyshadowed icsetpropstub_
domproxyunshadowed icsetpropstub_callsetter icsetpropstub_addslot icsetpropstub_setunboxed icgetelemstub_readslot icgetelemstub_callgetter icgetelemstub_readunboxed icgetelemstub_dense icgetelemstub_densehole icgetelemstub_typedarray icgetelemstub_argselement icgetelemstub_argselementstrict icsetelemstub_dense icsetelemstub_typedarray icnamestub_readslot ...
JSClass.flags
id search for jsclass_has_private jsclass_private_is_nsisupports mozilla extension.
..._private_is_nsisupports mozilla extension.
...illa extension.
...ass_has_cached_proto.
Shell global objects
for error messages and debug info global global in which to execute the code newcontext if true, create and use a new cx (default: false) catchtermination if true, catch termination (failure without an exception value, as for slow scripts or out-of-memory) and return 'terminated' element if present with value v, convert v to an object o and mark the source as being attached to the
dom element o.
...ext if true, create and use a new cx (default: false) catchtermination if true, catch termination (failure without an exception value, as for slow scripts or out-of-memory) and return 'terminated' element if present with value v, convert v to an object o and mark the source as being attached to the
dom element o.
...ould be compiled: noscriptrval use the no-script-rval compiler option (default: false) filename filename for error messages and debug info linenumber starting line number for error messages and debug info columnnumber starting column number for error messages and debug info element if present with value v, convert v to an object o and mark the source as being attached to the
dom element o.
...e) filename filename for error messages and debug info linenumber starting line number for error messages and debug info columnnumber starting column number for error messages and debug info element if present with value v, convert v to an object o and mark the source as being attached to the
dom element o.
A Web PKI x509 certificate primer
en you visit a secure website, firefox will validate the website’s certificate by checking that the certificate that signed it is valid, and checking that the certificate that signed the parent certificate is valid and so forth up to a root certificate that is known to be valid.
... a long term root cert, a medium term intermediate cert, and a short term end-entity cert.
...intermediate cert, and a short term end-entity cert.
...verauth authorityinfoaccess = ocsp;uri:http://ocsp.example.com:8888/ sign the intermediate csr with the root key and the intermediate extensions "openssl x509 -req -sha256 -days 2922 -in int.csr -cakey rootkey.pem -ca root.pem -set_serial $some_large_integer -out int.pem -extfile openssl.int.cnf" generate the end entity certificate update www.example.com below to match your
domain.
XUL Accessibility
ch in progress.
...ules how accessibility properties are formed for xul elements.
...are formed for xul elements.
...abelledby attribute, name is generated from elements pointed by aria-labelledby attribute <description id="descr1">label1</description> <description id="descr2">label2</description> <textbox aria-labelledby="descr1 descr2" /> if the element implements nsi
domxullabeledcontrolelement or nsi
domxulselectcontrolitemelement interface then it is used label property if the element doesn't implement nsi
domxulselectcontrolelement then label attribute is used if neighbour of the element has label element pointing to this element by the control attribute, if the label element is found then use value attribute or its content.
Querying Places
bute boolean hasbegintime readonly attribute prtime absolutebegintime attribute prtime endtime attribute unsigned long endtimereference readonly attribute boolean hasendtime readonly attribute prtime absoluteendtime attribute astring searchterms readonly attribute boolean hassearchterms attribute long minvisits attribute long maxvisits attribute boolean onlybookmarked attribute boolean
domainishost attribute autf8string
domain readonly attribute boolean has
domain attribute boolean uriisprefix attribute nsiuri uri readonly attribute boolean hasuri attribute boolean annotationisnot attribute autf8string annotation readonly attribute boolean hasannotation readonly attribute unsigned long foldercount basic query configuration options const unsigned short group_by_day = 0 ...
...
domain attribute boolean uriisprefix attribute nsiuri uri readonly attribute boolean hasuri attribute boolean annotationisnot attribute autf8string annotation readonly attribute boolean hasannotation readonly attribute unsigned long foldercount basic query configuration options const unsigned short group_by_day = 0 const unsigned short group_by_host = 1 const unsigned short group_by_
domain = 2 const unsigned short group_by_folder = 3 const unsigned short sort_by_none = 0 const unsigned short sort_by_title_ascending = 1 const unsigned short sort_by_title_descending = 2 const unsigned short sort_by_date_ascending = 3 const unsigned short sort_by_date_descending = 4 const unsigned short sort_by_uri_ascending = 5 const unsigned short sort_by_uri_descending = 6 const unsigne...
...story.getnewquery(); query1.searchterms = "firefox"; // second query object searches for visited in past 24 hours and from mozilla.org var query2 = placesutils.history.getnewquery(); query2.begintimereference = query2.time_relative_now; query2.begintime = -24 * 60 * 60 * 1000000; // 24 hours ago in microseconds query2.endtimereference = query2.time_relative_now; query2.endtime = 0; // now query2.
domain = "mozilla.org"; var result = placesutils.history.executequeries([query1, query2], 2, options); note: keyword searching doesn't work correctly across or queries.
...it is best to close a container as soon as you are done with it, since it will give better performance.
amIWebInstallPrompt
toolkit/mozapps/extensions/amiwebinstalllistener.idlscriptable called when installation by websites is currently disabled.
...websites is currently disabled.
....0 66 introduced gecko 2.0 inherits from: nsisupports last changed in gecko 8.0 (firefox 8.0 / thunderbird 8.0 / seamonkey 2.5) method overview void confirm(in nsi
domwindow awindow, in nsiuri auri, [array, size_is(acount)] in nsivariant ainstalls, [optional] in pruint32 acount); prior to gecko 8.0, all references to nsi
domwindow used in this interface were nsi
domwindow.
...thunderbird 8.0 / seamonkey 2.5) method overview void confirm(in nsi
domwindow awindow, in nsiuri auri, [array, size_is(acount)] in nsivariant ainstalls, [optional] in pruint32 acount); prior to gecko 8.0, all references to nsi
domwindow used in this interface were nsi
domwindow.
nsIAuthModule
to be used as server and client authentication service.
... must be recycled with a call to nsimemory.free().
... unless this method succeeds.
...ds.
nsICommandLineRunner
line handlers.
...sed.
...n() processes the command-line handlers in the proper order, and calls nsicommandlinehandler.handle() on each.
...oper order, and calls nsicommandlinehandler.handle() on each.
nsIDragDropHandler
nsidragdrophandler is an interface for communicating with the built-in drag and drop implementation in the content area.
...his to register where the listeners should attach (something that implements nspi
domeventtarget which is what we end up using under the hood).
...y 1.0) inherits from: nsisupports method overview void detach(); void hookupto(in nsi
domeventtarget attachpoint, in nsiwebnavigation navigator); methods detach() unregisters all handlers related to drag and drop.
...be overridden.
nsIDragSession
sferable atransferable, in unsigned long aitemindex ); boolean isdataflavorsupported( in string adataflavor ); attributes attribute type description candrop boolean set the current state of the drag, whether it can be dropped or not.
...unsigned long sets the action (copy, move, link and so on) for the current drag.
... boolean indicates if the drop event should be dispatched only to chrome.
...dicates if the drop event should be dispatched only to chrome.
nsIDroppedLinkItem
dom/base/nsidroppedlinkhandler.idlscriptable please add a summary to this article.
...
dom/base/nsidroppedlinkhandler.idlscriptable please add a summary to this article.
...
dom/base/nsidroppedlinkhandler.idlscriptable please add a summary to this article.
...edlinkhandler.idlscriptable please add a summary to this article.
nsILoginManager
nted by: @mozilla.org/login-manager;1.
...e(components.interfaces.nsiloginmanager); method overview void addlogin(in nsilogininfo alogin); nsiautocompleteresult autocompletesearch(in astring asearchstring, in nsiautocompleteresult apreviousresult, in nsi
domhtmlinputelement aelement); unsigned long countlogins(in astring ahostname, in astring aactionurl, in astring ahttprealm); boolean fillform(in nsi
domhtmlformelement aform); void findlogins(out unsigned long count, in astring ahostname, in astring aactionurl, in astring ahttprealm, [retval, array, size_is(count)] out nsilogininfo logins); void getalldisabledhosts([optional] out unsigned long count, [retval, array, size_is(count)] out wstring hostnames); void getalllogins([optional] out unsigned long count, [retval, a...
...anager.
...atch any protocol logins (for example when interested in form logins only), specify null.
nsIMacDockSupport
true), if this is not done then firefox will not be activated.
...idden window of firefox.
...efox (services.appshel.hidden
domwindow) loads on browser startup, so if you would like to access it on startup of the browser make sure to check and wait for the window to be loaded.
...only.xul', 'menuitem'); macmenuitem.setattribute('label', 'show most recent window'); macmenuitem.setattribute('id', 'mymacmenuitem'); macmenuitem.addeventlistener('command', function(){ var docksupport = cc['@mozilla.org/widget/macdocksupport;1'].getservice(ci.nsimacdocksupport); docksupport.activateapplication(true); services.wm.getmostrecentwindow(null).focus() }) services.appshell.hidden
domwindow.document.getelementbyid('menu_mac_dockmenu').appendchild(macmenuitem) this adds the "show most recent window" menuitem from the previous example as a third item.
nsIMicrosummaryGenerator
le this interface provides access to a microsummary that has been installed in firefox.
...introduced gecko 1.8 obsolete gecko 6.0 inherits from: nsisupports last changed in gecko 1.9 (firefox 3) warning: microsummary support was removed in gecko 6.0 (firefox 6.0 / thunderbird 6.0 / seamonkey 2.3) method overview long calculateupdateinterval(in nsi
domnode apagecontent); boolean equals(in nsimicrosummarygenerator aother); astring generatemicrosummary(in nsi
domnode apagecontent); attributes attribute type description loaded boolean has the generator itself (which may be a remote resource) been loaded.
...ue.
...e generator to compare against.
nsIPushSubscription
dom/interfaces/push/nsipushservice.idlscriptable includes information needed to send a push message to privileged code.
...y 2.43) each subscription is associated with a unique url generated by the push service.
...y and secret; these are used to encrypt message payloads.
...ing the key material for this subscription.
nsIScriptError
"chrome javascript" for logging exceptions caused by addon code.
...ript" for logging exceptions caused by addon code.
...gging exceptions caused by addon code.
...the web console does not display "xpconnect javascript" "component javascript" "chrome javascript" "chrome registration" "xbl" "xbl prototype handler" "xbl content sink" "xbl javascript" "frameconstructor" categories the web console displays "hudconsole" "css parser" "css loader" "content javascript" "
dom events" "
dom:html" "
dom window" "svg" "imagemap" "html" "canvas" "
dom3 load" "
dom" "malformed-xml" "
dom worker javascript" "mixed content blocker" "csp" "invalid hsts headers" "insecure password field" see also using the web console error console nsiconsolemessage nsiscripterror2 ...
nsIURI
this is an interface for an uniform resource identifier with internationalization support, offering attributes that allow setting and querying the basic components of a uri, and methods for performing basic operations on uris.
... equals(in nsiuri other); boolean equalsexceptref(in nsiuri other); autf8string resolve(in autf8string relativepath); boolean schemeis(in string scheme); attributes attribute type description asciihost acstring the uri host with an ascii compatible encoding.
...ispec acstring (us-ascii) the uri spec with an ascii compatible encoding.
... url-escaped per the rules of rfc3986.
XPIDL
string full unicode set permitted (translated to utf-8) acstring const nsacstring& nsacstring& string only chars in range \u0000-\u00ff permitted astring const nsastring& nsastring& string full unicode set permitted jsval const jsval& jsval* anything jsid jsid jsid* not allowed promise mozilla::
dom::promise* mozilla::
dom::promise** promise typedefs in idl are basically as they are in c or c++: you define first the type that you want to refer to and then the name of the type.
...e type is really (native str)* ref the type is really (native str)& utf8string this is an nsacstring declaration whose text is utf-8.
...eally (native str)& utf8string this is an nsacstring declaration whose text is utf-8.
... text is utf-8.
Plug-in Development Overview - Plugins
the np_getmimedescription entry point.
...xbm:x bitmap or for 2 mime types: image/xbm:xbm:x bitmap;image/png:png:portable network graphics.
...and consumed by the browser.
...wser user interface, your plug-in can emulate the browser behavior by providing status line messages.
Intensive JavaScript - Firefox Developer Tools
point in the execution.
... will just calculate primality for each number in a separate function: function dopointlesscomputationswithrequestanimationframe() { function testcandidate(index) { // finishing condition if (index == iterations) { console.log(primes); pointlesscomputationsbutton.disabled = false; return; } // test this number var candidate = index * (multiplier * math.ran
dom()); var isprime = true; for (var c = 2; c <= math.sqrt(candidate); ++c) { if (candidate % c === 0) { // not prime isprime = false; break; } } if (isprime) { primes.push(candidate); } // schedule the next var testfunction = testcandidate.bind(this, index + 1); window.requestanimationframe(testfunction); } var pri...
...go); function go(message) { var iterations = message.data.iterations; var multiplier = message.data.multiplier; primes = calculateprimes(iterations, multiplier); self.postmessage({ "command":"done", "primes": primes }); } function calculateprimes(iterations, multiplier) { var primes = []; for (var i = 0; i < iterations; i++) { var candidate = i * (multiplier * math.ran
dom()); var isprime = true; for (var c = 2; c <= math.sqrt(candidate); ++c) { if (candidate % c === 0) { // not prime isprime = false; break; } } if (isprime) { primes.push(candidate); } } return primes; } in the worker, we have to listen for a message telling us to start, and send a "done" message back when we are done.
...) function that runs when the worker calls "done".
Console messages - Firefox Developer Tools
g an async function, its traces (console.trace or thrown error) are shown with an async: prefix.
...eb console also logs reflow events under the css category.
...rn.
... find a suitable library for your server code, see the chrome logger documentation.
AbortSignal - Web APIs
the abortsignal interface represents a signal object that allows you to communicate with a
dom request (such as a fetch) and abort it if required via an abortcontroller object.
...signal interface also inherits properties from its parent interface, eventtarget.
...r('click', function() { controller.abort(); console.log('download aborted'); }); function fetchvideo() { ...
....catch(function(e) { reports.textcontent = 'download error: ' + e.message; }) } note: when abort() is called, the fetch() promise rejects with an aborterror.
Animation.playState - Web APIs
xample in the growing/shrinking alice game example, players can get an ending with alice crying into a pool of tears.
...g alice game example, players can get an ending with alice crying into a pool of tears.
...ing with alice crying into a pool of tears.
...ool of tears.
AudioTrack - Web APIs
rface represents a single audio track from one of the html media elements, <audio> or <video>.
... to false mutes the track's audio.
... a specific track within an audio track list by calling audiotracklist.gettrackbyid().
...e category into which the track falls.
AudioWorkletProcessor.process - Web APIs
tput silence for the rest of its lifetime.
...ts first output.
...y the customgain parameter.
... the first output const output = outputs[0] // fill each channel with ran
dom values multiplied by gain output.foreach(channel => { for (let i = 0; i < channel.length; i++) { // generate ran
dom value for each sample // math.ran
dom range is [0; 1); we need [-1; 1] // this won't include exact 1 but is fine for now for simplicity channel[i] = (math.ran
dom() * 2 - 1) * // the array can contain 1 or 128 values // depending on if the automation is present // and if the automation rate is k-rate or a-rate (parameters['customgain'].length > 1 ?
BasicCardRequest.supportedNetworks - Web APIs
the supportednetworks property of the basiccardrequest dictionary contains an array of
domstrings representing the card networks that the retailer supports (e.g.
... the supportednetworks property of the basiccardrequest dictionary contains an array of
domstrings representing the card networks that the retailer supports (e.g.
...sung internetsupportednetworkschrome no support noedge no support ≤18 — 79firefox full support 56notes disabled full support 56notes disabled notes available only in nightly builds.disabled from version 56: this feature is behind the
dom.payments.request.enabled preference (needs to be set to true).
...android no support nochrome android full support 57firefox android full support 56notes disabled full support 56notes disabled notes available only in nightly builds.disabled from version 56: this feature is behind the
dom.payments.request.enabled preference (needs to be set to true).
CSSKeyframesRule - Web APIs
ts the name of the animation, used by the animation-name property.
... css rules in the media rule.
... rule into the current csskeyframesrule.
...t contains more than one keyframe rule, a
domexception with a syntax_err is thrown.
CSSNamespaceRule - Web APIs
the cssnamespacerule interface describes an object representing a single css @namespace at-rule.
... the cssnamespacerule interface describes an object representing a single css @namespace at-rule.
...value of 10 (cssrule.namespace_rule).
...rface cssnamespacerule : cssrule { readonly attribute
domstring namespaceuri; readonly attribute
domstring?
CSSOMString - Web APIs
cssomstring is used to denote string data in cssom specifications and can refer to either
domstring or usvstring.
... cssomstring is used to denote string data in cssom specifications and can refer to either
domstring or usvstring.
... can refer to either
domstring or usvstring.
...ys cssomstring, it depends on the browser vendors to choose whether to use
domstring or usvstring.
CSSPrimitiveValue.setStringValue() - Web APIs
the setstringvalue() method of the cssprimitivevalue interface is used to set a string value.
...ingtype, stringvalue); parameters stringtype an unsigned short representing the type of the value.
...e: constant description css_attr the value is an attr() function.
... void.
CSSStyleDeclaration.getPropertyPriority() - Web APIs
the cssstyledeclaration.getpropertypriority() method interface returns a
domstring that provides all explicitly set priorities on the css property.
... the cssstyledeclaration.getpropertypriority() method interface returns a
domstring that provides all explicitly set priorities on the css property.
... the cssstyledeclaration.getpropertypriority() method interface returns a
domstring that provides all explicitly set priorities on the css property.
...n a css selector rule: var declaration = document.stylesheets[0].cssrules[0].style; var isimportant = declaration.getpropertypriority('margin') === 'important'; specifications specification status comment css object model (cssom)the definition of 'cssstyledeclaration.getpropertypriority()' in that specification.
CSSStyleDeclaration.getPropertyValue() - Web APIs
the cssstyledeclaration.getpropertyvalue() method interface returns a
domstring containing the value of a specified css property.
... the cssstyledeclaration.getpropertyvalue() method interface returns a
domstring containing the value of a specified css property.
... the cssstyledeclaration.getpropertyvalue() method interface returns a
domstring containing the value of a specified css property.
...rgin property in a css selector rule: var declaration = document.stylesheets[0].cssrules[0].style; var value = declaration.getpropertyvalue('margin'); // "1px 2px" specifications specification status comment css object model (cssom)the definition of 'cssstyledeclaration.getpropertyvalue()' in that specification.
CSSStyleDeclaration.removeProperty() - Web APIs
the cssstyledeclaration.removeproperty() method interface removes a property from a css style declaration object.
... the cssstyledeclaration.removeproperty() method interface removes a property from a css style declaration object.
... interface removes a property from a css style declaration object.
...und-color css property from a selector rule: var declaration = document.stylesheets[0].rules[0].style; var oldvalue = declaration.removeproperty('background-color'); specifications specification status comment css object model (cssom)the definition of 'cssstyledeclaration.removeproperty()' in that specification.
CompositionEvent.initCompositionEvent() - Web APIs
the initcompositionevent() method of the compositionevent interface initializes the attributes of a compositionevent object instance.
...ewarg, dataarg, localearg) parameters typearg a
domstring representing the type of composition event; this will be one of compositionstart, compositionupdate, or compositionend.
...nting the type of composition event; this will be one of compositionstart, compositionupdate, or compositionend.
... bubble.
DataTransfer.getData() - Web APIs
the datatransfer.getdata() method retrieves drag data (as a
domstring) for the specified type.
... the datatransfer.getdata() method retrieves drag data (as a
domstring) for the specified type.
... the datatransfer.getdata() method retrieves drag data (as a
domstring) for the specified type.
... the datatransfer.getdata() method retrieves drag data (as a
domstring) for the specified type.
DirectoryEntrySync - Web APIs
s.txt', {create: true}); the getdirectory() method returns a directoryentrysync, which represents a file in the file system.
...e file system.
...exception with the following codes: exception description not_found_err the directory does not exist.
...n to exceed its storage quota.
Document.createNSResolver() - Web APIs
creates an xpathnsresolver which resolves namespaces with respect to the definitions in scope for a specified node.
...ntax nsresolver = document.creatensresolver(node); parameters node is the node to be used as a context for namespace resolution.
...espace-uri()=http://www.w3.org/1999/xhtml and name()=p[@id='_myid'] (this approach works well for dynamic xpath expressions where the namespaces might not be known) or use prefixed name tests, and create a namespace resolver mapping the prefix to the namespace.
... tests, and create a namespace resolver mapping the prefix to the namespace.
Document.getElementsByTagName() - Web APIs
the getelementsbytagname method of document interface returns an htmlcollection of elements with the given tag name.
...e is a string representing the name of the elements.
... getelementsbytagname() starts from a particular parent element and searches top-down recursively through the
dom from that parent element, building a collection of all descendant elements which match the tag name parameter.
...before proceeding.
Document.readyState - Web APIs
es, stylesheets and frames are still loading.
...sources such as images, stylesheets and frames are still loading.
...ames are still loading.
...omcontentloaded event document.onreadystatechange = function () { if (document.readystate === 'interactive') { initapplication(); } } readystatechange as an alternative to load event // alternative to load event document.onreadystatechange = function () { if (document.readystate === 'complete') { initapplication(); } } readystatechange as event listener to insert or modify the
dom before
domcontentloaded document.addeventlistener('readystatechange', event => { if (event.target.readystate === 'interactive') { initloader(); } else if (event.target.readystate === 'complete') { initapp(); } }); specifications specification status comment html living standardthe definition of 'document readiness' in that specification.
Element.getClientRects() - Web APIs
the getclientrects() method of the element interface returns a collection of
domrect objects that indicate the bounding rectangles for each css border box in a client.
... the getclientrects() method of the element interface returns a collection of
domrect objects that indicate the bounding rectangles for each css border box in a client.
... the getclientrects() method of the element interface returns a collection of
domrect objects that indicate the bounding rectangles for each css border box in a client.
...an outer-<svg>, the "viewport" that the resulting rectangles are relative to is the viewport that the element's outer-<svg> establishes (and to be clear, the rectangles are also transformed by the outer-<svg>'s viewbox transform, if any).
Element.getElementsByTagNameNS() - Web APIs
umber of cells in a table in an xhtml document.
...r i = 0; i < cells.length; i++) { var axis = cells[i].getattribute("axis"); if (axis == "year") { // grab the data } } specifications specification status comment
domthe definition of 'element.getelementsbytagnamens()' in that specification.
... specification status comment
domthe definition of 'element.getelementsbytagnamens()' in that specification.
...n of 'element.getelementsbytagnamens()' in that specification.
Element.hasAttributes() - Web APIs
e return value true or false.
...ype.hasattributes = prototype.hasattributes || function() { return (this.attributes.length > 0); } })(element.prototype); specifications specification status comment
domthe definition of 'element.hasattributes()' in that specification.
...s specification status comment
domthe definition of 'element.hasattributes()' in that specification.
...he definition of 'element.hasattributes()' in that specification.
Element.innerHTML - Web APIs
ers (&), (<), or (>), innerhtml returns these characters as the html entities "&", "<" and ">" respectively.
...cumentelement.innerhtml = "<pre>" + document.documentelement.innerhtml.replace(/</g,"<") + "</pre>"; operational details what exactly happens when you set value of innerhtml?
...he new documentfragment created in step 1.
...: 600px; height: 300px; border: 1px solid black; padding: 2px 4px; overflow-y: scroll; overflow-x: auto; } .log { margin-top: 8px; font-family: monospace; } result the resulting content looks like this.
Element.insertAdjacentElement() - Web APIs
the insertadjacentelement() method of the element interface inserts a given element node at a given position relative to the element it is invoked upon.
...id element.
...example beforebtn.addeventlistener('click', function() { var tempdiv = document.createelement('div'); tempdiv.style.backgroundcolor = ran
domcolor(); if (activeelem) { activeelem.insertadjacentelement('beforebegin',tempdiv); } setlistener(tempdiv); }); afterbtn.addeventlistener('click', function() { var tempdiv = document.createelement('div'); tempdiv.style.backgroundcolor = ran
domcolor(); if (activeelem) { activeelem.insertadjacentelement('afterend',tempdiv); } setlistener(tempdiv); }); have a look at our insertadjacentelement.html demo on github (see the source code too.) here we have a sequence of <div> elements inside a container.
...r insertadjacentelement.html demo on github (see the source code too.) here we have a sequence of <div> elements inside a container.
Element.insertAdjacentHTML() - Web APIs
the insertadjacenthtml() method of the element interface parses the specified text as html or xml and inserts the resulting nodes into the
dom tree at a specified position.
...t as html or xml and inserts the resulting nodes into the
dom tree at a specified position.
...t child.
...djacenthtml(), be careful not to use user input that hasn't been escaped.
Element.outerHTML - Web APIs
the outerhtml attribute of the element
dom interface gets the serialized html fragment describing the element including its descendants.
...ing the element including its descendants.
...the contents of an element, or to replace the contents of an element, use the innerhtml property instead.
...his div replaced a paragraph.</div>"; console.log(p.nodename); // still "p"; the returned value will contain html escaped attributes: var anc = document.createelement("a"); anc.href = "https://developer.mozilla.org?a=b&c=d"; console.log(anc.outerhtml); // output: "<a href='https://developer.mozilla.org?a=b&c=d'></a>" specification specification status comment
dom parsing and serializationthe definition of 'element.outerhtml' in that specification.
Element.shadowRoot - Web APIs
ement.
...m element itself) as a parameter.
...'custom square element added to page.'); updatestyle(this); } attributechangedcallback(name, oldvalue, newvalue) { console.log('custom square element attributes changed.'); updatestyle(this); } in the updatestyle() function itself, we get a reference to the shadow
dom using element.shadowroot.
...rom(shadow.childnodes); childnodes.foreach(childnode => { if (childnode.nodename === 'style') { childnode.textcontent = ` div { width: ${elem.getattribute('l')}px; height: ${elem.getattribute('l')}px; background-color: ${elem.getattribute('c')}; } `; } }); } specifications specification status comment
domthe definition of 'shadowroot' in that specification.
Element.toggleAttribute() - Web APIs
the toggleattribute() method of the element interface toggles a boolean attribute (removing it if it is present and adding it if it is not present) on the given element.
...ibute names.
...html <input value="text"> <button>toggleattribute("readonly")</button> javascript var button = document.queryselector("button"); var input = document.queryselector("input"); button.addeventlistener("click", function(){ input.toggleattribute("readonly"); }); result
dom methods dealing with element's attributes: not namespace-aware, most commonly used methods namespace-aware variants (
dom level 2)
dom level 1 methods for dealing with attr nodes directly (sel
dom used)
dom level 2 namespace-aware methods for dealing with attr nodes directly (sel
dom used) setattribute (
dom 1) setattributens setattributenode setattributenodens getattribute (
dom 1) getattributens getattributenode getattributenodens hasattribute (
dom 2) hasattributens - - removeattribute (
dom 1) removeattribut...
... element.prototype.toggleattribute = function(name, force) { if(force !== void 0) force = !!force if (this.hasattribute(name)) { if (force) return true; this.removeattribute(name); return false; } if (force === false) return false; this.setattribute(name, ""); return true; }; } specification specification status comment
domthe definition of 'element.toggleattribute' in that specification.
Event.bubbles - Web APIs
the bubbles read-only property of the event interface indicates whether the event bubbles up through the
dom or not.
... the bubbles read-only property of the event interface indicates whether the event bubbles up through the
dom or not.
... the event bubbles and ...
... // already bubbling dooutput(e); } note: only certain events can bubble.
Event.initEvent() - Web APIs
d to set the event before it is dispatched, using eventtarget.dispatchevent().
...s value.
...bubbles up and // cannot be canceled event.initevent('click', true, false); // listen for the event.
...listener('click', function (e) { // e.target matches elem }, false); elem.dispatchevent(event); specifications specification status comment
domthe definition of 'event.initevent()' in that specification.
Event.returnValue - Web APIs
the event property returnvalue indicates whether the default action for this event has been prevented or not.
...orical property.
...f the event has been canceled or the default has been prevented, the value is false.
...owser's ubiquity became so commonly used that other browsers eventually implemented it as well.
Event.stopPropagation() - Web APIs
not, however, prevent any default behaviors from occurring; for instance, clicks on links are still processed.
...licks on links are still processed.
...od.
...agation in the examples chapter for a more detailed example of this method and event propagation in the
dom.
EventTarget.removeEventListener() - Web APIs
listener.
... else { body.style.backgroundcolor = 'yellow'; } toggle = !toggle; } clicktarget.addeventlistener('click', makebackgroundyellow, false ); mouseovertarget.addeventlistener('mouseover', function () { clicktarget.removeeventlistener('click', makebackgroundyellow, false ); }); specifications specification status comment
domthe definition of 'eventtarget.removeeventlistener()' in that specification.
...ner('click', makebackgroundyellow, false ); mouseovertarget.addeventlistener('mouseover', function () { clicktarget.removeeventlistener('click', makebackgroundyellow, false ); }); specifications specification status comment
domthe definition of 'eventtarget.removeeventlistener()' in that specification.
...removeeventlistener('click', makebackgroundyellow, false ); }); specifications specification status comment
domthe definition of 'eventtarget.removeeventlistener()' in that specification.
FileReader.error - Web APIs
the filereader error property returns the error that occurred while reading the file.
... the filereader error property returns the error that occurred while reading the file.
... the filereader error property returns the error that occurred while reading the file.
... the filereader error property returns the error that occurred while reading the file.
FileReaderSync.readAsBinaryString() - Web APIs
note: this method is deprecated in favor of readasarraybuffer().
... note: this method is deprecated in favor of readasarraybuffer().
... readasarraybuffer().
...erface is only available in workers as it enables synchronous i/o that could potentially block.
FileReaderSync.readAsDataURL() - Web APIs
the readasdataurl() method of the filereadersync interface allows to read file or blob objects in a synchronous way into an
domstring representing a data url.
... the readasdataurl() method of the filereadersync interface allows to read file or blob objects in a synchronous way into an
domstring representing a data url.
... the readasdataurl() method of the filereadersync interface allows to read file or blob objects in a synchronous way into an
domstring representing a data url.
...ce is only available in workers as it enables synchronous i/o that could potentially block.
FileReaderSync.readAsText() - Web APIs
the readastext() method of the filereadersync interface allows to read file or blob objects in a synchronous way into an
domstring.
... the readastext() method of the filereadersync interface allows to read file or blob objects in a synchronous way into an
domstring.
...orkers as it enables synchronous i/o that could potentially block.
...rameters blob the
dom file or blob to read.
HTMLDListElement - Web APIs
d be reduced.
...om its parent, htmlelement.
...stelement' in that specification.
... html5the definition of 'htmldlistelement' in that specification.
HTMLElement.dir - Web APIs
t must be determined based on the contents of the element.
...le var parg = document.getelementbyid("para1"); parg.dir = "rtl"; // change the text direction on a paragraph identified as "para1" specifications specification status comment html living standardthe definition of 'dir' in that specification.
..." specifications specification status comment html living standardthe definition of 'dir' in that specification.
...ent html living standardthe definition of 'dir' in that specification.
HTMLElement.title - Web APIs
e; element.title = str; example const link = document.createelement('a'); link.innertext = 'grapes'; link.href = 'https://en.wikipedia.org/wiki/grape'; link.title = 'wikipedia page on grapes'; specifications specification status comment html living standardthe definition of 'title' in that specification.
...ement('a'); link.innertext = 'grapes'; link.href = 'https://en.wikipedia.org/wiki/grape'; link.title = 'wikipedia page on grapes'; specifications specification status comment html living standardthe definition of 'title' in that specification.
...specifications specification status comment html living standardthe definition of 'title' in that specification.
... html living standardthe definition of 'title' in that specification.
HTMLFontElement - Web APIs
implements the document object model (
dom) representation of the font element.
... implements the document object model (
dom) representation of the font element.
...ent object model (
dom) representation of the font element.
....
HTMLHyperlinkElementUtils - Web APIs
the url, including the final ':'.
...usvstring containing an initial '/' followed by the path of the url.
...svstring containing a '?' followed by the parameters of the url.
...d by the fragment identifier of the url.
HTMLIsIndexElement - Web APIs
moved in html5.
....prompt is a
domstring representing a text to be prompted for the field.
...ment.
...comment html5the definition of 'htmlisindexelement' in that specification.
HTMLLIElement - Web APIs
fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="426" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmllielement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement.
... method; inherits properties from its parent, htmlelement.
...standardthe definition of 'htmllielement' in that specification.
...ion.
HTMLMapElement - Web APIs
fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="421" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmlmapelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement.
...methods no specific method; inherits methods from its parent, htmlelement .
... html living standardthe definition of 'htmlmapelement' in that specification.
...n that specification.
HTMLMediaElement.controlsList - Web APIs
the controlslist property of the htmlmediaelement interface returns a
domtokenlist that helps the user agent select what controls to show on the media element whenever the user agent shows its own set of controls.
... the controlslist property of the htmlmediaelement interface returns a
domtokenlist that helps the user agent select what controls to show on the media element whenever the user agent shows its own set of controls.
... the controlslist property of the htmlmediaelement interface returns a
domtokenlist that helps the user agent select what controls to show on the media element whenever the user agent shows its own set of controls.
... the controlslist property of the htmlmediaelement interface returns a
domtokenlist that helps the user agent select what controls to show on the media element whenever the user agent shows its own set of controls.
HTMLOListElement - Web APIs
properties inherits properties from its parent, htmlelement.
...s no specific method; inherits methods from its parent, htmlelement.
... living standardthe definition of 'htmlolistelement' in that specification.
... specification.
HTMLOrForeignElement.tabIndex - Web APIs
rims very large values.
...dex = element.tabindex; value index is an integer example const b1 = document.getelementbyid('button1'); b1.tabindex = 1; specifications specification status comment html living standardthe definition of 'tabindex' in that specification.
...ications specification status comment html living standardthe definition of 'tabindex' in that specification.
... html living standardthe definition of 'tabindex' in that specification.
HTMLParagraphElement - Web APIs
f8" 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">htmlparagraphelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement.
...erits methods from its parent, htmlelement.
... of 'htmlparagraphelement' in that specification.
...standard html5the definition of 'htmlparagraphelement' in that specification.
HTMLSelectElement.add() - Web APIs
r this select element.
...ct> */ specifications specification status comment html living standardthe definition of 'htmlselectelement.add()' in that specification.
... html5the definition of 'htmlselectelement.add()' in that specification.
...d item is an ancestor of the htmlselectelement and no longer throws if the before parameter is not found.
HTMLSelectElement.type - Web APIs
lement) } specifications specification status comment html living standardthe definition of 'htmlselectelement' in that specification.
...omment html living standardthe definition of 'htmlselectelement' in that specification.
...latest snapshot.
...element' in that specification.
HTMLTableElement.caption - Web APIs
if (table.caption) { // do something with the caption } specifications specification status comment html living standardthe definition of 'htmltableelement.caption' in that specification.
...fications specification status comment html living standardthe definition of 'htmltableelement.caption' in that specification.
... living standard no change from html5 html5the definition of 'htmltableelement.caption' in that specification.
...e definition of 'htmltableelement.caption' in that specification.
HTMLTableElement.tFoot - Web APIs
entobject example if (table.tfoot == my_foot) { // ...
...pecifications specification status comment html living standardthe definition of 'htmltableelement.tfoot' in that specification.
...on.
...l5the definition of 'htmltableelement.tfoot' in that specification.
HTMLTableElement.tHead - Web APIs
ment.
...pecifications specification status comment html living standardthe definition of 'htmltableelement.thead' in that specification.
...on.
...l5the definition of 'htmltableelement.thead' in that specification.
HTMLUListElement - Web APIs
"#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="411" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmlulistelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement.
...nherits methods from its parent, htmlelement.
...nition of 'htmlulistelement' in that specification.
...g standard html5the definition of 'htmlulistelement' in that specification.
Recommended Drag Types - Web APIs
ile is added to the listbox.
...ox.
.../uri-list", imageurl); dt.setdata("text/plain", imageurl); note the mozgetdataat() method is used for non-textual data.
...texts may only include some of these types, it is important to check which type is made available when receiving dropped images.
HTML Drag and Drop API - Web APIs
tensions, and xul applications, you can customize which elements can become draggable, the type of feedback the draggable elements produce, and the droppable elements.
...ality to an application.
...must have both ondragover and ondrop event handler attributes.
...dragstart_handler(ev) { // add the target element's id to the data transfer object ev.datatransfer.setdata("application/my-app", ev.target.id); ev.datatransfer.dropeffect = "move"; } function dragover_handler(ev) { ev.preventdefault(); ev.datatransfer.dropeffect = "move" } function drop_handler(ev) { ev.preventdefault(); // get the id of the target and add the moved element to the target's
dom const data = ev.datatransfer.getdata("application/my-app"); ev.target.appendchild(document.getelementbyid(data)); } </script> <p id="p1" draggable="true" ondragstart="dragstart_handler(event)">this element is draggable.</p> <div id="target" ondrop="drop_handler(event)" ondragover="dragover_handler(event)">drop zone</div> for more information, see: performing a drop drag end at the end ...
HkdfParams - Web APIs
the hkdfparams dictionary of the web crypto api represents the object that should be passed as the algorithm parameter into subtlecrypto.derivekey(), when using the hkdf algorithm.
...the hkdfparams dictionary of the web crypto api represents the object that should be passed as the algorithm parameter into subtlecrypto.derivekey(), when using the hkdf algorithm.
...meter into subtlecrypto.derivekey(), when using the hkdf algorithm.
...crypto.derivekey(), when using the hkdf algorithm.
IDBFactorySync - Web APIs
ginally intended for use only with web workers, and was eventually removed from the spec because its need was questionable.
...r use only with web workers, and was eventually removed from the spec because its need was questionable.
...ription, in optional boolean modifydatabase) raises (idbdatabaseexception); methods open() opens and returns a connection to a database.
...boolean modifydatabase) raises (idbdatabaseexception); methods open() opens and returns a connection to a database.
IntersectionObserverEntry - Web APIs
ment and its root container at a specific moment of transition.
...verentry.boundingclientrect read only returns the bounds rectangle of the target element as a
domrectreadonly.
...ctionobserverentry.isintersecting read only a boolean value which is true if the target element intersects with the intersection observer's root.
... describes a transition into a state of intersection; if it's false, then you know the transition is from intersecting to not-intersecting.
KeyboardEvent() - Web APIs
the keyboardevent() constructor creates a new keyboardevent.
... the keyboardevent() constructor creates a new keyboardevent.
... keyboardevent.
...nsigned long, that sets the value of the deprecated keyboardevent.which.
Key Values - Web APIs
pinpup" a button to move the picture-in-picture view upward.
...ve the picture-in-picture view upward.
... "playspeeddown" decreases the media playback rate.
...reases the media playback rate.
Location: assign() - Web APIs
the location.assign() method causes the window to load and display the document at the url specified.
... navigate back to the page that called location.assign() by pressing the "back" button.
...on.assign() by pressing the "back" button.
..., a
domexception of the security_error type is thrown.
Location: replace() - Web APIs
the replace() method of the location interface replaces the current resource with the one at the provided url.
...ssion history, meaning the user won't be able to use the back button to navigate to it.
... to use the back button to navigate to it.
...n, a
domexception of the security_error type is thrown.
MouseScrollEvent - Web APIs
the mousescrollevent interface represents events that occur due to the user moving a mouse wheel or similar input device.
...hat occur due to the user moving a mouse wheel or similar input device.
...ard wheelevent.
... attribute type description axis read only long indicates scroll direction.
MutationObserver.takeRecords() - Web APIs
the mutationobserver method takerecords() returns a list of all matching
dom changes that have been detected but not yet processed by the observer's callback function, leaving the mutation queue empty.
...for this is to immediately fetch all pending mutation records immediately prior to disconnecting the observer, so that any pending mutations can be processed when stopping down the observer.
...time to stop observing...
...ations = observer.takerecords(); observer.disconnect(); if (mutations) { callback(mutations); } the code in lines 12–17 fetches any unprocessed mutation records, then invokes the callback with the records so that they can be processed.
NameList - Web APIs
use is discouraged since it could be removed at any time.
...ko 10.0 the namelist interface provides an abstraction for an ordered collection of name and namespace value pairs.
...action for an ordered collection of name and namespace value pairs.
...dex.
Node.childNodes - Web APIs
tself has 2 children: the doctype declaration and the root element, typically referred to as documentelement.
...ments this is the html element.) childnodes includes all child nodes—including non-element nodes like text and comment nodes.
...n of only elements, use parentnode.children instead.
... 'node.childnodes' in that specification.
Node.cloneNode() - Web APIs
) or a similar method).
...original node has an id attribute, and the clone will be placed in the same document, then you should modify the clone's id to be unique.
...'s id to be unique.
...insert into a different document, use document.importnode() instead.
Node.firstChild - Web APIs
console.log(p01.firstchild.nodename); </script> now the console will show 'span'.
...returning #text or #comment nodes, parentnode.firstelementchild can be used to return only the first element node.
...requires a shim for internet explorer 9 and earlier.
... 'node.firstchild' in that specification.
Node.lastChild - Web APIs
y property returns the last child of the node.
...xt node, or a comment node.
...getelementbyid("row1"); var corner_td = tr.lastchild; specifications specification status comment
domthe definition of 'node.lastchild' in that specification.
... of 'node.lastchild' in that specification.
ParentNode.prepend() - Web APIs
the parentnode.prepend() method inserts a set of node objects or
domstring objects before the first child of the parentnode.
... the parentnode.prepend() method inserts a set of node objects or
domstring objects before the first child of the parentnode.
...> ] parentnode.prepend() is unscopable the prepend() method is not scoped into the with statement.
...each(function (argitem) { var isnode = argitem instanceof node; docfrag.appendchild(isnode ?
ParentNode.querySelector() - Web APIs
specified group of selectors which are descendants of the object on which the method was called.
...s method is implemented as document.queryselector(), documentfragment.queryselector() and element.queryselector().
...information.
...ions syntaxerror the syntax of the specified selectors string is not valid.
PaymentAddress.dependentLocality - Web APIs
the read-only dependentlocality property of the paymentaddress interface is a string containing a sublocality designation within a city, such as a neighborhood, borough, district, or, in the united king
dom, a dependent locality.
... the read-only dependentlocality property of the paymentaddress interface is a string containing a sublocality designation within a city, such as a neighborhood, borough, district, or, in the united king
dom, a dependent locality.
...mentdependentlocality = paymentaddress.dependentlocality; value a
domstring indicating the sublocality portion of the address.
...ue a
domstring indicating the sublocality portion of the address.
PaymentAddress.toJSON() - Web APIs
ts preference (needs to be set to enabled).
... full support 62notes disabled full support 62notes disabled notes available only in nightly builds.
...d from version 61: this feature is behind the #web-payments preference (needs to be set to enabled).
... full support 62notes disabled full support 62notes disabled notes available only in nightly builds.
Pbkdf2Params - Web APIs
the pbkdf2params dictionary of the web crypto api represents the object that should be passed as the algorithm parameter into subtlecrypto.derivekey(), when using the pbkdf2 algorithm.
... the pbkdf2params dictionary of the web crypto api represents the object that should be passed as the algorithm parameter into subtlecrypto.derivekey(), when using the pbkdf2 algorithm.
...digest algorithm to use.
...to use.
performance.measure() - Web APIs
imestamp is referred to as a measure.
...rk timestamp.
...tion of the measure (typically, the end mark timestamp minus the start mark timestamp).
...performance.measure(name, startmark, endmark); performance.measure(name, undefined, endmark); arguments name a
domstring representing the name of the measure.
PerformanceServerTiming - Web APIs
note: this feature is available in web workers.
...server metrics that are sent with the response in the server-timing http header.
...ics.
...rformanceservertiming.descriptionread only a
domstring value of the server-specified metric description, or an empty string.
Using the Performance API - Web APIs
a fundamental requirement of web performance is a precise and consistent definition of time.
... and its methods and properties are extended by different standards.
...g the
domhighrestimestamp type for time values.
... µs (microseconds).
PublicKeyCredentialCreationOptions.rp - Web APIs
e rp property of the publickeycredentialcreationoptions dictionary is an object describing the relying party which requested the credential creation (via navigator.credentials.create()).
... the relying party which requested the credential creation (via navigator.credentials.create()).
...yingpartyobj = publickeycredentialcreationoptions.rp properties icon optional an url as a usvstring value which points to an image resource which can be the logo/icon of the relying party.
...tionoptions.rp properties icon optional an url as a usvstring value which points to an image resource which can be the logo/icon of the relying party.
PublicKeyCredentialRequestOptions.rpId - Web APIs
the rpid property, of the publickeycredentialrequestoptions dictionary, is an optional property which indicates the relying party's identifier as a usvstring.
...is an optional property which indicates the relying party's identifier as a usvstring.
...d, the user agent will use the value of the current origin's
domain.
...create()), see the id property of publickeycredentialcreationoptions.rp.
RTCError - Web APIs
the rtcerror interface describes an error which has occurred while handling webrtc operations.
... the rtcerror interface describes an error which has occurred while handling webrtc operations.
...tc operations.
...l
dom errors.
RTCIdentityErrorEvent - Web APIs
lidationerror.
...implements this interface under the following name: rtcpeerconnectionidentityerrorevent.
...this name when it will unprefix rtcpeerconnection, once spec and implementation will have been stabilized.
...ts these properties.
RTCRtpStreamStats - Web APIs
reamstats until a specification update in the spring of 2017.
...mented in specific browsers.
...ted mediastreamtrack is audio-only or "video" if the track contains video.
...previously called mediatype.
Range.cloneContents() - Web APIs
the range.clonecontents() returns a documentfragment copying the objects of type node included in the range.
... the range.clonecontents() returns a documentfragment copying the objects of type node included in the range.
...lected nodes include the parent tags necessary to make the document fragment valid.
...; example range = document.createrange(); range.selectnode(document.getelementsbytagname("div").item(0)); documentfragment = range.clonecontents(); document.body.appendchild(documentfragment); specifications specification status comment
domthe definition of 'range.clonecontents()' in that specification.
Range.collapsed - Web APIs
the range.collapsed read-only property returns a boolean flag indicating whether the start and end points of the range are at the same position.
... the range.collapsed read-only property returns a boolean flag indicating whether the start and end points of the range are at the same position.
...nge is empty (containing no content), and specifies a single point in a
dom tree.
... method.
ReadableStream.ReadableStream() - Web APIs
fetched.
... object value.
...ame as a countqueuingstrategy with a high water mark of 1.
...so provided to stop the generation if readablestream.cancel() is called for any reason.
SVGAElement - Web APIs
interface provides access to the properties of <a> element, as well as methods to manipulate them.
...terface also inherits properties from its parent, svggraphicselement, and implements properties from svgurireference and htmlhyperlinkelementutils.
...lowed, post requests with the body ping will be sent by the browser (in the background).
...d).
SVGTextContentElement - Web APIs
the computed length of the formatted text advance distance for a substring of text within the element.
...erted by the css 'letter-spacing' and 'word-spacing' properties.
...position of a typographic character after text layout has been performed.
...ication status comment scalable vector graphics (svg) 2the definition of 'svgtextcontentelement' in that specification.
SecurityPolicyViolationEvent - Web APIs
e violation occurred.
...ting the uri of the document or worker in which the violation was found.
... the document or worker at which the violation occurred.
...a violation will not generate a sample.
Using Service Workers - Web APIs
lable with native apps, which is one of the main reasons native apps are often chosen over web apps.
...by browsers as well.
...yway, but we specified it here for illustration purposes.
...d to populate your browser’s offline caching capabilities with the assets you need to run your app offline.
ShadowRoot.host - Web APIs
the host read-only property of the shadowroot returns a reference to the
dom element the shadowroot is attached to.
... the host read-only property of the shadowroot returns a reference to the
dom element the shadowroot is attached to.
... the host read-only property of the shadowroot returns a reference to the
dom element the shadowroot is attached to.
...rence to the
dom element the shadowroot is attached to.
StaticRange.StaticRange() - Web APIs
the staticrange() constructor creates a new staticrange object representing a span of content within the
dom.
...e starting node at which the first character of the range is found.
...xceptions invalidnodetypeerror a
domexception fired if either or both of the startcontainer and/or endcontainer are a type of node which you can't include in a range.
...the startcontainer and/or endcontainer are a type of node which you can't include in a range.
Streams API - Web APIs
adablestream() constructor).
...ablebytestreamcontroller.
...ples to go along with the streams api documentation — see mdn/
dom-examples/streams.
...eam pump: this example shows how to consume a readablestream and pass its data to another.
TypeInfo - Web APIs
the obsolete typeinfo interface was intended to be used to describe a
dom data type by keying its name to a namespace within the document's schema.
... the obsolete typeinfo interface was intended to be used to describe a
dom data type by keying its name to a namespace within the document's schema.
... the obsolete typeinfo interface was intended to be used to describe a
dom data type by keying its name to a namespace within the document's schema.
...
domstring indicating the type's namespace within the schema.
UIEvent.cancelBubble - Web APIs
the uievent.cancelbubble property indicates if event bubbling for this event has been canceled or not.
... the uievent.cancelbubble property indicates if event bubbling for this event has been canceled or not.
... the uievent.cancelbubble property indicates if event bubbling for this event has been canceled or not.
...operty to true stops the event from bubbling up the
dom.
UIEvent.initUIEvent() - Web APIs
dispatched, using eventtarget.dispatchevent().
...ny times the mouse has been clicked on a given screen location.
...that bubbles, can be cancelled, // and with its view and detail property initialized to window and 1, // respectively e.inituievent("click", true, true, window, 1); specifications specification status comment document object model (
dom) level 3 events specificationthe definition of 'uievent.inituievent()' in that specification.
...lized to window and 1, // respectively e.inituievent("click", true, true, window, 1); specifications specification status comment document object model (
dom) level 3 events specificationthe definition of 'uievent.inituievent()' in that specification.
VideoTrack - Web APIs
object is to toggle its selected property in order to make it the active video track for its <video> element.
...ill make that other track inactive.
...e a specific track within a video track list by calling videotracklist.gettrackbyid().
...cation.
Color masking - Web APIs
« previousnext » this webgl example modifies ran
dom colors by applying color masking to limit the range of displayed colors to specific shades.
... « previousnext » this webgl example modifies ran
dom colors by applying color masking to limit the range of displayed colors to specific shades.
... « previousnext » this webgl example modifies ran
dom colors by applying color masking to limit the range of displayed colors to specific shades.
...ction setcolormask(evt) { var index = evt.target === greentoggle && 1 || evt.target === bluetoggle && 2 || 0; mask[index] = !mask[index]; if (mask[index] === true) evt.target.innerhtml="on"; else evt.target.innerhtml="off"; gl.colormask(mask[0], mask[1], mask[2], true); drawanimation(); }; function drawanimation () { var color = getran
domcolor(); gl.clearcolor(color[0], color[1], color[2], 1.0); gl.clear(gl.color_buffer_bit); } function getran
domcolor() { return [math.ran
dom(), math.ran
dom(), math.ran
dom()]; } }, false); the source code of this example is also available on github.
Web Video Text Tracks Format (WebVTT) - Web APIs
horizontal, line, linealign, position, positionalign, text, size and align can be used to alter the cue and its formation, just like we can alter the objects form, shape and visibility in html using css.
... cue.
...
domstring text)] interface vttcue : texttrackcue { attribute vttregion?
...word can be used for defining a new vttregion object which can then be used for containing the multiple cues.
Geometry and reference spaces in WebXR - Web APIs
by π/180.
...80.0; let degreestoradians = (deg) => deg * radians_per_degree; let radianstodegrees = (rad) => rad / radians_per_degree; times and durations note that for security reasons,
domhighrestimestamp usually introduces a small amount of imprecision to the clock in order to prevent it from being used in fingerprinting and timing-based attacks.
... xrboundedreferencespace local a tracking space whose native origin is located near the viewer's position at the time the session was created.
...n for the viewer to stand, where the value of the y axis is 0 at floor level.
Basic concepts behind Web Audio API - Web APIs
data that can be passed to a visualization technology such as <canvas>.
...ogy such as <canvas>.
...sernode.getfloatfrequencydata() copies the current frequency data into a float32array array passed into it.
... frequency data into a float32array array passed into it.
Functions and classes available to Web Workers - Web APIs
in addition to the standard javascript set of functions (such as string, array, object, json, etc), there are a variety of functions available from the
dom to workers.
...o the browser's debugging console (e.g., the web console in firefox).
... crypto the crypto interface represents basic cryptography features available in the current context.
...crypto interface represents basic cryptography features available in the current context.
WheelEvent.deltaMode - Web APIs
the wheelevent.deltamode read-only property returns an unsigned long representing the unit of the delta values scroll amount.
... the wheelevent.deltamode read-only property returns an unsigned long representing the unit of the delta values scroll amount.
... the wheelevent.deltamode read-only property returns an unsigned long representing the unit of the delta values scroll amount.
... 0x01 the delta values are specified in lines.
WheelEvent - Web APIs
.
...levent.deltazread only returns a double representing the scroll amount for the z-axis.
...elevent.deltamoderead only returns an unsigned long representing the unit of the delta* values' scroll amount.
...02 the delta* values are specified in pages.
WindowEventHandlers.onhashchange - Web APIs
siting a cool feature!"); } } window.onhashchange = locationhashchanged; using an event listener this example uses an event listener to log a notification whenever the hash has changed.
...ing an event listener this example uses an event listener to log a notification whenever the hash has changed.
...addeventlistener('hashchange', hashhandler, false); overriding the hash this function sets a new hash dynamically, setting it ran
domly to one of two values.
... function sets a new hash dynamically, setting it ran
domly to one of two values.
XMLHttpRequest.withCredentials - Web APIs
property is a boolean that indicates whether or not cross-site access-control requests should be made using credentials such as cookies, authorization headers or tls client certificates.
...or not cross-site access-control requests should be made using credentials such as cookies, authorization headers or tls client certificates.
...values for their own
domain unless withcredentials is set to true before making the request.
...ials is set to true before making the request.
XPathExpression.evaluate() - Web APIs
invalid_expression_err if the expression is not legal according to the rules of the xpathevaluator, an xpathexception of type invalid_expression_err is raised.
...ype_err in case result cannot be converted to the specified type, an xpathexception of type type_err is raised.
...ified xpathnsresolver, a
domexception of type namespace_error is raised.
.../output></div> javascript var xpath = "//div"; var evaluator = new xpathevaluator(); var expression = evaluator.createexpression("//div"); var result = expression.evaluate(document, xpathresult.ordered_node_snapshot_type); document.queryselector("output").textcontent = result.snapshotlength; result specifications specification status comment document object model (
dom) level 3 xpath specificationthe definition of 'xpathexpression.evaluate()' in that specification.
XPathNSResolver.lookupNamespaceURI() - Web APIs
the lookupnamespaceuri method looks up the namespace uri associated to the given namespace prefix within an xpath expression evaluated by the xpathevaluator interface.
... the lookupnamespaceuri method looks up the namespace uri associated to the given namespace prefix within an xpath expression evaluated by the xpathevaluator interface.
... the lookupnamespaceuri method looks up the namespace uri associated to the given namespace prefix within an xpath expression evaluated by the xpathevaluator interface.
...efix within an xpath expression evaluated by the xpathevaluator interface.
XRSession.requestReferenceSpace() - Web APIs
the requestreferencespace() method of the xrsession interface returns a promise that resolves with an instance of either xrreferencespace or xrboundedreferencespace as appropriate given the type of reference space requested.
... xrboundedreferencespace local a tracking space whose native origin is located near the viewer's position at the time the session was created.
...n for the viewer to stand, where the value of the y axis is 0 at floor level.
...eful when determining the distance between the viewer and an input, or when working with offset spaces.
Web APIs
ping your web app or site.
...svalue cssvaluelist cssvariablereferencevalue cache cachestorage canvascapturemediastreamtrack canvasgradient canvasimagesource canvaspattern canvasrenderingcontext2d caretposition channelmergernode channelsplitternode characterdata childnode client clients clipboard clipboardevent clipboarditem closeevent comment compositionevent constantsourcenode constrainboolean constrain
domstring constraindouble constrainulong contentindex contentindexevent convolvernode countqueuingstrategy crashreportbody credential credentialscontainer crypto cryptokey cryptokeypair customelementregistry customevent d
domconfiguration
domerror
domexception
domhighrestimestamp
domimplementation
domimplementationlist
domlocator
dommatrix
dommatrixreadonly
domobject
domparser ...
...string constraindouble constrainulong contentindex contentindexevent convolvernode countqueuingstrategy crashreportbody credential credentialscontainer crypto cryptokey cryptokeypair customelementregistry customevent d
domconfiguration
domerror
domexception
domhighrestimestamp
domimplementation
domimplementationlist
domlocator
dommatrix
dommatrixreadonly
domobject
domparser
dompoint
dompointinit
dompointreadonly
domquad
domrect
domrectreadonly
domstring
domstringlist
domstringmap
domtimestamp
domtokenlist
domuserdata datatransfer datatransferitem datatransferitemlist dedicatedworkerglobalscope delaynode deprecationreportbody devicelightevent devicemotionevent devicemotioneventacceleration devicemotioneventrotationrate deviceorientationevent deviceproximi...
...bglsampler webglshader webglshaderprecisionformat webglsync webgltexture webgltransformfeedback webgluniformlocation webglvertexarrayobject webkitcssmatrix websocket wheelevent window windowclient windoweventhandlers windoworworkerglobalscope worker workerglobalscope workerlocation workernavigator worklet writablestream writablestreamdefaultcontroller writablestreamdefaultwriter x x
domainrequest xmldocument xmlhttprequest xmlhttprequesteventtarget xmlhttprequestresponsetype xmlserializer xpathevaluator xpathexception xpathexpression xpathnsresolver xpathresult xrboundedreferencespace xrenvironmentblendmode xreye xrframe xrframerequestcallback xrhandedness xrinputsource xrinputsourcearray xrinputsourceevent xrinputsourceeventinit xrinputsourceschangeevent xrinputsourceschang...
:host() - CSS: Cascading Style Sheets
the :host() css pseudo-class function selects the shadow host of the shadow
dom containing the css it is used inside (so you can select a custom element from inside its shadow
dom) — but only if the selector given as the function's parameter matches the shadow host.
....
...)chrome full support 54edge full support 79firefox full support 63 full support 63 no support 61 — 63disabled disabled from version 61 until version 63 (exclusive): this feature is behind the
dom.webcomponents.shadow
dom.enabled preference (needs to be set to true).
... full support 54chrome android full support 54firefox android full support 63 full support 63 no support 61 — 63disabled disabled from version 61 until version 63 (exclusive): this feature is behind the
dom.webcomponents.shadow
dom.enabled preference (needs to be set to true).
:host-context() - CSS: Cascading Style Sheets
the :host-context() css pseudo-class function selects the shadow host of the shadow
dom containing the css it is used inside (so you can select a custom element from inside its shadow
dom) — but only if the selector given as the function's parameter matches the shadow host's ancestor(s) in the place it sits inside the
dom hierarchy.
...lass function selects the shadow host of the shadow
dom containing the css it is used inside (so you can select a custom element from inside its shadow
dom) — but only if the selector given as the function's parameter matches the shadow host's ancestor(s) in the place it sits inside the
dom hierarchy.
... css it is used inside (so you can select a custom element from inside its shadow
dom) — but only if the selector given as the function's parameter matches the shadow host's ancestor(s) in the place it sits inside the
dom hierarchy.
...s is with a descendant selector expression — for example h1 — to select only instances of the custom element that are inside an <h1>.
:host - CSS: Cascading Style Sheets
the :host css pseudo-class selects the shadow host of the shadow
dom containing the css it is used inside — in other words, this allows you to select a custom element from inside its shadow
dom.
... the :host css pseudo-class selects the shadow host of the shadow
dom containing the css it is used inside — in other words, this allows you to select a custom element from inside its shadow
dom.
...tchrome full support 54edge full support 79firefox full support 63 full support 63 no support 61 — 63disabled disabled from version 61 until version 63 (exclusive): this feature is behind the
dom.webcomponents.shadow
dom.enabled preference (needs to be set to true).
... full support 54chrome android full support 54firefox android full support 63 full support 63 no support 61 — 63disabled disabled from version 61 until version 63 (exclusive): this feature is behind the
dom.webcomponents.shadow
dom.enabled preference (needs to be set to true).
Auto-placement in CSS Grid Layout - CSS: Cascading Style Sheets
the grid item placement algorithm, however for most of us we just need to remember a few simple rules for our items.
...document source.
...px; } .wrapper div:nth-child(4n+1) { grid-column-end: span 2; grid-row-end: span 2; background-color: #ffa94d; } .wrapper div:nth-child(2) { grid-column: 3; grid-row: 2 / 4; } .wrapper div:nth-child(5) { grid-column: 1 / 3; grid-row: 1 / 3; } filling in the gaps so far, other than items we have specifically placed, grid is always progressing forward and keeping items in
dom order.
... value of dense to the container.
CSS reference - CSS: Cascading Style Sheets
use this css reference to browse an alphabetical index of all of the standard css properties, pseudo-classes, pseudo-elements, data types, and at-rules.
...d property.
...face)unset<url>url()user-zoom (@viewport)v:validvar()vertical-alignvh@viewportviewport-fit (@viewport)visibility:visitedvmaxvminvwwwhite-spacewidowswidthwidth (@viewport)will-changeword-breakword-spacingword-wrapwriting-modexxzz-indexzoom (@viewport)others--* selectors the following are the various selectors, which allow styles to be conditional based on various features of elements within the
dom.
...-rules cascade comments descriptor inheritance shorthand properties specificity value definition syntax css unit and value types values actual value computed value initial value resolved value specified value used value layout block formatting context box model containing block layout mode margin collapsing replaced elements stacking context visual formatting model
dom-css / cssom major object types documentorshadowroot.stylesheets stylesheets[i].cssrules cssrules[i].csstext (selector & style) cssrules[i].selectortext htmlelement.style htmlelement.style.csstext (just style) element.classname element.classlist important methods cssstylesheet.insertrule() cssstylesheet.deleterule() ...
<address>: The Contact Address element - HTML: Hypertext Markup Language
permitted parents any element that accepts flow content, but always excluding <address> elements (according to the logical principle of symmetry, if <address> tag, as a parent, can not have nested <address> element, then the same <address> content can not have <address> tag as its parent).
...re information than the contact information, like a publication date (which belongs in a <time> element).
...nformation, like a publication date (which belongs in a <time> element).
...y an <address> element can be placed inside the <footer> element of the current section, if any.
<input>: The Input (Form Input) element - HTML: Hypertext Markup Language
rmation on password security and how autocomplete is slightly different for hidden than for other input types.
...though originally implemented only for webkit-based browsers, webkitdirectory is also usable in microsoft edge as well as firefox 50 and later.
..."10" step="2"> means only the number 2, 4, 6, 8, or 10 are valid.
... menuitemcheckbox, option, switch type=image: link, menuitem, menuitemcheckbox, menuitemradio, radio, switch type=radio: menuitemradio type=text with no list attribute: combobox, searchbox, spinbutton type=color|date|datetime|datetime-local|email|file|hidden|month|number|password|range|reset|search|submit|tel|url|week or text with list attribute: no role permitted
dom interface htmlinputelement specifications specification status comment html living standardthe definition of '<input>' in that specification.
CSP: trusted-types - HTTP
the http content-security-policy (csp) trusted-types directive instructs user agents to restrict usage of known
dom xss sinks to a predefined set of functions that only accept non-spoofable, typed values in place of strings.
... the http content-security-policy (csp) trusted-types directive instructs user agents to restrict usage of known
dom xss sinks to a predefined set of functions that only accept non-spoofable, typed values in place of strings.
... the http content-security-policy (csp) trusted-types directive instructs user agents to restrict usage of known
dom xss sinks to a predefined set of functions that only accept non-spoofable, typed values in place of strings.
...f the web application codebase, facilitating their monitoring and code review.
Introduction - JavaScript
tains a standard library of objects, such as array, date, and math, and a core set of language elements such as operators, control structures, and statements.
...ide javascript extends the core language by supplying objects relevant to running javascript on a server.
...he ecma-262 specification.
....
Unicode property escapes - JavaScript
g a short alias for the script mixedcharacters.match(/\p{script=greek}/u); // ε // using the short name sc for the script property mixedcharacters.match(/\p{sc=cyrillic}/u); // Л for more details, please refer to the unicode specification and the scripts table in the ecmascript specification.
...; // ε // using the short name sc for the script property mixedcharacters.match(/\p{sc=cyrillic}/u); // Л for more details, please refer to the unicode specification and the scripts table in the ecmascript specification.
... the unicode specification and the scripts table in the ecmascript specification.
...l only match for the "pre
dominant" used script.
Web Performance
mating expensive css properties can result in jank as the browser struggles to hit a smooth frame rate.critical rendering paththe critical rendering path is the sequence of steps the browser goes through to convert the html, css, and javascript into pixels on the screen.
...to travel from source to a destination.
...y faster.
... developer tools performance features this section provides information on how to use and understand the performance features in your developer tools, including waterfall, call tree, and flame charts.
SVG Presentation Attributes - SVG: Scalable Vector Graphics
svg presentation attributes are css properties that can be used as attributes on svg elements.
...de-bidi vector-effect visibility word-spacing writing-mode attributes alignment-baseline it specifies how an object is aligned along the font baseline with respect to its parent.
... word-spacing writing-mode attributes alignment-baseline it specifies how an object is aligned along the font baseline with respect to its parent.
...ity|inherit; animatable: yes cursor it specifies the mouse cursor displayed when the mouse pointer is over an element.
SVG 2 support in Mozilla - SVG: Scalable Vector Graphics
ge notes svg root and <foreignobject> not overflow:hidden in ua style sheet implementation status unknown allow overflow: auto; to clip and show scroll bars implementation status unknown allow overflow: scroll; to show scroll bars on <svg> elements implementation status unknown basic data types and interfaces change notes
dommatrix or
dommatrixreadonly instead of svgmatrix implementation status unknown
domrect or
domrectreadonly instead of svgrect implementation status unknown
dompoint or
dompointreadonly instead of svgpoint implementation status unknown members of svgstylable and svglangspace available in svgelement implementation status unknown svggraphicselement inste...
...s transforms on outermost <svg> not affecting svgsvgelement.currentscale or svgsvgelement.currenttranslate implementation status unknown rootelement attribute deprecated implementation status unknown svgelementinstance and svgelementinstancelist and corresponding attributes on svguseelement removed implementation status unknown <use> event flow following shadow
dom spec.
... unknown reorder descendent elements of <switch> having systemlanguage attribute according to allowreorder smil attribute implementation status unknown made <tspan> and <textpath> 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 animatable implementation status unknown styling change notes contentstyletype attribute removed implementation status unknown linkstyle on svgstyleelement ...
...pointer-events not implemented (bug 945187) load, abort, error, and unload instead of svgload, svgabort, svgerror, and svgunload not implemented (bug 620002) only structurally external elements and outermost <svg> element fire load events implementation status unknown resize and scroll instead of svgresize and svgscroll implementation status unknown
domactivate removed implementation status unknown focusin and focusout instead of
domfocusin and
domfocusout implementation status unknown keyboard events implementation status unknown mutation events removed implementation status unknown svgzoomevent removed implementation status unknown <cursor> element deprecated implementation status ...
XPath
xpath functions, xpath axes xpath stands for xml path language.
... nodes within a document to determine whether they match a pattern or not.
... specification.
...n these cases jxon could represent the most practical way and valid alternative to xpath.
Porting the Library Detector - Archive of obsolete content
lk of the script is an array of test objects, one for each library.
... once the list is built, the switchlibraries() function constructs a xul statusbarpanel element for each library it found, populates it with the icon at the corresponding chrome:// url, and adds it to the box.
..., populates it with the icon at the corresponding chrome:// url, and adds it to the box.
Two Types of Scripts - Archive of obsolete content
on the web, javascript executes in the context of a web page, and has access to that page's
dom content.
... on the web, javascript executes in the context of a web page, and has access to that page's
dom content.
... on the web, javascript executes in the context of a web page, and has access to that page's
dom content.
loader/sandbox - Archive of obsolete content
te javascript sandboxes and execute scripts in them.
...ad(scope, 'file:///path/to/script.js'); load(scope, 'data:,var a = 5;'); globals functions sandbox(source) make a new sandbox that inherits principals from source.
...= 5;'); globals functions sandbox(source) make a new sandbox that inherits principals from source.
Overview - Archive of obsolete content
the since-removed widget api and no longer works with firefox.
...ch the annotator on and off, and to display a list of all the stored annotations.
... of all the stored annotations.
Logging - Archive of obsolete content
to follow this tutorial you'll need to have learned the basics of jpm.
... to follow this tutorial you'll need to have learned the basics of jpm.
... to follow this tutorial you'll need to have learned the basics of jpm.
Code snippets - Archive of obsolete content
preferences code used to read, write, and modify preferences js xpcom code used to define and call xpcom components in javascript running applications code used to run other applications <canvas> related what wg canvas-related code signing a xpi how to sign an xpi with pki delayed execution performing background operations.
... js xpcom code used to define and call xpcom components in javascript running applications code used to run other applications <canvas> related what wg canvas-related code signing a xpi how to sign an xpi with pki delayed execution performing background operations.
...ogress password manager code used to read and write passwords to/from the integrated password manager bookmarks code used to read and write bookmarks javascript debugger service code used to interact with the javascript debugger service svg general general information and utilities svg animation animate svg using javascript and smil svg interacting with script using javascript and
dom events to create interactive svg embedding svg in html and xul using svg to enhance html or xul based markup xul widgets html in xul for rich tooltips dynamically embed html into a xul element to attain markup in a tooltip label and description special uses and line breaking examples tree setup and manipulation of trees using xul and js scrollbar changing style of scrollbars.
MozAudioAvailable - Archive of obsolete content
the mozaudioavailable event is fired when the audio buffer is full and the corresponding raw samples are available.
... the mozaudioavailable event is fired when the audio buffer is full and the corresponding raw samples are available.
...s fired when the audio buffer is full and the corresponding raw samples are available.
List of Mozilla-Based Applications - Archive of obsolete content
jt suite print process software uses xulrunner and spidermonkey prism (was webrunner) single-site browser xulrunner application pro/engineer wildfire cadcam product psycrunner chat, messenger, multicast toolkit about 1,000 users – xulrunner version of psyczilla extension pyjamas-desktop a python web widget toolkit uses xulrunner
dom to implement the widgets and event handling.
... cadcam product psycrunner chat, messenger, multicast toolkit about 1,000 users – xulrunner version of psyczilla extension pyjamas-desktop a python web widget toolkit uses xulrunner
dom to implement the widgets and event handling.
... stealthsurfer secure internet tools on usb key uses firefox and thunderbird streambase complex event processing platform seems to use xulrunner stylizer css editor css editor css editor with built-in firebug-like diagnostics and gecko 1.8 preview sun java enterprise system server products uses nss sundial browser with advanced
domain name technology based on firefox surfeasy private and secure web browsing sweet16 apple ii computer emulator uses spidermonkey as a scriptable debugger for software running in the emulator mozilla sunbird/mozilla lightning calendar tabpress authoring tool talend open studo data integration software seems to use xu...
Microsummary topics - Archive of obsolete content
"http://www.w3.org/1999/xsl/transform" version="1.0"> \ <output method="text"/> \ <template match="/"> \ <value-of select="id(\'download-count\')"/> \ <text> fx downloads</text> \ </template> \ </transform> \ </template> \ <pages> <include>http://(www\.)?spreadfirefox\.com/(index\.php)?</include> </pages> </generator> \ '; var
domparser = components.classes["@mozilla.org/xmlextras/
domparser;1"].
..."/"> \ <value-of select="id(\'download-count\')"/> \ <text> fx downloads</text> \ </template> \ </transform> \ </template> \ <pages> <include>http://(www\.)?spreadfirefox\.com/(index\.php)?</include> </pages> </generator> \ '; var
domparser = components.classes["@mozilla.org/xmlextras/
domparser;1"].
...t="id(\'download-count\')"/> \ <text> fx downloads</text> \ </template> \ </transform> \ </template> \ <pages> <include>http://(www\.)?spreadfirefox\.com/(index\.php)?</include> </pages> </generator> \ '; var
domparser = components.classes["@mozilla.org/xmlextras/
domparser;1"].
Same origin policy for XBL - Archive of obsolete content
ps: for external stylesheets (<link>, <?xml-stylesheet?>, user sheets, and ua sheets), it depends on where the sheet is loaded from, just like it would for an html document loaded from a similar source.
...(<link>, <?xml-stylesheet?>, user sheets, and ua sheets), it depends on where the sheet is loaded from, just like it would for an html document loaded from a similar source.
...heets, and ua sheets), it depends on where the sheet is loaded from, just like it would for an html document loaded from a similar source.
Mozilla E4X - Archive of obsolete content
xml" (ecma-357), a new standard for writing and processing xml directly in javascript (ecma-262, iso-16262).
...rocessing xml directly in javascript (ecma-262, iso-16262).
... iso-16262).
Methods - Archive of obsolete content
movesession removetab removetabsprogresslistener removetransientnotifications replacegroup reset rewind scrollbyindex scrollbypixels scrolltoindex select selectall selectitem selectitemrange selecttabatindex setselectionrange showpane showpopup sizeto startediting stop stopediting swapdocshells syncsessions timedselect toggleitemselection related
dom element methods
dom:element.addeventlistener
dom:element.appendchild
dom:element.comparedocumentposition
dom:element.dispatchevent
dom:element.getattribute
dom:element.getattributenode
dom:element.getattributenodens
dom:element.getattributens
dom:element.getelementsbytagname
dom:element.getelementsbytagnamens
dom:element.getfeature fixme: brokenlink
dom:element.getuserdat...
...ment methods
dom:element.addeventlistener
dom:element.appendchild
dom:element.comparedocumentposition
dom:element.dispatchevent
dom:element.getattribute
dom:element.getattributenode
dom:element.getattributenodens
dom:element.getattributens
dom:element.getelementsbytagname
dom:element.getelementsbytagnamens
dom:element.getfeature fixme: brokenlink
dom:element.getuserdata
dom:element.hasattribute
dom:element.hasattributens
dom:element.hasattributes
dom:element.haschildnodes
dom:element.insertbefore
dom:element.isequalnode
dom:element.issamenode
dom:element.issupported
dom:element.lookupnamespaceuri
dom:element.lookupprefix
dom:element.normalize
dom:element.removeattribute
dom:element.removeattributenode
dom:element.removeattributens
dom:ele...
...te
dom:element.hasattributens
dom:element.hasattributes
dom:element.haschildnodes
dom:element.insertbefore
dom:element.isequalnode
dom:element.issamenode
dom:element.issupported
dom:element.lookupnamespaceuri
dom:element.lookupprefix
dom:element.normalize
dom:element.removeattribute
dom:element.removeattributenode
dom:element.removeattributens
dom:element.removechild
dom:element.removeeventlistener
dom:element.replacechild
dom:element.setattribute
dom:element.setattributenode
dom:element.setattributenodens
dom:element.setattributens
dom:element.setuserdata ...
Node - Archive of obsolete content
summary this is a scriptable interface corresponding to the nsi
domnode xpcom interface.
... summary this is a scriptable interface corresponding to the nsi
domnode xpcom interface.
... summary this is a scriptable interface corresponding to the nsi
domnode xpcom interface.
Property - Archive of obsolete content
strings style subject suppressonselect tabcontainer tabindex tabs tabscrolling tabpanels tag textlength textvalue timeout title toolbarname toolbarset tooltip tooltiptext top treeboxobject type uri useraction value valuenumber view webbrowserefind webnavigation webprogress width wizardpages wraparound year yearleadingzero related
dom element properties
dom:element.attributes
dom:element.baseuri
dom:element.childelementcount
dom:element.childnodes
dom:element.children
dom:element.clientheight
dom:element.clientleft
dom:element.clienttop
dom:element.clientwidth
dom:element.clonenode
dom:element.firstchild
dom:element.firstelementchild
dom:element.lastchild
dom:element.lastelementchild
dom:element.
...perties
dom:element.attributes
dom:element.baseuri
dom:element.childelementcount
dom:element.childnodes
dom:element.children
dom:element.clientheight
dom:element.clientleft
dom:element.clienttop
dom:element.clientwidth
dom:element.clonenode
dom:element.firstchild
dom:element.firstelementchild
dom:element.lastchild
dom:element.lastelementchild
dom:element.localname
dom:element.namespaceuri
dom:element.nextelementsibling
dom:element.nextsibling
dom:element.nodename
dom:element.nodetype
dom:element.nodevalue
dom:element.ownerdocument
dom:element.parentnode
dom:element.prefix
dom:element.previouselementsibling
dom:element.previoussibling
dom:element.scrollheight
dom:element.scrollleft
dom:element.scrolltop
dom:element.scrollwidth
dom:...
...uri
dom:element.nextelementsibling
dom:element.nextsibling
dom:element.nodename
dom:element.nodetype
dom:element.nodevalue
dom:element.ownerdocument
dom:element.parentnode
dom:element.prefix
dom:element.previouselementsibling
dom:element.previoussibling
dom:element.scrollheight
dom:element.scrollleft
dom:element.scrolltop
dom:element.scrollwidth
dom:element.tagname
dom:element.textcontent ...
Rule Compilation - Archive of obsolete content
it first must compile the query and rules.
...ate builder doesn't do anything, putting off work until later.
... to start generation is determined automatically, and you don't need to do anything special to get this to happen.
textbox (Toolkit autocomplete) - Archive of obsolete content
implements the nsiautocompletesearch interface.
...using the name @mozilla.org/autocomplete/search;1?name= where name is listed in this attribute.
...ype: no return value sets the selected portion of the textbox, where the start argument is the index of the first character to select and the end argument is the index of the character after the selection.
Custom toolbar button - Archive of obsolete content
ad and use: restart the application and customize the toolbar to find the new button.
... some changes to avoid conflicts when they install your extension.
...something@
domain-name it must contain an at-sign (@), making it look something like an e-mail address, but it does not need to be a real e-mail address.
Adding Methods to XBL-defined Elements - Archive of obsolete content
nt.getmaximum() // this will fail by the way, it is safe to call methods from the constructor, other methods on the object and event handlers.
...this special property cannot be accessed directly.
...eved in the normal way and don't move even if you use the children tag.
Groupboxes - Archive of obsolete content
de it, and apart from its special handling of radio buttons, it works like any other box.
...t from its special handling of radio buttons, it works like any other box.
...ial handling of radio buttons, it works like any other box.
XUL Event Propagation - Archive of obsolete content
<menupopup> <menuitem value="new" onclick="alert('not captured')" /> ...
...document.getelementbyid("id of the element"); element.addeventlistener(event name, event handler function, whether to register a capturing listener); the event handler code argument can be in-line code or a function.
...not otherwise supply them.
preference - Archive of obsolete content
rompreferences gets and sets the value stored in the user preference, specified in name.
...reset() return type: no return value resets the preference to its default value.
...textbox it also clears the undo transaction list (gecko 1.9).
window - Archive of obsolete content
played height may be different if the element or its contents have a minimum or maximum height.
...ot updated.
... haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata see also:
dom window object methods note the error message "xml parsing error: undefined entity...<window" can be caused by a missing or unreachable dtd file referenced in the xul file.
Building XULRunner with Python - Archive of obsolete content
this page describes how to build and use xulrunner with the python extension on windows and while generally useful it is written based on experiences with accessibility projects.
...by a build, use cd /c/projects/mozilla make -f client.mk which will also checkout client.mk itself for build only, without checkouts, use make -f client.mk build and see client.mk for other options.
... xul applications add the following to yourprefs.js during development pref("browser.
dom.window.dump.enabled", true); pref("javascript.options.showinconsole", true); pref("javascript.options.strict", true); pref("nglayout.debug.disable_xul_cache", true); pref("nglayout.debug.disable_xul_fastload", true); html <script> tags specify that python is used withtype="application/x-python" attribute.
NPN_GetValue - Archive of obsolete content
avascript is enabled; true=javascript enabled, false=not enabled npnvasdenabledbool: tells whether smartupdate (former name: asd) is enabled; true=smartupdate enabled, false=not enabled npnvisofflinebool: tells whether offline mode is enabled; true=offline mode enabled, false=not enabled npnvtoolkit: npnvsupportsxembedbool: npnvwindownpobject: returns the npobject * pointer for the
dom window object; see getting the page url in npapi plugin for a rough example npnvpluginelementnpobject: npnvsupportswindowless: tells whether the browser supports windowless plugins.
...ugin via npn_memfree().
...().
Implementation Status - Archive of obsolete content
4.4.7 xforms-readwrite supported 4.4.8 xforms-required supported 4.4.9 xforms-optional supported 4.4.10 xforms-enabled supported 4.4.11 xforms-disabled supported 4.4.12
domactivate supported 4.4.13
domfocusin supported 4.4.14
domfocusout supported 4.4.15 xforms-select xforms-deselect supported 4.4.16 xforms-in-range supported 4.4.17 xforms-out-of-ran...
....6.9 sequence: submission supported 4.7 resolving id references in xforms unsupported 4.7.1 references to elements within a repeat element unsupported 4.7.2 references to elements within a bind element unsupported 4.8
dom interface for access to instance data supported 4.8.1 getinstancedocument() supported 4.8.2 rebuild() supported 4.8.3 recalculate() supported 4.8.4 revalidate() supported 4.8.5 re...
... 7.7.2 min() supported 7.7.3 max() supported 7.7.4 count-non-empty() supported 7.7.5 index() partial binds using index() are not working 292333; 7.7.6 power() supported 7.7.7 ran
dom() supported 7.7.8 compare() supported 7.8.1 if() supported 7.8.2 property() partial returns basic for conformance-level, should return full.
Obsolete: XPCOM-based scripting for NPAPI plugins - Archive of obsolete content
ed browsers.
...e 2.
...ss to implement all necessary nsiclassinfo method stubs // and to set flags used by the security system class nsclassinfomixin : public nsiclassinfo { // these flags are used by the
dom and security systems to signal that // javascript callers are allowed to call this object's scritable methods.
Efficient animation for web games - Game development
hat will improve the performance of your game or application whilst also using less battery life, especially on low-end devices.
...to be fast across all browsers.
... long the browser will take to draw a particular frame.
Accessibility tree (AOM) - MDN Web Docs Glossary: Definitions of Web-related terms
the accessibility tree, or accessibility object model (aom), contains accessibility-related information for most html elements.
... the accessibility tree, or accessibility object model (aom), contains accessibility-related information for most html elements.
... the accessibility tree, or accessibility object model (aom), contains accessibility-related information for most html elements.
CSS Object Model (CSSOM) - MDN Web Docs Glossary: Definitions of Web-related terms
the css object model (cssom) is a map of all css selectors and relevant properties for each selector in the form of a tree, with a root node, sibling, descendant, child, and other relationship.
...t model (cssom) is a map of all css selectors and relevant properties for each selector in the form of a tree, with a root node, sibling, descendant, child, and other relationship.
...ct model (
dom).
Prefetch - MDN Web Docs Glossary: Definitions of Web-related terms
prefetching is when content is downloaded in the background, this is based on the assumption that the content will likely be requested, enabling the content to load instantly if and when the user requests it.
... and when the user requests it.
...use without the user making an explicit request for it.
Site - MDN Web Docs Glossary: Definitions of Web-related terms
the site of a piece of web content is determined by the registrable
domain of the host within the origin.
... is computed by consulting a public suffix list to find the portion of the host which is counted as the public suffix (e.g.
... https://developer.mozilla.org/docs/ https://support.mozilla.org/ same site because the registrable
domain of mozilla.org is the same http://example.com:8080 https://example.com same site because scheme and port are not relevant examples of different site https://developer.mozilla.org/docs/ https://example.com not same site because the registrable
domain of the two urls differs specifications specification status comment url living standard initial definition ...
How the Web works - Learn web development
s basically like the street between your house and the shop.
...you (the goods arrive at your door — new shiny stuff, awesome!).
...dress, and it represents a unique location on the web.
Creating hyperlinks - Learn web development
ment fragment reference on its own to link to another part of the same document: <p>the <a href="#mailing_address">company mailing address</a> can be found at the bottom of this page.</p> absolute versus relative urls two terms you'll come across on the web are absolute url and relative url: absolute url: points to a location defined by its absolute location on the web, including protocol and
domain name.
...und at the bottom of this page.</p> absolute versus relative urls two terms you'll come across on the web are absolute url and relative url: absolute url: points to a location defined by its absolute location on the web, including protocol and
domain name.
...same website.
Test your skills: Events - Learn web development
or glitch to work on the tasks.
...sment or further help section at the bottom of this page.
...quire you to write some
dom manipulation code to complete them — such as creating new html elements, setting their text contents to equal specific string values, and nesting them inside existing elements on the page — all via javascript.
Test your skills: Loops - Learn web development
ions for the tasks below by downloading the code, putting it in an online tool such as codepen, jsfiddle, or glitch, then working on the tasks.
...pen, jsfiddle, or glitch, then working on the tasks.
...quire you to write some
dom manipulation code to complete them — such as creating new html elements, setting their text contents to equal specific string values, and nesting them inside existing elements on the page — all via javascript.
Arrays - Learn web development
e', 'hummus', 'noodles']; shopping; in the above example, each element is a string, but in an array we can store various data types — strings, numbers, objects, and even other arrays.
...s", "noodles" ] note: we've said it before, but just as a reminder — computers start counting from 0!
......
Accessibility in React - Learn web development
xperience for keyboard and screen-reader users, we should manage the browser’s focus ourselves.
...g, we should move focus back to the "edit" button.
...changes: we'll make a new ref, and utilize our useprevious() hook, so that we can focus on the list heading whenever a user deletes a task.
Beginning our React todo list - Learn web development
project starter code as a starting point for this project, we're going to provide two things: an app() function to replace the one you have now, and some css to style your app.
...tton" classname="btn"> edit <span classname="visually-hidden">repeat</span> </button> <button type="button" classname="btn btn__danger"> delete <span classname="visually-hidden">repeat</span> </button> </div> </li> </ul> </div> ); } now open public/index.html and change the <title> element’s text to to
domatic.
...>repeat</span> </button> <button type="button" classname="btn btn__danger"> delete <span classname="visually-hidden">repeat</span> </button> </div> </li> </ul> </div> ); } now open public/index.html and change the <title> element’s text to to
domatic.
TypeScript support in Svelte - Learn web development
previous overview: client-side javascript frameworks next in the last article we learned about svelte stores and even implemented our own custom store to persist the app's information to web storage.
...ompleted</h2> this way typescript can prevent us from incorrectly assigning it to a string variable.
... ) { // make sure node is defined and has a select() method const onfocus = () => node.select() // event handler node.addeventlistener('focus', onfocus) // when node gets focus call onfocus() return { destroy: () => node.removeeventlistener('focus', onfocus) // this will be executed when the node is removed from the
dom } } } now update todo.svelte and newtodo.svelte where we import the actions file.
mach
/mozilla-central/ (or a tree derived from there).
...should i implement x as a mach command?
...ach command?
Cross Process Object Wrappers
an cause responsiveness problems, so should only be used when necessary and only as a migration aid.
... parameter to each of these functions is an object whose properties are objects to wrap.
...assed a cpow for the content document and content window, respectively, and return the xul <browser> that these documents / windows belong to.
Limitations of frame scripts
sed inside a frame script.
...t window to the associated chrome window.
... .getinterface(ci.nsiwebnavigation) .queryinterface(ci.nsidocshelltreeitem) .roottreeitem .queryinterface(ci.nsiinterfacerequestor) .getinterface(ci.nsi
domwindow); this will no longer work.
Limitations of frame scripts
sed inside a frame script.
...t window to the associated chrome window.
... .getinterface(ci.nsiwebnavigation) .queryinterface(ci.nsidocshelltreeitem) .roottreeitem .queryinterface(ci.nsiinterfacerequestor) .getinterface(ci.nsi
domwindow); this will no longer work.
Message manager overview
the content frame message manager provides the global object for frame scripts (but note that there is trickery to ensure that top-level variables defined by frame scripts are not shared).
...me scripts are not shared).
...b docshell : access the top-level docshell components : access privileged objects and apis addeventlistener() : listen to
dom events addmessagelistener() : receive messages from the chrome process sendasyncmessage() : send asynchronous messages to the chrome process sendsyncmessage() : send synchronous messages to the chrome process interfaces nsi
domeventtarget nsimessagelistenermanager nsimessagesender nsisyncmessagesender nsicontentframemessagemanager how to access the content frame message manager is the global object in frame scripts.
HTMLIFrameElement.getScreenshot()
t() method of the htmliframeelement lets you request a screenshot of a content <iframe>, scaled to fit within a specified maximum width and height.
...t <iframe>, scaled to fit within a specified maximum width and height.
... necessary but will not be distorted vertically or horizontally.
mozbrowsercaretstatechanged
age loaded in a browser <iframe>.
... canselectall: a boolean indicating whether the selectall command is available (true) or not (false.) cancut: a boolean indicating whether the cut command is available (true) or not (false.) cancopy: a boolean indicating whether the copy command is available (true) or not (false.) canpaste: a boolean indicating whether the paste command is available (true) or not (false.) reason a
domstring that defines the reason for the state being changed.
...g whether the current selection is collapsed (true) or not (false.) caretvisible a boolean indicating whether the caret is currently visible (true) or not (false.) selectionvisible a boolean indicating whether the current selection is visible (true) or not (false.) selectioneditable a boolean indicating whether the current selection is editable (true) or not (false.) selectedtextcontext a
domstring containing the currently-selected text content.
mozbrowseropensearch
...
... type read only
domstring the type of event.
...bles read only boolean whether the event normally bubbles or not.
mozbrowserusernameandpasswordrequired
using a dialog or a database of username/passwords, and then call authenticate() or cancel() as appropriate.
... type read only
domstring the type of event.
...ly boolean whether the event normally bubbles or not.
HTML parser threading
the tail of document.write() data when the parser blocks without parsing the document.write() data to completion.
...if the atom isn't static, a corresponding normal main-thread dynamically-allocated atom has to be obtained for the same string and used instead of the nshtml5atom.
...eation tree ops can safely dereference the handle to obtain a real node.
Introduction to Layout in Mozilla
uture tech-talks wrap-up, q&a basic data flow source document arrives via network apis incrementally “pumped” through the single-threaded layout engine parse, compute style, render; repeat css used for rendering all content content theoretically separate from “presentation” key data structures content node elements, attributes, leaves
dom frame rectangular formatting primitive geometric information [0..n] per content node 2nd thru nth are “continuations” style context non-geometric information may be shared by adjacent frames reference counted, owned by frame view clipping, z-order, transparency [0..1] per frame, owned by frame wid...
...c information may be shared by adjacent frames reference counted, owned by frame view clipping, z-order, transparency [0..1] per frame, owned by frame widget native window [0..1] per view, owned by view key data structures the document owns the content model, and one or more presentations exposed programmatically via
dom apis the presentation owns the frame hierarchy frames own the style contexts, views, widgets presentation has media type, dimensions, etc.
... unattended content construction unwinds “at will” parser and content sink do some buffering content sink has “notification limits” efficiency vs.
AddonManager
ing name, in string iconurl, in string version, in nsiloadgroup loadgroup) promise?
...callback?
...passed an array of addoninstalls.
Interfacing with the Add-on Repository
o the correct one for the amo site.
...ect's searchsucceeded() method gets called when a search completes successfully.
...umber of add-ons that matched the query (in case the returned number is smaller than the requested number, for example).
PromiseWorker.jsm
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 - ', acaught); } ); var promise_
domyf...
...
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 - ', acaught); } ); var promise_
domyfuncfalse = myworker.post('resolvetest', [false]); promise_
domyfuncfalse.then( function(aval) { console.log('fullfilled - promise_
domyfuncfalse - ', aval); }, function(areason) { console.error('rejected - promise_
domyfuncfalse - ', areason); } ).catch( function(acaught) { console.error('caught - promise_
domyfuncfalse - ', acaught); } ); result running the code above will log the following information to the ...
...al) { console.log('fullfilled - promise_
domyfuncfalse - ', aval); }, function(areason) { console.error('rejected - promise_
domyfuncfalse - ', areason); } ).catch( function(acaught) { console.error('caught - promise_
domyfuncfalse - ', acaught); } ); result running the code above will log the following information to the console: "fullfilled - promise_
domyfunctrue - " "you sent to promiseworker argument of: `true`" bootstrap.js line 8 "rejected - promise_
domyfuncfalse - " "you passed in a non-true value for shouldresolve argument and therefore this will reject the main thread promise" bootstrap.js line 25 other examples github :: promiseworker with backward compatability -...
Gecko Profiler FAQ
...
...imer on, it interrupts each thread one at a time, which likely means distortion of the measurement if the number of threads monitored is significant (especially at high sample rates).
...can make your own talos pageload test which has just the one page that you’re interested in in its manifest.
Leak Gauge
leak gauge is a tool that can be used to detect certain kinds of leaks in gecko, including those involving documents, window objects, and docshells.
... the browser will run with negligible slowdown.
...om windows leaked 0 out of 44 documents leaked 0 out of 3 docshells leaked content nodes in 0 out of 0 documents if there are leaks, output will look like the following.
browser.urlbar.formatting.enabled
the preference browser.urlbar.formatting.enabled controls whether the
domain name including the top level
domain is highlighted in the address bar by coloring it black and the other parts grey.
...bled controls whether the
domain name including the top level
domain is highlighted in the address bar by coloring it black and the other parts grey.
...e including the top level
domain is highlighted in the address bar by coloring it black and the other parts grey.
NSS 3.31 release notes
urned a failure if the requested version range wasn't fully allowed by the systemwide crypto policy.
...ccess, if at least one tls version overlaps between the requested range and the systemwide policy.
...tween the requested range and the systemwide policy.
Enc Dec MAC Output Public Key as CSR
nst char *noisefilename, seckeypublickey **pubkeyp, const char *pqgfile, secupwdata *pwdata) { ck_mechanism_type mechanism; secoidtag algtag; pk11rsagenparams rsaparams; void *params; seckeyprivatekey *privkey = null; secstatus rv; unsigned char randbuf[blocksize + 1]; rv = generateran
dom(randbuf, blocksize); if (rv != secsuccess) { fprintf(stderr, "error while generating the ran
dom numbers : %s\n", port_errortostring(rv)); goto cleanup; } pk11_ran
domupdate(randbuf, blocksize); switch (keytype) { case rsakey: rsaparams.keysizeinbits = size; rsaparams.pe = publicexponent; mechanis...
...ptedfilename, const char *noisefilename, secupwdata *pwdata, prbool ascii) { /* * the db is open for read/write and we have authenticated to it.
...y */ rv = wrapkey(mackey, pubkey, &wrappedmackey); if (rv != secsuccess) { pr_fprintf(pr_stderr, "error while wrapping mac key\n"); goto cleanup; } if (noisefilename) { rv = seedfromnoisefile(noisefilename); if (rv != secsuccess) { port_seterror(pr_end_of_file_error); return secfailure; } rv = pk11_generateran
dom(iv, blocksize); if (rv != secsuccess) { goto cleanup; } } else { /* generate a ran
dom value to use as iv for aes cbc */ generateran
dom(iv, blocksize); } headerfile = pr_open(headerfilename, pr_create_file | pr_truncate | pr_rdwr, 00660); if (!headerfile) { pr_fprintf(pr_stderr, "unabl...
Encrypt Decrypt_MAC_Using Token
const char *encryptedfilename, const char *noisefilename, secupwdata *pwdata, prbool ascii) { /* * the db is open for read/write and we have authenticated to it.
...y cka_id */ rv = gathercka_id(mackey, &macckaid); if (rv != secsuccess) { pr_fprintf(pr_stderr, "can't get the mac key cka_id.\n"); goto cleanup; } if (noisefilename) { rv = seedfromnoisefile(noisefilename); if (rv != secsuccess) { port_seterror(pr_end_of_file_error); return secfailure; } rv = pk11_generateran
dom(iv, blocksize); if (rv != secsuccess) { goto cleanup; } } else { /* generate a ran
dom value to use as iv for aes cbc.
...noisefilename) { rv = seedfromnoisefile(noisefilename); if (rv != secsuccess) { port_seterror(pr_end_of_file_error); return secfailure; } rv = pk11_generateran
dom(iv, blocksize); if (rv != secsuccess) { goto cleanup; } } else { /* generate a ran
dom value to use as iv for aes cbc.
NSS_3.12.3_release_notes.html
.mozilla.org/en/nss_reference/nss_environment_variables environment variable value type description nsrandcount integer (byte count) sets the maximum number of bytes to read from the file named in the environment variable nsrandfile (see below).
...t for the watcom c compiler is removed the file watcomfx.h is removed.
...reate_object() bug 465273: dead assignment in devutil.c::nssslotarray_clone() bug 465926: during import of pkcs #12 files bug 466180: ssl_configmpserversidcache with default parameters fails on {net bug 466194: cert_decodetruststring should take a const char * input trusts string.
Web Replay
web replay is no longer developed by mozilla; however, the work continues as a standalone project.
...ead parsing, which is one of the behavior changes during recording/replay).
...a races to the browser on the contents of those buffers, going against a fundamental assumption of the record/replay infrastructure.
Redis Tips
blpop, blpoprpush, etc.) priority queues zsets membership sets, bitstrings state hashes heartbeats zsets hit counters zsets message broadcast pubsub search reverse indexes (never use keys in production) documentation redis has fantastic documentation.
...he bytes i think i might store and multiply by 10, which antirez once recommended as a worst-case factor for data structure overhead.
...vely useful and adds a measure of safety.
Gecko events
« at apis support page this page offers a list of accessibility-related events supported by gecko.
... « at apis support page this page offers a list of accessibility-related events supported by gecko.
... « at apis support page this page offers a list of accessibility-related events supported by gecko.
Creating the Component Code
in grade school when you learned long division, better tools like calculators come after you figure out what's actually happening.
...u learned long division, better tools like calculators come after you figure out what's actually happening.
...g outward, the first object is the xpcom object.
Components.utils.cloneInto
t with the following optional properties: clonefunctions: a boolean value that determines if functions should be cloned.
...ns should be cloned.
...llo from add-on"); } }; contentwindow.addonscriptobject = cloneinto(addonscriptobject, contentwindow, {clonefunctions: true}); // page script var test = document.getelementbyid("test"); test.addeventlistener("click", function() { window.addonscriptobject.greetme(); }, false); cloning objects that contain
dom elements by default, if the object you clone contains objects that are reflected from c++, such as
dom elements, the cloning operation will fail with an error.
Language bindings
you to evaluate javascript code inside a sandbox you've previously created using the components.utils.sandbox constructor.components.utils.evalinwindowthis function enables code running in a more-privileged javascript context to evaluate a string in a less-privileged javascript context.
...esimports various objects into a system scope.components.utils.isxraywrapperwhen privileged javascript in gecko accesses objects belonging to less-privileged code (such as untrusted web content), it does so, by default, with "xray vision": a mechanism that filters out certain changes to the objects that could cause them to behave in unexpected ways.
...tils.isxraywrapperwhen privileged javascript in gecko accesses objects belonging to less-privileged code (such as untrusted web content), it does so, by default, with "xray vision": a mechanism that filters out certain changes to the objects that could cause them to behave in unexpected ways.
amIWebInstaller
toolkit/mozapps/extensions/amiwebinstaller.idlscriptable this interface is used to allow web pages to start installing add-ons.
...stallcount)] in wstring auris, [array, size_is(ainstallcount)] in wstring ahashes, [array, size_is(ainstallcount)] in wstring anames, [array, size_is(ainstallcount)] in wstring aicons, [optional] in amiinstallcallback acallback, [optional] in pruint32 ainstallcount); boolean isinstallenabled(in astring amimetype, in nsiuri areferer); note: prior to gecko 8.0, all references to nsi
domwindow used in this interface were nsi
domwindow.
...lback acallback, [optional] in pruint32 ainstallcount); boolean isinstallenabled(in astring amimetype, in nsiuri areferer); note: prior to gecko 8.0, all references to nsi
domwindow used in this interface were nsi
domwindow.
nsIAbstractWorker
dom/interfaces/threads/nsi
domworkers.idlscriptable this interface is an abstract interface used to implement the web workers architecture.
...
dom/interfaces/threads/nsi
domworkers.idlscriptable this interface is an abstract interface used to implement the web workers architecture.
...
dom/interfaces/threads/nsi
domworkers.idlscriptable this interface is an abstract interface used to implement the web workers architecture.
nsICookiePromptService
the nsicookiepromptservice interface is to open a dialog to ask to permission to accept the cookie.
... changingcookie, out boolean rememberdecision); constants constant value description deny_cookie 0 holds the value for a denying the cookie.
...sks for permission to accept a cookie.
nsIDownloadManager
isprivate); void addlistener(in nsidownloadprogresslistener alistener); void canceldownload(in unsigned long aid); void cleanup(); void endbatchupdate(); obsolete since gecko 1.9.1 void flush(); obsolete since gecko 1.8 nsidownload getdownload(in unsigned long aid); void onclose(); obsolete since gecko 1.9.1 void open(in nsi
domwindow aparent, in nsidownload adownload); obsolete since gecko 1.9.1 void openprogressdialogfor(in nsidownload adownload, in nsi
domwindow aparent, in boolean acanceldownloadonclose); obsolete since gecko 1.9.1 void pausedownload(in unsigned long aid); void removedownload(in unsigned long aid); void removedownloadsbytimeframe(in long long abegintime, in long lo...
...scouraged since it could be removed at any time.
... openprogressdialogfor() obsolete since gecko 1.9.1 (firefox 3.5 / thunderbird 3.0 / seamonkey 2.0)this feature is obsolete.
nsIFilePicker
nderbird 17.0 / seamonkey 2.14) implemented by: @mozilla.org/filepicker;1.
...sifilepicker dialog.
...re the others you want to go into the drop down list.
nsIFrameLoader
tent in the frame loader.
...in long acharcode, in long amodifiers, [optional] in boolean apreventdefault ); parameters atype the event type.
... scroll frame.
nsIGeolocationUpdate
provides a way for a geolocation provider to notify the system that a new location is available.
...ged in gecko 1.9.1 (firefox 3.5 / thunderbird 3.0 / seamonkey 2.0) interface provides a way for a geolocation provider to notify the system that a new location is available.
...amonkey 2.0) interface provides a way for a geolocation provider to notify the system that a new location is available.
nsIJSON
dom/interfaces/json/nsijson.idlscriptable this interface provides a convenient way to encode and decode json strings from javascript code.
... strings from javascript code.
...rits from: nsisupports last changed in gecko 7.0 (firefox 7.0 / thunderbird 7.0 / seamonkey 2.4) note: this interface may only be used from javascript code, with the exception of the legacydecodetojsval() method.
nsIMarkupDocumentViewer
docshell/base/nsimarkupdocumentviewer.idlscriptable describes the properties of a content viewer for an html or xml markup document.
... in the gecko 2.0 development cycle and was implemented by the nsimarkupdocumentviewer_mozilla_2_0_branch interface; it was merged into this interface in gecko 7.0.
...mented by the nsimarkupdocumentviewer_mozilla_2_0_branch interface; it was merged into this interface in gecko 7.0.
nsIMenuBoxObject
blic/nsimenuboxobject.idlscriptable represents the box object for a xul menu.
...derbird 1.5 / seamonkey 1.0) to get access to the box object for a given menu, use code like this: var boxobject = xulmenu.boxobject.queryinterface(components.interfaces.nsimenuboxobject); method overview boolean handlekeypress(in nsi
domkeyevent keyevent); void openmenu(in boolean openflag); attributes attribute type description activechild nsi
domelement the currently active menu or menuitem child of the menu box.
...r menuitem child of the menu box.
nsIMicrosummaryService
ruri); nsisimpleenumerator getbookmarks(); nsimicrosummarygenerator getgenerator(in nsiuri generatoruri); nsimicrosummaryset getmicrosummaries(in nsiuri pageuri, in long long bookmarkid); nsimicrosummary getmicrosummary(in long long bookmarkid); boolean hasmicrosummary(in long long bookmarkid); nsimicrosummarygenerator installgenerator(in nsi
domdocument xmldefinition); boolean ismicrosummary(in long long bookmarkid, in nsimicrosummary microsummary); nsimicrosummary refreshmicrosummary(in long long bookmarkid); void removemicrosummary(in long long bookmarkid); void setmicrosummary(in long long bookmarkid, in nsimicrosummary microsummary); methods addgenerator() install the microsummary generator f...
...nt microsummary.
... parameters bookmarkid the bookmark for which to set the current microsummary.
nsIMsgWindow
e ui.
...ual character set is returned.
...s returned.
nsIPushMessage
dom/interfaces/push/nsipushnotifier.idlscriptable a push message sent to a system subscription.
...
dom/interfaces/push/nsipushnotifier.idlscriptable a push message sent to a system subscription.
...seamonkey 2.43) nsipushmessage is the subject of a push-message observer notification.
nsITreeColumns
the nsitreecolumns interface represents the tree columns.
...f scripts which treat this as an array).
... only.
nsIUpdatePrompt
1.0 66 introduced gecko 1.8 inherits from: nsisupports last changed in gecko 1.8 (firefox 1.5 / thunderbird 1.5 / seamonkey 1.0) method overview void checkforupdates(); void showupdateavailable(in nsiupdate update); void showupdatedownloaded(in nsiupdate update, [optional] in boolean background); void showupdateerror(in nsiupdate update); void showupdatehistory(in nsi
domwindow parent); void showupdateinstalled(); methods checkforupdates() presents a user interface that checks for and displays the available updates.
...siupdate update ); parameters update an nsiupdate describing the update that failed to install.
...pdate describing the update that failed to install.
nsIWebBrowserChrome3
embedding/browser/webbrowser/nsiwebbrowserchrome3.idlscriptable an extension to nsiwebbrowserchrome2.
...chrome2 last changed in gecko 2.0 (firefox 4 / thunderbird 3.3 / seamonkey 2.1) method overview astring onbeforelinktraversal(in astring originaltarget, in nsiuri linkuri, in nsi
domnode linknode, in prbool isapptab); methods onbeforelinktraversal() determines the appropriate target for a link.
...n nsiuri linkuri, in nsi
domnode linknode, in prbool isapptab); methods onbeforelinktraversal() determines the appropriate target for a link.
nsIWinTaskbar
.getservice(components.interfaces.nsiwintaskbar); method overview nsijumplistbuilder createjumplistbuilder(); nsitaskbartabpreview createtaskbartabpreview(in nsidocshell shell, in nsitaskbarpreviewcontroller controller); nsitaskbarprogress gettaskbarprogress(in nsidocshell shell); nsitaskbarwindowpreview gettaskbarwindowpreview(in nsidocshell shell); void setgroupidforwindow(in nsi
domwindow aparent, in astring aidentifier); attributes attribute type description available boolean returns true if the operating system supports windows 7 or later taskbar features; you can use this instead of in-place operating system version checking.
...arwindowpreview( in nsidocshell shell ); parameters shell an nsidocshell object to use to find the top-level window.
...t to use to find the top-level window.
nsIWorkerFactory
dom/interfaces/threads/nsi
domworkers.idlscriptable creates and returns a new worker 1.0 66 introduced gecko 2.0 obsolete gecko 8.0 inherits from: nsisupports last changed in gecko 2.0 (firefox 4 / thunderbird 3.3 / seamonkey 2.1) this interface was removed in gecko 8.0.
...n't need to use it anymore to create workers from chrome.
...ry;1.
nsIWorkerMessagePort
dom/interfaces/threads/nsi
domworkers.idlscriptable this interface represents a worker thread's message port, which is used to allow the worker to post messages back to its creator.
...
dom/interfaces/threads/nsi
domworkers.idlscriptable this interface represents a worker thread's message port, which is used to allow the worker to post messages back to its creator.
... thread's message port, which is used to allow the worker to post messages back to its creator.
nsIXFormsNSInstanceElement
ceelement is implemented by all xforms <instance/> elements, defining mozilla extensions.
...ozilla extensions.
...dlscriptable please add a summary to this article.
nsIXFormsNSModelElement
xforms <model/> elements.
...odelelement interface.
...riptable please add a summary to this article.
Working with Multiple Versions of Interfaces
is short note we illustrate how one can update an xpcom module in order for it to work in both firefox 2 and firefox 3, even if the interfaces have changed in the interim.
...ine 6.
... compiler by enclosing both incantations within a compiler pragma: #pragma warning(push) #pragma warning(disable : 4005) ...
Index
ples for more code samples.
...verlays are provided by the extension.
...ing the code for a feature add-ons, extensions, thunderbird frequently you are trying to figure out the code that implements a specific feature of the user interface.
Zombie compartments
...
...│ │ │ ├──0.01 mb (00.00%) ── pres-contexts │ │ │ │ ├──0.01 mb (00.00%) ── line-boxes │ │ │ │ └──0.00 mb (00.00%) ── text-runs │ │ │ ├──3.78 mb (00.76%) ++ js-compartment(https://www.google.de/?gws_rd=ssl) │ │ │ ├──0.51 mb (00.10%) ── style-sheets │ │ │ ├──0.33 mb (00.07%) --
dom │ │ │ │ ├──0.17 mb (00.04%) ── text-nodes │ │ │ │ ├──0.13 mb (00.03%) ── element-nodes │ │ │ │ ├──0.02 mb (00.00%) ── other │ │ │ │ ├──0.01 mb (00.00%) ── orphan-nodes │ │ │ │ └──0.00 mb (00.00%) ── event-targets │ │ │ └──0.00 mb (00.00%) ── property-tables ...
...0.21%) -- type-objects │ │ │ ├──1.04 mb (00.21%) ── gc-heap │ │ │ └──0.03 mb (00.01%) ── malloc-heap │ │ ├──0.23 mb (00.05%) ++ strings │ │ └──0.18 mb (00.04%) ── gc-heap-arena-admin the first line says that the window from www.google.de is taking up 28.45 mb and futher breaks it down into zones, compartments,
dom etc.
Scripting plugins - Plugins
.
... the netscape plugin api, an extension to the api has been developed that lets plugins be scriptable again, independent of java.
...ew mechanism needs to return the appropriate npobject (which is created by calling npn_createobject) when the browser requests it by calling: npp_getvalue(npp, nppvpluginscriptablenpobject, ...); accessing browser objects from a plugin a plugin that wishes to access objects in the browser window that loaded the plugin can do this by getting the npobject for the browser's window object, or the
dom element that loaded the plugin.
Debugging service workers - Firefox Developer Tools
p you figure out the problem, you could also try going to the javascript debugger and stepping through your code to pinpoint exactly where it is going wrong.
...r-initiated cache rather than from the network by looking at network monitor.
... service worker in the transferred column.
AnimationEvent() - Web APIs
reated animationevent, representing an event in relation with an animation.
... elapsedtime : afloat, pseudoelement: apseudoelementname}); parameters the animationevent() constructor also inherits arguments from event().
...psedtime optional a float giving the amount of time the animation has been running, in seconds, when this event fired, excluding any time the animation was paused.
Attr.prefix - Web APIs
the attr.prefix read-only property returns the namespace prefix of the specified attribute, or null if no prefix is specified.
...face.
....
AudioBuffer - Web APIs
y the channel parameter (with 0 representing the first channel).
...he full source code at our webaudio-examples repository; a running live version is also available.
...buffer(2, audioctx.samplerate * 3, audioctx.samplerate); // fill the buffer with white noise; // just ran
dom values between -1.0 and 1.0 for (var channel = 0; channel < myarraybuffer.numberofchannels; channel++) { // this gives us the actual array that contains the data var nowbuffering = myarraybuffer.getchanneldata(channel); for (var i = 0; i < myarraybuffer.length; i++) { // math.ran
dom() is in [0; 1.0] // audio needs to be in [-1.0; 1.0] nowbuffering[i] = math.ran
dom() * 2 - 1; } } // get an audiobuffersourcenode.
AudioProcessingEvent - Web APIs
s ready to be processed.
...the august 29 2014 web audio api spec publication, this feature has been marked as deprecated, and is soon to be replaced by audioworklet.
...{ var inputdata = inputbuffer.getchanneldata(channel); var outputdata = outputbuffer.getchanneldata(channel); // loop through the 4096 samples for (var sample = 0; sample < inputbuffer.length; sample++) { // make output equal to the same as the input outputdata[sample] = inputdata[sample]; // add noise to each output sample outputdata[sample] += ((math.ran
dom() * 2) - 1) * 0.2; } } } getdata(); // wire up play button playbutton.onclick = function() { source.connect(scriptnode); scriptnode.connect(audioctx.destination); source.start(); } // when the buffer source stops playing, disconnect everything source.onended = function() { source.disconnect(scriptnode); scriptnode.disconnect(audioctx.destination); } ...
BaseAudioContext.createAnalyser() - Web APIs
sernode, which can be used to expose audio time and frequency data and create data visualisations.
....
...context || window.webkitaudiocontext)(); var analyser = audioctx.createanalyser(); ...
BaseAudioContext.createPeriodicWave() - Web APIs
by definition a sine wave here, we create a periodicwave with two values.
...ve here, we create a periodicwave with two values.
...od here, because we want to start the curve at the middle of the [-1.0; 1.0] range.
BasicCardResponse.cardNumber - Web APIs
the cardnumber property of the basiccardresponse dictionary contains the number of the card used to make the payment.
... iossamsung internetcardnumberchrome no support noedge no support ≤18 — 79firefox full support 56notes disabled full support 56notes disabled notes available only in nightly builds.disabled from version 56: this feature is behind the
dom.payments.request.enabled preference (needs to be set to true).
...android no support nochrome android full support 57firefox android full support 56notes disabled full support 56notes disabled notes available only in nightly builds.disabled from version 56: this feature is behind the
dom.payments.request.enabled preference (needs to be set to true).
BasicCardResponse.cardSecurityCode - Web APIs
the cardsecuritycode property of the basiccardresponse dictionary contains the security code of the card used to make the payment.
...msung internetcardsecuritycodechrome no support noedge no support ≤18 — 79firefox full support 56notes disabled full support 56notes disabled notes available only in nightly builds.disabled from version 56: this feature is behind the
dom.payments.request.enabled preference (needs to be set to true).
...android no support nochrome android full support 57firefox android full support 56notes disabled full support 56notes disabled notes available only in nightly builds.disabled from version 56: this feature is behind the
dom.payments.request.enabled preference (needs to be set to true).
BasicCardResponse.cardholderName - Web APIs
the cardnumber property of the basiccardresponse dictionary contains the cardholder name of the card used to make the payment.
...samsung internetcardholdernamechrome no support noedge no support ≤18 — 79firefox full support 56notes disabled full support 56notes disabled notes available only in nightly builds.disabled from version 56: this feature is behind the
dom.payments.request.enabled preference (needs to be set to true).
...android no support nochrome android full support 57firefox android full support 56notes disabled full support 56notes disabled notes available only in nightly builds.disabled from version 56: this feature is behind the
dom.payments.request.enabled preference (needs to be set to true).
BasicCardResponse.expiryMonth - Web APIs
the expirymonth property of the basiccardresponse dictionary contains the expiry month of the card used to make the payment.
...iossamsung internetexpirymonthchrome no support noedge no support ≤18 — 79firefox full support 56notes disabled full support 56notes disabled notes available only in nightly builds.disabled from version 56: this feature is behind the
dom.payments.request.enabled preference (needs to be set to true).
...android no support nochrome android full support 57firefox android full support 56notes disabled full support 56notes disabled notes available only in nightly builds.disabled from version 56: this feature is behind the
dom.payments.request.enabled preference (needs to be set to true).
BasicCardResponse.expiryYear - Web APIs
the expiryyear property of the basiccardresponse dictionary contains the expiry year of the card used to make the payment.
... iossamsung internetexpiryyearchrome no support noedge no support ≤18 — 79firefox full support 56notes disabled full support 56notes disabled notes available only in nightly builds.disabled from version 56: this feature is behind the
dom.payments.request.enabled preference (needs to be set to true).
...android no support nochrome android full support 57firefox android full support 56notes disabled full support 56notes disabled notes available only in nightly builds.disabled from version 56: this feature is behind the
dom.payments.request.enabled preference (needs to be set to true).
BluetoothDevice - Web APIs
y="1" width="150" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="226" y="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">bluetoothdevice</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} interface interface bluetoothdevice { readonly attribute
domstring id; readonly attribute
domstring?
...ribute frozenarray uuids; promise watchadvertisements(); void unwatchadvertisements(); readonly attribute boolean watchingadvertisements; }; bluetoothdevice implements eventtarget; bluetoothdevice implements bluetoothdeviceeventhandlers; bluetoothdevice implements characteristiceventhandlers; bluetoothdevice implements serviceeventhandlers; properties bluetoothdevice.id read only a
domstring that uniquely identifies a device.
...ements(); readonly attribute boolean watchingadvertisements; }; bluetoothdevice implements eventtarget; bluetoothdevice implements bluetoothdeviceeventhandlers; bluetoothdevice implements characteristiceventhandlers; bluetoothdevice implements serviceeventhandlers; properties bluetoothdevice.id read only a
domstring that uniquely identifies a device.
CSS.registerProperty() - Web APIs
rit their value.
...w the custom property should behave; what are allowed types, whether the custom property inherits its value, and what the default value of the custom property is.
...finition dictionary object, which can contain the following members: name a
domstring indicating the name of the property being defined.
CSS.supports() - Web APIs
the css.supports() method returns a boolean value indicating if the browser supports a given css feature, or not.
... css.supports() method returns a boolean value indicating if the browser supports a given css feature, or not.
...pports(supportcondition); parameters there are two distinct sets of parameters.
CSSPageRule - Web APIs
csspagerule is an interface representing a single css @page rule.
...tyle read only returns the declaration block associated with the at-rule.
...e at-rule.
CSSPrimitiveValue.getCounterValue() - Web APIs
the getcountervalue() method of the cssprimitivevalue interface is used to get the counter value.
... interface is used to get the counter value.
... countervalue = cssprimitivevalue.getcountervalue(); return value a counter object representing the counter value.
CSSPrimitiveValue.getFloatValue() - Web APIs
the getfloatvalue() method of the cssprimitivevalue interface is used to get a float value in a specified unit.
... css_percentage the value is a <percentage>.
...rr is raised if the css value doesn't contain a float value or if the float value can't be converted into the specified unit.
CSSPrimitiveValue.getRGBColorValue() - Web APIs
the getrgbcolorvalue() method of the cssprimitivevalue interface is used to get an rgb color value.
...face is used to get an rgb color value.
...
domexception an invalid_access_err is raised if the attached property can't return an rgb color value (i.e.
CSSPrimitiveValue.getRectValue() - Web APIs
the getrectvalue() method of the cssprimitivevalue interface is used to get a rect value.
...f the cssprimitivevalue interface is used to get a rect value.
...
domexception an invalid_access_err is raised if the css value doesn't contain a rect value.
CSSPrimitiveValue.getStringValue() - Web APIs
the getstringvalue() method of the cssprimitivevalue interface is used to get a string value.
... the getstringvalue() method of the cssprimitivevalue interface is used to get a string value.
... exceptions type description
domexception an invalid_access_err is raised if the css value doesn't contain a string value.
CSSStyleDeclaration - Web APIs
returns the optional priority, "important".
...tylesheets[0].cssrules[0].style; console.log(styleobj.csstext); for (var i = styleobj.length; i--;) { var namestring = styleobj[i]; styleobj.removeproperty(namestring); } console.log(styleobj.csstext); specifications specification status comment css object model (cssom)the definition of 'cssstyledeclaration' in that specification.
...{ var namestring = styleobj[i]; styleobj.removeproperty(namestring); } console.log(styleobj.csstext); specifications specification status comment css object model (cssom)the definition of 'cssstyledeclaration' in that specification.
CanvasPattern.setTransform() - Web APIs
the canvaspattern.settransform() method uses an svgmatrix or
dommatrix object as the pattern's transformation matrix and invokes it on the pattern.
... the canvaspattern.settransform() method uses an svgmatrix or
dommatrix object as the pattern's transformation matrix and invokes it on the pattern.
...byid('svg1'); var matrix = svg1.createsvgmatrix(); var img = new image(); img.src = 'https://mdn.mozillademos.org/files/222/canvas_createpattern.png'; img.onload = function() { var pattern = ctx.createpattern(img, 'repeat'); pattern.settransform(matrix.rotate(-45).scale(1.5)); ctx.fillstyle = pattern; ctx.fillrect(0, 0, 400, 400); }; note that newer browser versions started to support
dommatrix as an input to settransform(), so for example you could replace the svgmatrix in the above example with the following: const matrix = new
dommatrix([1, .2, .8, 1, 0, 0]); edit the code below and see your changes update live in the canvas: playable code <canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> <svg id="svg1" style="display:none"></svg> <div class="p...
CanvasRenderingContext2D.getTransform() - Web APIs
the canvasrenderingcontext2d.gettransform() method of the canvas 2d api retrieves the current transformation matrix being applied to the context.
...x.gettransform(); parameters none.
...ransformation matrix will not affect an already returned
dommatrix.
Basic usage of canvas - Web APIs
text and have drawn a first example in your browser.
...ke this: <canvas id="stockgraph" width="150" height="150"> current stock price: $3.15 + 0.15 </canvas> <canvas id="clock" width="150" height="150"> <img src="images/clock.png" width="150" height="150" alt=""/> </canvas> telling the user to use a different browser that supports canvas does not help users who can't read the canvas at all, for example.
... method called getcontext(), used to obtain the rendering context and its drawing functions.
Compositing and clipping - Web APIs
current clipping path.
... 0, 60, 0, math.pi * 2, true); ctx.clip(); // draw background var lingrad = ctx.createlineargradient(0, -75, 0, 75); lingrad.addcolorstop(0, '#232256'); lingrad.addcolorstop(1, '#143778'); ctx.fillstyle = lingrad; ctx.fillrect(-75, -75, 150, 150); // draw stars for (var j = 1; j < 50; j++) { ctx.save(); ctx.fillstyle = '#fff'; ctx.translate(75 - math.floor(math.ran
dom() * 150), 75 - math.floor(math.ran
dom() * 150)); drawstar(ctx, math.floor(math.ran
dom() * 4) + 2); ctx.restore(); } } function drawstar(ctx, r) { ctx.save(); ctx.beginpath(); ctx.moveto(r, 0); for (var i = 0; i < 9; i++) { ctx.rotate(math.pi / 5); if (i % 2 === 0) { ctx.lineto((r / 0.525731) * 0.200811, 0); } else { ctx.lineto(r, 0); ...
...g path by drawing an arc and calling clip().
ClipboardEvent() - Web APIs
the clipboardevent() constructor returns a newly created clipboardevent, representing an event providing information related to modification of the clipboard, that is cut, copy, and paste events.
...oardevent(type[, options]); parameters the clipboardevent() constructor also inherits arguments from event().
...rguments from event().
console.log() - Web APIs
avascript objects with which to replace substitution strings within msg.
...sole for details.
....dir() and console.log().
CredentialsContainer.get() - Web APIs
ed to have, and options for interacting with the user.
... properties: password: a boolean indicating that returned credential instances should include user (as opposed to federated) credentials.
... values are "silent", "optional", or "required".
CustomEvent.initCustomEvent() - Web APIs
nt().
...er than using the feature, instead use specific event constructors, like customevent().
...nt(type, canbubble, cancelable, detail); parameters type is a
domstring containing the name of the event.
Document.createCDATASection() - Web APIs
createcdatasection() creates a new cdata section node, and returns it.
...data> data & then some'); docu.getelementsbytagname('xml')[0].appendchild(cdata); alert(new xmlserializer().serializetostring(docu)); // displays: <xml><![cdata[some <cdata> data & then some]]></xml> notes this will only work with xml, not html documents (as html documents do not support cdata sections); attempting it on an html document will throw not_supported_err.
...ent will throw not_supported_err.
Document.doctype - Web APIs
returns the document type declaration (dtd) associated with current document.
...ypeobj = document.doctype; console.log( "doctypeobj.name: " + doctypeobj.name + "\n" + "doctypeobj.internalsubset: " + doctypeobj.internalsubset + "\n" + "doctypeobj.publicid: " + doctypeobj.publicid + "\n" + "doctypeobj.systemid: " + doctypeobj.systemid ); notes the property returns null if there is no dtd associated with the current document.
..." + doctypeobj.internalsubset + "\n" + "doctypeobj.publicid: " + doctypeobj.publicid + "\n" + "doctypeobj.systemid: " + doctypeobj.systemid ); notes the property returns null if there is no dtd associated with the current document.
Document.getElementsByTagNameNS() - Web APIs
pure nodelist.
...aelems();"> 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 xpath, 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 xpath is much faster.
... context = doc; } var result = doc.evaluate('//*[local-name()="'+elname+'" and namespace-uri() = "'+ns+'"]', context, null, xpathresult.ordered_node_snapshot_type, null); var a = []; for(var i = 0; i < result.snapshotlength; i++) { a[i] = result.snapshotitem(i); } return a; } specifications specification status comment
domthe definition of 'document.getelementsbytagnamens' in that specification.
Document.querySelector() - Web APIs
the specified selector, or group of selectors.
...e document's nodes starting with the first element in the document's markup and iterating through sequential nodes by order of the number of child nodes.
...ocument.queryselector("div.user-panel.main input[name='login']"); negation as all css selector strings are valid, you can also negate selectors: var el = document.queryselector("div.user-panel:not(.main) input[name='login']"); this will select an input with a parent div with the user-panel class but not the main class.
Document.requestStorageAccess() - Web APIs
ageaccess() won’t have any side effects besides changing the value returned by document.hasstorageaccess().
... condition where firefox prompts the user for access.
...y origins classified as trackers will trigger a prompt.
Document.xmlEncoding - Web APIs
obsolete since gecko 10.0 (firefox 10.0 / thunderbird 10.0 / seamonkey 2.7)this feature is obsolete.
...er, firefox 3.0 includes information on endianness (e.g., utf-16be for big endian encoding), and while this extra information is removed as of firefox 3.1b3, firefox 3.1b3 is still consulting the file's encoding, rather than the xml declaration as the spec defines it ("an attribute specifying, as part of the xml declaration, the encoding of this document.").
...-16be for big endian encoding), and while this extra information is removed as of firefox 3.1b3, firefox 3.1b3 is still consulting the file's encoding, rather than the xml declaration as the spec defines it ("an attribute specifying, as part of the xml declaration, the encoding of this document.").
Document.xmlVersion - Web APIs
/ seamonkey 2.7)this feature is obsolete.
...was to detect whether or not the document was being rendered as xml rather than html.
...as xml rather than html.
Element.createShadowRoot() - Web APIs
use element.createshadowroot to create an instance of shadow
dom.
... use element.createshadowroot to create an instance of shadow
dom.
... use element.createshadowroot to create an instance of shadow
dom.
Element.getElementsByClassName() - Web APIs
method getelementsbyclassname() returns a live htmlcollection which contains every descendant element which has the specified class name or names.
...ar elements = element.getelementsbyclassname(names); parameters names a
domstring containing one or more class names to match on, separated by whitespace.
... on any htmlcollection by passing the htmlcollection as the method's this value.
Element.insertAdjacentText() - Web APIs
the insertadjacenttext() method of the element interface inserts a given text node at a given position relative to the element it is invoked upon.
...ement.insertadjacenttext(position, element); parameters position a
domstring representing the position relative to the element; must be one of the following strings: 'beforebegin': before the element itself.
...following code: if (!element.prototype.insertadjacenttext) element.prototype.insertadjacenttext = function(type, txt){ this.insertadjacenthtml( type, (txt+'') // convert to string .replace(/&/g, '&') // embed ampersand symbols .replace(/</g, '<') // embed less-than symbols ) } specification specification status comment
domthe definition of 'insertadjacenttext()' in that specification.
Element.removeAttributeNS() - Web APIs
ttrname is a string that names the attribute to be removed from the current node.
...mlns:special="http://www.mozilla.org/ns/specialspace" // special:specialalign="utterleft" width="200px" /> d = document.getelementbyid("div1"); d.removeattributens("http://www.mozilla.org/ns/specialspace", "specialalign"); // now: <div id="div1" width="200px" /> notes
dom methods dealing with element's attributes: not namespace-aware, most commonly used methods namespace-aware variants (
dom level 2)
dom level 1 methods for dealing with attr nodes directly (sel
dom used)
dom level 2 namespace-aware methods for dealing with attr nodes directly (sel
dom used) setattribute (
dom 1) setattributens setattributenode setattributenodens getattribute (
dom 1) getattributens getattributenode getattributenodens hasattribute (
dom 2) hasattributens - - removeattribute (
dom 1) removeattribut...
...aware methods for dealing with attr nodes directly (sel
dom used) setattribute (
dom 1) setattributens setattributenode setattributenodens getattribute (
dom 1) getattributens getattributenode getattributenodens hasattribute (
dom 2) hasattributens - - removeattribute (
dom 1) removeattributens removeattributenode - specifications specification status comment
domthe definition of 'element: removeattributens' in that specification.
Element.slot - Web APIs
the slot property of the element interface returns the name of the shadow
dom slot the element is inserted in.
... the slot property of the element interface returns the name of the shadow
dom slot the element is inserted in.
... <span slot="my-text">let's have some different text!</span> </my-paragraph> in our javascript file we get a reference to the <span> shown above, then log a reference to the name of the corresponding <slot> element.
Element.tagName - Web APIs
ly property of the element interface returns the tag name of the element on which it's called.
...erently for xml/xhtml documents).
...r span = document.getelementbyid("born"); console.log(span.tagname); in xhtml (or any other xml format), the original case will be maintained, so "span" would be output in case the original tag name was created lowercase.
Event.explicitOriginalTarget - Web APIs
nal object calling the command.
...mmand.
...t.nodename); // returns 'menuitem' } <xul:command id="my-cmd-anaction" oncommand="mycommand(event);"/> <xul:menulist> <xul:menupopup> <xul:menuitem label="get my element name!" command="my-cmd-anaction"/> </xul:menupopup> </menulist> specifications this is a mozilla-specific property.
Event.target - Web APIs
hide(evt) { // e.target refers to the clicked <li> element // this is different than e.currenttarget, which would refer to the parent <ul> in this context evt.target.style.visibility = 'hidden'; } // attach the listener to the list // it will fire when each <li> is clicked ul.addeventlistener('click', hide, false); specifications specification status comment
domthe definition of 'event.target' in that specification.
....currenttarget, which would refer to the parent <ul> in this context evt.target.style.visibility = 'hidden'; } // attach the listener to the list // it will fire when each <li> is clicked ul.addeventlistener('click', hide, false); specifications specification status comment
domthe definition of 'event.target' in that specification.
...'; } // attach the listener to the list // it will fire when each <li> is clicked ul.addeventlistener('click', hide, false); specifications specification status comment
domthe definition of 'event.target' in that specification.
Event.timeStamp - Web APIs
ty of the event interface returns the time (in milliseconds) at which the event was created.
... this property only works if the event system supports it for the particular event.
...time precision with `privacy.resistfingerprinting` enabled event.timestamp; // 1519129853500 // 1519129858900 // 1519129864400 // ...
Event.type - Web APIs
the type read-only property of the event interface returns a string containing the event's type.
... false); // second document.addeventlistener('keyup', geteventtype, false); // third // mouse events document.addeventlistener('mousedown', geteventtype, false); // first document.addeventlistener('mouseup', geteventtype, false); // second document.addeventlistener('click', geteventtype, false); // third result specifications specification status comment
domthe definition of 'event.type' in that specification.
...t.addeventlistener('mousedown', geteventtype, false); // first document.addeventlistener('mouseup', geteventtype, false); // second document.addeventlistener('click', geteventtype, false); // third result specifications specification status comment
domthe definition of 'event.type' in that specification.
EventTarget.dispatchEvent() - Web APIs
s not specified by initializing the event before the method was called, or if the event's type is null or an empty string.
...tinues on after the call to dispatchevent().
...is used for dispatching events into the implementation's event model.
ExtendableMessageEvent() - Web APIs
the extendablemessageevent() constructor creates a new extendablemessageevent object instance.
...ent() constructor creates a new extendablemessageevent object instance.
...ndablemessageevent(type, init); parameters type a
domstring that defines the type of the message event being created.
FetchEvent() - Web APIs
the fetchevent() constructor creates a new fetchevent object.
...ifies whether the page was reloaded or not when the event was dispatched.
...ssing the refresh button in a browser is a reload, while clicking a link and pressing the back button is not.
FileReaderSync - Web APIs
y available in workers as it enables synchronous i/o that could potentially block.
...ecified blob or a file into an arraybuffer representing the input data as a binary string.
...nstead.
FileSystemDirectoryEntry.getFile() - Web APIs
filesystemfileentry object representing the file in question.
...oidopera for androidsafari on iossamsung internetgetfile experimentalchrome full support 8edge full support 79firefox full support 50notes full support 50notes notes in firefox, the errorcallback's input parameter is a
domexception rather than a fileerror object.ie no support noopera no support nosafari full support 11.1webview android full support ≤37chrome android full support 18firefox and...
...port 11.1webview android full support ≤37chrome android full support 18firefox android full support 50notes full support 50notes notes in firefox, the errorcallback's input parameter is a
domexception rather than a fileerror object.opera android no support nosafari ios full support 11.3samsung internet android full support yeslegend full support full support ...
Gamepad.timestamp - Web APIs
the gamepad.timestamp property of the gamepad interface returns a
domhighrestimestamp representing the last time the data for this gamepad was updated.
...e been updated from the hardware.
...ing interface.
GamepadEvent - Web APIs
...
...rchrome full support 35edge full support 12firefox full support 29 full support 29 no support 24 — 28disabled disabled from version 24 until version 28 (exclusive): this feature is behind the
dom.gamepad.enabled preference (needs to be set to true).
...1 — 34prefixed prefixed implemented with the vendor prefix: webkitedge full support 12firefox full support 29 full support 29 no support 24 — 28disabled disabled from version 24 until version 28 (exclusive): this feature is behind the
dom.gamepad.enabled preference (needs to be set to true).
HTMLDocument - Web APIs
can generally think of htmldocument as an alias for document, upon which htmldocument is based.
...mentation for the members of htmldocument under the document interface.
...ent under the document interface.
HTMLHeadElement - Web APIs
#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="416" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmlheadelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement.
... html living standardthe definition of 'htmlheadelement' in that specification.
...adelement' in that specification.
HTMLHeadingElement - Web APIs
7f8" stroke="#d4dde4" stroke-width="2px" /><text x="401" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmlheadingelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement.
...ific method; inherits methods from its parent, htmlelement.
...the definition of 'htmlheadingelement' in that specification.
HTMLHtmlElement - Web APIs
#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="416" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmlhtmlelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement.
... definition of 'htmlhtmlelement' in that specification.
...tion of 'htmlhtmlelement' in that specification.
HTMLLabelElement - Web APIs
ications specification status comment html living standardthe definition of 'htmllabelelement' in that specification.
... living standard html5the definition of 'htmllabelelement' in that specification.
...labelelement' in that specification.
HTMLElement.focus() - Web APIs
!</button> </div> result specification specification status comment html living standardthe definition of 'focus' in that specification.
...efinition of 'focus' in that specification.
...cation.
HTMLPreElement - Web APIs
ethod; inherits properties from its parent, htmlelement.
...ndardthe definition of 'htmlpreelement' in that specification.
...n.
HTMLVideoElement - Web APIs
idth="2px" /><text x="211" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmlvideoelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its ancestor interfaces, htmlmediaelement, and htmlelement.
...ment-baseline="middle">htmlvideoelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its ancestor interfaces, htmlmediaelement, and htmlelement.
...ideo data is available.
IDBIndexSync - Web APIs
(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 keypath readonly
domstring the key path of this index.
...ises (idbdatabaseexception); any put (in any value, in optional any key) raises (idbdatabaseexception); void remove (in any key) raises (idbdatabaseexception); attributes attribute type description keypath readonly
domstring the key path of this index.
...onal any key) raises (idbdatabaseexception); void remove (in any key) raises (idbdatabaseexception); attributes attribute type description keypath readonly
domstring the key path of this index.
MediaDeviceInfo - Web APIs
the mediadeviceinfo interface contains information that describes a single media input or output device.
....deviceidread only returns a
domstring that is an identifier for the represented device that is persisted across sessions.
...eviceinfo.groupidread only returns a
domstring that is a group identifier.
MediaStreamTrack - Web APIs
t is disabled, that is not rendering the media source stream but silence and blackness.
...dentifier (guid) for the track; it is generated by the browser.
...y the document that owns the mediastreamtrack.
MouseEvent() - Web APIs
the mouseevent() constructor creates a new mouseevent.
... secondary button pressed (usually the right button) 4 auxiliary button pressed (usually the middle button) "relatedtarget", optional and defaulting to null, of type eventtarget, that is the element just left (in case of a mouseenter or mouseover) or is entering (in case of a mouseout or mouseleave).
...will throw a typeerror.
MouseEvent.altKey - Web APIs
you trigger a click event.
...queryselector('#log'); document.addeventlistener('click', logkey); function logkey(e) { log.textcontent = `the alt key is pressed: ${e.altkey}`; } result specifications specification status comment document object model (
dom) level 3 events specificationthe definition of 'mouseevent.altkey' in that specification.
... function logkey(e) { log.textcontent = `the alt key is pressed: ${e.altkey}`; } result specifications specification status comment document object model (
dom) level 3 events specificationthe definition of 'mouseevent.altkey' in that specification.
MouseEvent.button - Web APIs
ntent = 'left button clicked.'; break; case 1: log.textcontent = 'middle button clicked.'; break; case 2: log.textcontent = 'right button clicked.'; break; default: log.textcontent = `unknown button code: ${e.button}`; } } } result specifications specification status comment document object model (
dom) level 3 events specificationthe definition of 'mouseevent.button' in that specification.
... log.textcontent = 'right button clicked.'; break; default: log.textcontent = `unknown button code: ${e.button}`; } } } result specifications specification status comment document object model (
dom) level 3 events specificationthe definition of 'mouseevent.button' in that specification.
...t = `unknown button code: ${e.button}`; } } } result specifications specification status comment document object model (
dom) level 3 events specificationthe definition of 'mouseevent.button' in that specification.
MouseEvent.clientX - Web APIs
function logkey(e) { screenlog.innertext = ` screen x/y: ${e.screenx}, ${e.screeny} client x/y: ${e.clientx}, ${e.clienty}`; } result specifications specification status comment css object model (cssom) view modulethe definition of 'clientx' in that specification.
... specifications specification status comment css object model (cssom) view modulethe definition of 'clientx' in that specification.
... css object model (cssom) view modulethe definition of 'clientx' in that specification.
MouseEvent.clientY - Web APIs
function logkey(e) { screenlog.innertext = ` screen x/y: ${e.screenx}, ${e.screeny} client x/y: ${e.clientx}, ${e.clienty}`; } result specifications specification status comment css object model (cssom) view modulethe definition of 'clienty' in that specification.
... specifications specification status comment css object model (cssom) view modulethe definition of 'clienty' in that specification.
... css object model (cssom) view modulethe definition of 'clienty' in that specification.
MouseEvent.ctrlKey - Web APIs
trigger a click event.
...ryselector('#log'); document.addeventlistener('click', logkey); function logkey(e) { log.textcontent = `the ctrl key is pressed: ${e.ctrlkey}`; } result specifications specification status comment document object model (
dom) level 3 events specificationthe definition of 'mouseevent.ctrlkey' in that specification.
...nction logkey(e) { log.textcontent = `the ctrl key is pressed: ${e.ctrlkey}`; } result specifications specification status comment document object model (
dom) level 3 events specificationthe definition of 'mouseevent.ctrlkey' in that specification.
MouseEvent.initMouseEvent() - Web APIs
document.getelementbyid("out").innerhtml = stag; }; var simulateclick = function(){ var evt = document.createevent("mouseevents"); evt.initmouseevent("click", true, true, window, 0, 0, 0, 80, 20, false, false, false, false, 0, null); document.body.dispatchevent(evt); } simulateclick(); result specifications specification status comment document object model (
dom) level 3 events specificationthe definition of 'mouseevent.initmouseevent()' in that specification.
...useevent("click", true, true, window, 0, 0, 0, 80, 20, false, false, false, false, 0, null); document.body.dispatchevent(evt); } simulateclick(); result specifications specification status comment document object model (
dom) level 3 events specificationthe definition of 'mouseevent.initmouseevent()' in that specification.
...se, 0, null); document.body.dispatchevent(evt); } simulateclick(); result specifications specification status comment document object model (
dom) level 3 events specificationthe definition of 'mouseevent.initmouseevent()' in that specification.
MouseEvent.metaKey - Web APIs
trigger a click event.
...ryselector('#log'); document.addeventlistener('click', logkey); function logkey(e) { log.textcontent = `the meta key is pressed: ${e.metakey}`; } result specifications specification status comment document object model (
dom) level 3 events specificationthe definition of 'mouseevent.metakey' in that specification.
...nction logkey(e) { log.textcontent = `the meta key is pressed: ${e.metakey}`; } result specifications specification status comment document object model (
dom) level 3 events specificationthe definition of 'mouseevent.metakey' in that specification.
MouseEvent.relatedTarget - Web APIs
n overlistener(event) { let related = event.relatedtarget ?
...ated} ${mouseoutlog.innertext}`; } result specifications specification status comment ui eventsthe definition of 'mouseevent.relatedtarget' in that specification.
... specification status comment ui eventsthe definition of 'mouseevent.relatedtarget' in that specification.
MouseEvent.screenX - Web APIs
kmap(e) { if (e.screenx < 50) doredbutton(); if (50 <= e.screenx && e.screenx < 100) doyellowbutton(); if (e.screenx >= 100) doredbutton(); } specifications specification status comment css object model (cssom) view modulethe definition of 'screenx' in that specification.
... specifications specification status comment css object model (cssom) view modulethe definition of 'screenx' in that specification.
... css object model (cssom) view modulethe definition of 'screenx' in that specification.
MouseEvent.screenY - Web APIs
function logkey(e) { screenlog.innertext = ` screen x/y: ${e.screenx}, ${e.screeny} client x/y: ${e.clientx}, ${e.clienty}`; } result specifications specification status comment css object model (cssom) view modulethe definition of 'screeny' in that specification.
... specifications specification status comment css object model (cssom) view modulethe definition of 'screeny' in that specification.
... css object model (cssom) view modulethe definition of 'screeny' in that specification.
MouseEvent.shiftKey - Web APIs
igger a click event.
...elector('#log'); document.addeventlistener('click', logkey); function logkey(e) { log.textcontent = `the shift key is pressed: ${e.shiftkey}`; } result specifications specification status comment document object model (
dom) level 3 events specificationthe definition of 'mouseevent.shiftkey' in that specification.
...ion logkey(e) { log.textcontent = `the shift key is pressed: ${e.shiftkey}`; } result specifications specification status comment document object model (
dom) level 3 events specificationthe definition of 'mouseevent.shiftkey' in that specification.
MutationObserverInit.childList - Web APIs
the mutationobserverinit dictionary's optional childlist property indicates whether or not to monitor the specified node or nodes for the addition or removal of new child nodes.
... or removing new nodes does not trigger mutation callbacks.
... function when new nodes are added to or removed from the section of the
dom being monitored..
Node.getRootNode() - Web APIs
er the shadow root should be returned (false, the default), or a root node beyond shadow root (true).
...g it on an element inside a shadow
dom will return the associated shadowroot.
... shadowroot.queryselector('.js-shadowchild'); // the default value of composed is false console.log(shadowchild.getrootnode() === shadowroot); // true console.log(shadowchild.getrootnode({composed:false}) === shadowroot); // true console.log(shadowchild.getrootnode({composed:true}).nodename); // #document </script> specifications specification status comment
domthe definition of 'getrootnode()' in that specification.
Node.nodeName - Web APIs
the nodename read-only property returns the name of the current node as a string.
...">hello world</div> <input type="text" id="t"> and the following script: var div1 = document.getelementbyid("d1"); var text_field = document.getelementbyid("t"); text_field.value = div1.nodename; in xhtml (or any other xml format), text_field's value would read "div".
... as html documents.
Node.parentElement - Web APIs
the node.parentelement read-only property returns the
dom node's parent element, or null if the node either has no parent, or its parent isn't a
dom element.
... the node.parentelement read-only property returns the
dom node's parent element, or null if the node either has no parent, or its parent isn't a
dom element.
...'s parent element, or null if the node either has no parent, or its parent isn't a
dom element.
Node.prefix - Web APIs
the node.prefix read-only property returns the namespace prefix of the specified node, or null if no prefix is specified.
...tr interfaces.
...amespace-aware parser is used, i.e.
NodeFilter.acceptNode() - Web APIs
se, only accept nodes that have content // other than whitespace if ( !
...efilter.filter_accept; } } }, false ); // show the content of every non-empty text node that is a child of root var node; while ((node = iterator.nextnode())) { alert(node.data); } specifications specification status comment
domthe definition of 'nodefilter.acceptnode()' in that specification.
...ery non-empty text node that is a child of root var node; while ((node = iterator.nextnode())) { alert(node.data); } specifications specification status comment
domthe definition of 'nodefilter.acceptnode()' in that specification.
NodeIterator.filter - Web APIs
er_reject for cases when the node should be rejected.
... = document.createnodeiterator( document.body, nodefilter.show_element, { acceptnode: function(node) { return nodefilter.filter_accept; } }, false ); nodefilter = nodeiterator.filter; specifications specification status comment
domthe definition of 'nodeiterator.filter' in that specification.
... { acceptnode: function(node) { return nodefilter.filter_accept; } }, false ); nodefilter = nodeiterator.filter; specifications specification status comment
domthe definition of 'nodeiterator.filter' in that specification.
NodeIterator.nextNode() - Web APIs
nodeiterator.nextnode() method returns the next node in the set represented by the nodeiterator and advances the position of the iterator within the set.
...nodeiterator.nextnode(); example var nodeiterator = document.createnodeiterator( document.body, nodefilter.show_element, { acceptnode: function(node) { return nodefilter.filter_accept; } }, false // this optional argument is not used any more ); currentnode = nodeiterator.nextnode(); // returns the next node specifications specification status comment
domthe definition of 'nodeiterator.nextnode' in that specification.
..._accept; } }, false // this optional argument is not used any more ); currentnode = nodeiterator.nextnode(); // returns the next node specifications specification status comment
domthe definition of 'nodeiterator.nextnode' in that specification.
NodeIterator.previousNode() - Web APIs
the nodeiterator.previousnode() method returns the previous node in the set represented by the nodeiterator and moves the position of the iterator backwards within the set.
... nodefilter.show_element, { acceptnode: function(node) { return nodefilter.filter_accept; } }, false // this optional argument is not used any more ); currentnode = nodeiterator.nextnode(); // returns the next node previousnode = nodeiterator.previousnode(); // same result, since we backtracked to the previous node specifications specification status comment
domthe definition of 'nodeiterator.previousnode' in that specification.
...ode(); // returns the next node previousnode = nodeiterator.previousnode(); // same result, since we backtracked to the previous node specifications specification status comment
domthe definition of 'nodeiterator.previousnode' in that specification.
NodeIterator.root - Web APIs
the root of what the nodeiterator traverses.
...enodeiterator( document.body, nodefilter.show_element, { acceptnode: function(node) { return nodefilter.filter_accept; } }, false ); root = nodeiterator.root; // document.body in this case specifications specification status comment
domthe definition of 'nodeiterator.root' in that specification.
... function(node) { return nodefilter.filter_accept; } }, false ); root = nodeiterator.root; // document.body in this case specifications specification status comment
domthe definition of 'nodeiterator.root' in that specification.
NodeIterator.whatToShow - Web APIs
ement + nodefilter.show_comment + nodefilter.show_text, { acceptnode: function(node) { return nodefilter.filter_accept; } }, false ); if( (nodeiterator.whattoshow == nodefilter.show_all) || (nodeiterator.whattoshow % (nodefilter.show_comment*2)) >= nodefilter.show_comment) { // nodeiterator will show comments } specifications specification status comment
domthe definition of 'nodeiterator.whattoshow' in that specification.
... false ); if( (nodeiterator.whattoshow == nodefilter.show_all) || (nodeiterator.whattoshow % (nodefilter.show_comment*2)) >= nodefilter.show_comment) { // nodeiterator will show comments } specifications specification status comment
domthe definition of 'nodeiterator.whattoshow' in that specification.
...rator.whattoshow % (nodefilter.show_comment*2)) >= nodefilter.show_comment) { // nodeiterator will show comments } specifications specification status comment
domthe definition of 'nodeiterator.whattoshow' in that specification.
NodeIterator - Web APIs
the nodeiterator interface represents an iterator over the members of a list of the nodes in a subtree of the
dom.
...no-op.
...on status comment
domthe definition of 'nodeiterator' in that specification.
Notification.Notification() - Web APIs
tings that you want to apply to the notification.
... (although most browsers seem to ignore these settings.) lang: the notification's language, as specified using a
domstring representing a bcp 47 language tag.
...ied using a
domstring representing a bcp 47 language tag.
PaymentAddress.addressLine - Web APIs
the addressline read-only property of the paymentaddress interface is an array of
domstring objects, each specifying a line of the address that is not covered by one of the other properties of paymentaddress.
...y of the paymentaddress interface is an array of
domstring objects, each specifying a line of the address that is not covered by one of the other properties of paymentaddress.
...ss in london index addressline[] value 0 metal box factory 1 suite 441, 4th floor 2 30 great guildford street these, combined with additional values for other properties of the paymentaddress, would represent the full address, which is: mozilla metal box factory suite 441, 4th floor 30 great guildford street london se1 0hs united king
dom specifications specification status comment payment request apithe definition of 'paymentaddress.addressline' in that specification.
PaymentRequest.canMakePayment() - Web APIs
) canpay = await paymentrequest.canmakepayment(); returns a promise to a boolean that resolves to true if the user agent supports any of the payment methods supplied when instantiating the request using the paymentrequest constructor.
...tcanmakepayment()chrome full support 61edge full support 16firefox full support 55notes disabled full support 55notes disabled notes available only in nightly builds.disabled from version 55: this feature is behind the
dom.payments.request.enabled preference (needs to be set to true).
...android no support nochrome android full support 53firefox android full support 55notes disabled full support 55notes disabled notes available only in nightly builds.disabled from version 55: this feature is behind the
dom.payments.request.enabled preference (needs to be set to true).
PaymentRequest.prototype.id - Web APIs
re-order-123-12312 the id is then also available in the paymentresponse returned from the show() method, but under the requestid attribute.
...amsung internetidchrome full support 61edge full support 16firefox full support 55notes disabled full support 55notes disabled notes available only in nightly builds.disabled from version 55: this feature is behind the
dom.payments.request.enabled preference (needs to be set to true).
...android no support nochrome android full support 60firefox android full support 55notes disabled full support 55notes disabled notes available only in nightly builds.disabled from version 55: this feature is behind the
dom.payments.request.enabled preference (needs to be set to true).
PaymentResponse.complete() - Web APIs
method complete() of the payment request api notifies the user agent that the user interaction is over, and causes any remaining user interface to be closed.
...nternetcomplete()chrome full support 61edge full support 15firefox full support 56notes disabled full support 56notes disabled notes available only in nightly builds.disabled from version 56: this feature is behind the
dom.payments.request.enabled preference (needs to be set to true).
...ve): this feature is behind the #web-payments preference (needs to be set to enabled).
PaymentResponse.requestId - Web APIs
the requestid read-only property of the paymentresponse interface rreturns the free-form identifier supplied by the paymentresponse() constructor by details.id.
...internetrequestidchrome full support 61edge full support 16firefox full support 56notes disabled full support 56notes disabled notes available only in nightly builds.disabled from version 56: this feature is behind the
dom.payments.request.enabled preference (needs to be set to true).
...android no support nochrome android full support 60firefox android full support 56notes disabled full support 56notes disabled notes available only in nightly builds.disabled from version 56: this feature is behind the
dom.payments.request.enabled preference (needs to be set to true).
PerformanceEntry.name - Web APIs
eentry.entrytype, as shown by the table below.
... url performanceframetiming, performancenavigationtiming frame, navigation the document's address.
...formanceresourcetiming resource the resolved url of the requested resource.
PerformanceEntry - Web APIs
timing performancenavigationtiming performanceresourcetiming performancepainttiming note: this feature is available in web workers.
...eentry.name read only a value that further specifies the value returned by the performanceentry.entrytype property.
...e value of both depends on the subtype.
PerformanceObserver.observe() - Web APIs
the observe() method of the performanceobserver interface is used to specify the set of performance entry types to observe.
...e names are documented in performance entry type names in performanceentry.entrytype.
...er's callback function—set when creating the performanceobserver—is invoked.
PerformanceResourceTiming.workerStart - Web APIs
the workerstart read-only property of the performanceresourcetiming interface returns a
domhighrestimestamp immediately before dispatching the fetchevent if a service worker thread is already running, or immediately before starting the service worker thread if it is not already running.
...nterface returns a
domhighrestimestamp immediately before dispatching the fetchevent if a service worker thread is already running, or immediately before starting the service worker thread if it is not already running.
...entries() { // use getentriesbytype() to just get the "resource" events var p = performance.getentriesbytype("resource"); for (var i=0; i < p.length; i++) { print_start_and_end_properties(p[i]); } } function print_start_and_end_properties(perfentry) { // print timestamps of the performanceentry *start and *end properties properties = ["connectstart", "connectend", "
domainlookupstart", "
domainlookupend", "fetchstart", "redirectstart", "redirectend", "requeststart", "responsestart", "responseend", "secureconnectionstart", "workerstart"]; for (var i=0; i < properties.length; i++) { // check each property var supported = properties[i] in perfentry; if (supported) { ...
PeriodicWave - Web APIs
by definition a sine wave here, we create a periodicwave with two values.
...ve here, we create a periodicwave with two values.
...od here, because we want to start the curve at the middle of the [-1.0; 1.0] range.
Pointer events - Web APIs
much of today's web content assumes the user's pointing device will be a mouse.
...ch of today's web content assumes the user's pointing device will be a mouse.
...nter a hardware-agnostic representation of input devices that can target a specific coordinate (or set of coordinates) on a screen.
RTCDataChannel - Web APIs
a channel and ask a remote peer to join you, call the rtcpeerconnection's createdatachannel() method.
...lowthreshold the rtcdatachannel property bufferedamountlowthreshold is used to specify the number of bytes of buffered outgoing data that is considered "low." the default value is 0.id read only the read-only rtcdatachannel property id returns an id number (between 0 and 65,534) which uniquely identifies the rtcdatachannel.label read only the read-only rtcdatachannel property label returns a
domstring containing a name describing the data channel.
...tcdatachannel's connection was negotiated by the web app (true) or by the webrtc layer (false).ordered read only the read-only rtcdatachannel property ordered indicates whether or not the data channel guarantees in-order delivery of messages; the default is true, which indicates that the data channel is indeed ordered.protocol read only the read-only rtcdatachannel property protocol returns a
domstring containing the name of the subprotocol in use.
RTCIceTransport - Web APIs
rly useful if you need to access state information about the connection.
...ent read only the ice component being used by the transport.
...ntly in.
RTCPeerConnectionIceErrorEvent - Web APIs
oniceerrorevent() creates and returns a new rtcpeerconnectioniceerrorevent object, with its type and other properties initialized as specified in the parameters.
...e candidate.
...h the stun or turn server couldn't be established at all, this string will be a browser-specific string explaining the error.
RTCRtpContributingSource.timestamp - Web APIs
the read-only timestamp property of the rtcrtpcontributingsource interface returns a
domhighrestimestamp indicating the most recent time of playout of an rtp packet from the source.
... the read-only timestamp property of the rtcrtpcontributingsource interface returns a
domhighrestimestamp indicating the most recent time of playout of an rtp packet from the source.
... the read-only timestamp property of the rtcrtpcontributingsource interface returns a
domhighrestimestamp indicating the most recent time of playout of an rtp packet from the source.
RTCStats - Web APIs
the rtcstats dictionary is the basic statistics object used by webrtc's statistics monitoring model, providing the properties required of all statistics data objects.
...itoring model, providing the properties required of all statistics data objects.
... defined as dictionaries based on rtcstats.
RTCStatsReport - Web APIs
r each category of statistic information, there is a dictionary whose properties provide the relevant information.
...ies common to all statistic categories all webrtc statistics objects are fundamentally based on the rtcstats dictionary, which provides the most fundamental information: the timestamp, the statistic type string, and an id uniquely identifying the source of the data: id a
domstring which uniquely identifies the object which was inspected to produce this object based on rtcstats.
...ionary, which provides the most fundamental information: the timestamp, the statistic type string, and an id uniquely identifying the source of the data: id a
domstring which uniquely identifies the object which was inspected to produce this object based on rtcstats.
Range.collapse() - Web APIs
the range.collapse() method collapses the range to one of its boundary points.
....collapse(tostart); parameters tostart optional a boolean value: true collapses the range to its start, false to its end.
...mple var range = document.createrange(); referencenode = document.getelementsbytagname("div").item(0); range.selectnode(referencenode); range.collapse(true); specifications specification status comment
domthe definition of 'range.collapse()' in that specification.
Range.compareBoundaryPoints() - Web APIs
end boundary-point of range.
...ts with the range.
...("div")[0]); sourcerange = document.createrange(); sourcerange.selectnode(document.getelementsbytagname("div")[1]); compare = range.compareboundarypoints(range.start_to_end, sourcerange); specifications specification status comment
domthe definition of 'range.compareboundarypoints()' in that specification.
Range.extractContents() - Web APIs
the range.extractcontents() method moves contents of the range from the document tree into a documentfragment.
...documentfragment = range.extractcontents(); list2.appendchild(documentfragment); } else if (range.commonancestorcontainer === list2 || range.commonancestorcontainer.parentnode === list2) { const documentfragment = range.extractcontents(); list1.appendchild(documentfragment); } } }); result specifications specification status comment
domthe definition of 'range.extractcontents()' in that specification.
... list2 || range.commonancestorcontainer.parentnode === list2) { const documentfragment = range.extractcontents(); list1.appendchild(documentfragment); } } }); result specifications specification status comment
domthe definition of 'range.extractcontents()' in that specification.
Range.setEnd() - Web APIs
lt in a collapsed range with the start and end points both set to the specified end position.
...mber of child nodes between the start of the endnode.
....getelementsbytagname('p').item(3); const endoffset = endnode.childnodes.length; range.setend(endnode, endoffset); setend() is commonly used in conjunction with setstart() to fully configure a range.
ReadableStreamDefaultController.close() - Web APIs
rd any enqueued chunks, you'd use readablestream.cancel() or readablestreamdefaultreader.cancel().
...defaultreader.cancel().
...so provided to stop the generation if readablestream.cancel() is called for any reason.
ReadableStreamDefaultController.enqueue() - Web APIs
troller interface enqueues a given chunk in the associated stream.
... readablestreamdefaultcontroller.enqueue(chunk); parameters chunk the chunk to enqueue.
...so provided to stop the generation if readablestream.cancel() is called for any reason.
ReadableStreamDefaultController - Web APIs
ods readablestreamdefaultcontroller.close() closes the associated stream.
...m.
...aultcontroller object is provided as the parameter of the start() and pull() functions.
SVGAnimatedString - Web APIs
the svganimatedstring interface represents string attributes which can be animated from each svg declaration.
... be declared inside this.
...on value.
SVGCircleElement - Web APIs
ethods this interface has no methods but inherits methods from its parent, svggeometryelement.
...g/2000/svg" viewbox="0 0 250 250" width="250" height="250"> <circle cx="100" cy="100" r="50" fill="gold" id="circle" onclick="clickcircle();"/> </svg> javascript content this function clickcircle() is called when the circle is clicked.
..." r="50" fill="gold" id="circle" onclick="clickcircle();"/> </svg> javascript content this function clickcircle() is called when the circle is clicked.
SVGElement - Web APIs
all of the svg
dom interfaces that correspond directly to elements in the svg language derive from the svgelement interface.
...olas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties also inherits properties from: documentandelementeventhandlers, element, elementcssinlinestyle, globaleventhandlers, htmlorforeignelement, svgelementinstance svgelement.datasetread only a
domstringmap object which provides a list of key/value pairs of named data attributes which correspond to custom data attributes attached to the element.
...on.
SVGGeometryElement.isPointInFill() - Web APIs
ggeometryelement.ispointinfill() method determines whether a given point is within the fill shape of an element.
...ines whether a given point is within the fill shape of an element.
...eight="150" xmlns="http://www.w3.org/2000/svg"> <circle id="circle" cx="50" cy="50" r="45" fill="white" stroke="black" stroke-width="10"/> <circle cx="10" cy="10" r="5" fill="seagreen"/> <circle cx="40" cy="30" r="5" fill="seagreen"/> </svg> javascript var circle = document.getelementbyid('circle'); // point not in circle console.log('point at 10,10:', circle.ispointinfill(new
dompoint(10, 10))); // point in circle console.log('point at 40,30:', circle.ispointinfill(new
dompoint(40, 30))); result specifications specification status comment scalable vector graphics (svg) 2the definition of 'svggeometryelement.ispointinfill()' in that specification.
SVGGeometryElement.isPointInStroke() - Web APIs
yelement.ispointinstroke() method determines whether a given point is within the stroke shape of an element.
...hether a given point is within the stroke shape of an element.
... <circle id="circle" cx="50" cy="50" r="45" fill="white" stroke="black" stroke-width="10"/> <circle cx="10" cy="10" r="5" fill="seagreen"/> <circle cx="40" cy="30" r="5" fill="seagreen"/> <circle cx="83" cy="17" r="5" fill="seagreen"/> </svg> javascript var circle = document.getelementbyid('circle'); // point not in circle console.log('point at 10,10:', circle.ispointinstroke(new
dompoint(10, 10))); // point in circle but not stroke console.log('point at 40,30:', circle.ispointinstroke(new
dompoint(40, 30))); // point in circle stroke console.log('point at 83,17:', circle.ispointinstroke(new
dompoint(83, 17))); result specifications specification status comment scalable vector graphics (svg) 2the definition of 'svggeometryelement.ispointinstroke...
SVGGraphicsElement - Web APIs
1.1.
...ransform read only an svganimatedtransformlist reflecting the computed value of the transform property and its corresponding transform attribute of the given element.
...s this interface also inherits methods from its parent, svgelement.
SVGMatrix - Web APIs
g's graphics operations utilize 2x3 matrices of the form: [a c e] [b d f] which, when expanded into a 3x3 matrix for the purposes of matrix arithmetic, become: [a c e] [b d f] [0 0 1] an svgmatrix object can be designated as read only, which means that attempts to modify the object will result in an exception being thrown.
...perations utilize 2x3 matrices of the form: [a c e] [b d f] which, when expanded into a 3x3 matrix for the purposes of matrix arithmetic, become: [a c e] [b d f] [0 0 1] an svgmatrix object can be designated as read only, which means that attempts to modify the object will result in an exception being thrown.
...svgmatrix.
SVGRect - Web APIs
f 0 were specified.
... disables rendering of the element svgrect.height this represents the height of the rectangle.a value that is negative results to an error.a value of zero disables rendering of the element.
...lue that is negative results to an error.a value of zero disables rendering of the element.
SVGScriptElement - Web APIs
x="321" y="65" width="160" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="401" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgscriptelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties svgscriptelement.type read only a
domstring corresponding to the type attribute of the given <script> element.
...width="2px" /><text x="401" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgscriptelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties svgscriptelement.type read only a
domstring corresponding to the type attribute of the given <script> element.
...>svgscriptelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties svgscriptelement.type read only a
domstring corresponding to the type attribute of the given <script> element.
Selection - Web APIs
characters within focusnode preceding the focus.
...rrently selected.
...range a range is a contiguous part of a document.
SensorErrorEvent.error - Web APIs
the error read-only property of the sensorerrorevent interface returns the
domexception object passed in the event's contructor.
... the error read-only property of the sensorerrorevent interface returns the
domexception object passed in the event's contructor.
... the error read-only property of the sensorerrorevent interface returns the
domexception object passed in the event's contructor.
Using server-sent events - Web APIs
"ping"; it then parses the json in the data field and outputs that information.
...for the example we're using here follows: date_default_timezone_set("america/new_york"); header("cache-control: no-cache"); header("content-type: text/event-stream"); $counter = rand(1, 10); while (true) { // every second, send a "ping" event.
...intervals.
ServiceWorkerMessageEvent.ServiceWorkerMessageEvent() - Web APIs
important: in modern browsers, this property has been deprecated.
...workermessageevent() constructor creates a new serviceworkermessageevent object instance.
...rviceworkermessageevent(type, init); parameters type a
domstring that defines the type of the message event being created.
ServiceWorkerRegistration.showNotification() - Web APIs
ation.shownotification(title, [options]); parameters title the title that must be shown within the notification options optional an object that allows configuring the notification.
... shown within the notification options optional an object that allows configuring the notification.
...mately twenty seconds.
Text.wholeText - Web APIs
ull text of all text nodes logically adjacent to the node.
... the whole-text functionality may be better served by using node.textcontent, or the longstanding element.innerhtml; that’s fine and probably clearer in most circumstances.
...bably clearer in most circumstances.
TextDecoder() - Web APIs
the textdecoder() constructor returns a newly created textdecoder object for the encoding specified in parameter.
...er() constructor returns a newly created textdecoder object for the encoding specified in parameter.
..."iso-2022-kr" 'iso-2022-kr' "utf-16be" 'utf-16be' "utf-16", "utf-16le" 'utf-16le' "x-user-defined" 'x-user-defined' "iso-2022-cn", "iso-2022-cn-ext" 'replacement' optionsoptional is a textdecoderoptions dictionary with the property: fatal a boolean flag indicating if the textdecoder.decode() method must throw a
domexception with the "encodingerror" value when an coding error is found.
TransitionEvent() - Web APIs
itionevent, representing an event in relation with an transition.
... elapsedtime : afloat, pseudoelement: apseudoelementname}); arguments the transitionevent() constructor also inherits arguments from event().
...edtime optional is float giving the amount of time the animation has been running, in seconds, when this event fired, excluding any time the animation was paused.
TreeWalker.currentNode - Web APIs
ode = treewalker.currentnode; treewalker.currentnode = node; example var treewalker = document.createtreewalker( document.body, nodefilter.show_element, { acceptnode: function(node) { return nodefilter.filter_accept; } }, false ); root = treewalker.currentnode; // the root element as it is the first element!
...ody, nodefilter.show_element, { acceptnode: function(node) { return nodefilter.filter_accept; } }, false ); root = treewalker.currentnode; // the root element as it is the first element!
...efilter.filter_accept; } }, false ); root = treewalker.currentnode; // the root element as it is the first element!
TreeWalker.filter - Web APIs
termine whether or not to accept it.
...ewalker( document.body, nodefilter.show_element, { acceptnode: function(node) { return nodefilter.filter_accept; } }, false ); nodefilter = treewalker.filter; // document.body in this case specifications specification status comment
domthe definition of 'treewalker.filter' in that specification.
...tion(node) { return nodefilter.filter_accept; } }, false ); nodefilter = treewalker.filter; // document.body in this case specifications specification status comment
domthe definition of 'treewalker.filter' in that specification.
TreeWalker.firstChild() - Web APIs
syntax node = treewalker.firstchild; example var treewalker = document.createtreewalker( document.body, nodefilter.show_element, { acceptnode: function(node) { return nodefilter.filter_accept; } }, false ); var node = treewalker.firstchild(); // returns the first child of the root element, or null if none specifications specification status comment
domthe definition of 'treewalker.firstchild' in that specification.
...show_element, { acceptnode: function(node) { return nodefilter.filter_accept; } }, false ); var node = treewalker.firstchild(); // returns the first child of the root element, or null if none specifications specification status comment
domthe definition of 'treewalker.firstchild' in that specification.
...t; } }, false ); var node = treewalker.firstchild(); // returns the first child of the root element, or null if none specifications specification status comment
domthe definition of 'treewalker.firstchild' in that specification.
TreeWalker.lastChild() - Web APIs
t changed.
... nodefilter.show_element, { acceptnode: function(node) { return nodefilter.filter_accept; } }, false ); var node = treewalker.lastchild(); // returns the last visible child of the root element specifications specification status comment
domthe definition of 'treewalker.lastchild' in that specification.
....filter_accept; } }, false ); var node = treewalker.lastchild(); // returns the last visible child of the root element specifications specification status comment
domthe definition of 'treewalker.lastchild' in that specification.
TreeWalker.nextNode() - Web APIs
de = treewalker.nextnode(); example var treewalker = document.createtreewalker( document.body, nodefilter.show_element, { acceptnode: function(node) { return nodefilter.filter_accept; } }, false ); var node = treewalker.nextnode(); // returns the first child of root, as it is the next node in document order specifications specification status comment
domthe definition of 'treewalker.nextnode' in that specification.
...ent, { acceptnode: function(node) { return nodefilter.filter_accept; } }, false ); var node = treewalker.nextnode(); // returns the first child of root, as it is the next node in document order specifications specification status comment
domthe definition of 'treewalker.nextnode' in that specification.
... false ); var node = treewalker.nextnode(); // returns the first child of root, as it is the next node in document order specifications specification status comment
domthe definition of 'treewalker.nextnode' in that specification.
TreeWalker.nextSibling() - Web APIs
ing(); example var treewalker = document.createtreewalker( document.body, nodefilter.show_element, { acceptnode: function(node) { return nodefilter.filter_accept; } }, false ); treewalker.firstchild(); var node = treewalker.nextsibling(); // returns null if the first child of the root element has no sibling specifications specification status comment
domthe definition of 'treewalker.nextsibling' in that specification.
...unction(node) { return nodefilter.filter_accept; } }, false ); treewalker.firstchild(); var node = treewalker.nextsibling(); // returns null if the first child of the root element has no sibling specifications specification status comment
domthe definition of 'treewalker.nextsibling' in that specification.
...irstchild(); var node = treewalker.nextsibling(); // returns null if the first child of the root element has no sibling specifications specification status comment
domthe definition of 'treewalker.nextsibling' in that specification.
TreeWalker.parentNode() - Web APIs
nt node is not changed.
...ment.body, nodefilter.show_element, { acceptnode: function(node) { return nodefilter.filter_accept; } }, false ); var node = treewalker.parentnode(); // returns null as there is no parent specifications specification status comment
domthe definition of 'treewalker.parentnode' in that specification.
...rn nodefilter.filter_accept; } }, false ); var node = treewalker.parentnode(); // returns null as there is no parent specifications specification status comment
domthe definition of 'treewalker.parentnode' in that specification.
TreeWalker.previousNode() - Web APIs
ode is not changed.
....body, nodefilter.show_element, { acceptnode: function(node) { return nodefilter.filter_accept; } }, false ); var node = treewalker.previousnode(); // returns null as there is no parent specifications specification status comment
domthe definition of 'treewalker.previousnode' in that specification.
...odefilter.filter_accept; } }, false ); var node = treewalker.previousnode(); // returns null as there is no parent specifications specification status comment
domthe definition of 'treewalker.previousnode' in that specification.
TreeWalker.previousSibling() - Web APIs
d.
...lter.show_element, { acceptnode: function(node) { return nodefilter.filter_accept; } }, false ); var node = treewalker.previoussibling(); // returns null as there is no previous sibiling specifications specification status comment
domthe definition of 'treewalker.previoussibling' in that specification.
...accept; } }, false ); var node = treewalker.previoussibling(); // returns null as there is no previous sibiling specifications specification status comment
domthe definition of 'treewalker.previoussibling' in that specification.
TreeWalker.root - Web APIs
de that is the root of what the treewalker traverses.
....createtreewalker( document.body, nodefilter.show_element, { acceptnode: function(node) { return nodefilter.filter_accept; } }, false ); root = treewalker.root; // document.body in this case specifications specification status comment
domthe definition of 'treewalker.root' in that specification.
...node: function(node) { return nodefilter.filter_accept; } }, false ); root = treewalker.root; // document.body in this case specifications specification status comment
domthe definition of 'treewalker.root' in that specification.
TreeWalker.whatToShow - Web APIs
how_element + nodefilter.show_comment + nodefilter.show_text, { acceptnode: function(node) { return nodefilter.filter_accept; } }, false ); if( (treewalker.whattoshow == nodefilter.show_all) || (treewalker.whattoshow % (nodefilter.show_comment*2)) >= nodefilter.show_comment) { // treewalker will show comments } specifications specification status comment
domthe definition of 'treewalker.whattoshow' in that specification.
...; } }, false ); if( (treewalker.whattoshow == nodefilter.show_all) || (treewalker.whattoshow % (nodefilter.show_comment*2)) >= nodefilter.show_comment) { // treewalker will show comments } specifications specification status comment
domthe definition of 'treewalker.whattoshow' in that specification.
...treewalker.whattoshow % (nodefilter.show_comment*2)) >= nodefilter.show_comment) { // treewalker will show comments } specifications specification status comment
domthe definition of 'treewalker.whattoshow' in that specification.
UIEvent.view - Web APIs
the uievent.view read-only property returns the windowproxy object from which the event was generated.
...om which the event was generated.
...; view is a reference to an abstractview object.
UIEvent - Web APIs
c key pressed.
...ace also inherits methods of its parent, event.
...lities draft added sourcecapabilities property.
URL.hostname - Web APIs
the hostname property of the url interface is a usvstring containing the
domain name of the url.
... the hostname property of the url interface is a usvstring containing the
domain name of the url.
... the hostname property of the url interface is a usvstring containing the
domain name of the url.
UserDataHandler - Web APIs
ent.importnode() and node.clonenode(), although user data is not copied over, the handler will be called.
...(), although user data is not copied over, the handler will be called.
...alue operation node_cloned 1 node.clonenode() node_imported 2 document.importnode() node_deleted unimplemented (see bug 550400) 3 node_renamed unimplemented 4 node.renamenode() node_adopted 5 document.adoptnode() (node_renamed is currently not supported since node.renamenode() is not supported.) specification
dom level 3 core: userdatahandler ...
WebGLRenderingContext.getParameter() - Web APIs
gl.max_viewport_dims int32array (with 2 elements) gl.pack_alignment glint gl.polygon_offset_factor glfloat gl.polygon_offset_fill glboolean gl.polygon_offset_units glfloat gl.red_bits glint gl.renderbuffer_binding webglrenderbuffer or null see bindrenderbuffer.
...renderbuffer or null see bindrenderbuffer.
... gl.subpixel_bits glint gl.texture_binding_2d webgltexture or null gl.texture_binding_cube_map webgltexture or null gl.unpack_alignment glint gl.unpack_colorspace_conversion_webgl glenum gl.unpack_flip_y_webgl glboolean gl.unpack_premultiply_alpha_webgl glboolean gl.vendor
domstring gl.version
domstring gl.viewport int32array (with 4 elements) webgl 2 you can query the following pname parameters when using a webgl2renderingcontext.
WebGLRenderingContext.getShaderSource() - Web APIs
the webglrenderingcontext.getshadersource() method of the webgl api returns the source code of a webglshader as a
domstring.
... the webglrenderingcontext.getshadersource() method of the webgl api returns the source code of a webglshader as a
domstring.
... the webglrenderingcontext.getshadersource() method of the webgl api returns the source code of a webglshader as a
domstring.
WebGL by example - Web APIs
the code that were previously explained.
...dering context and reports the result to the user.
...learing with colors how to clear the rendering context with a solid color.
Rendering and the WebXR frame animation callback - Web APIs
calling requestanimationframe().
...ewpoint within the framebuffer, we only need to clear a single framebuffer rather than cleaning it for each eye (or other viewpoints, if any) individually.
...) { /* draw the scene */ } tick++; } this version of the frame callback maintains a tick counter.
Using the Web Audio API - Web APIs
r and stream it but not play it, you might want to look into creating an offlineaudiocontext.
...lay through it.
...is element and pipe it into the context we have created.
Using Web Workers - Web APIs
edworkerglobalscope).
...thread safety the worker interface spawns real os-level threads, and mindful programmers may be concerned that concurrency can cause “interesting” effects in your code if you aren't careful.
...orklet (a lightweight version of worker) context.
Window.event - Web APIs
ction.
... full support 12firefox full support 63notes disabled full support 63notes disabled notes this was briefly enabled by default in 65, then removed again while related compatibility issues are sorted out (see bug 1520756).disabled from version 63: this feature is behind the
dom.window.event.enabled preference (needs to be set to true).
...full support 18firefox android full support 63notes disabled full support 63notes disabled notes this was briefly enabled by default in 65, then removed again while related compatibility issues are sorted out (see bug 1520756).disabled from version 63: this feature is behind the
dom.window.event.enabled preference (needs to be set to true).
Window: load event - Web APIs
the load event is fired when the whole page has loaded, including all dependent resources such as stylesheets and images.
... the load event is fired when the whole page has loaded, including all dependent resources such as stylesheets and images.
...listener('click', () => { log.textcontent =''; window.settimeout(() => { window.location.reload(true); }, 200); }); window.addeventlistener('load', (event) => { log.textcontent = log.textcontent + 'load\n'; }); document.addeventlistener('readystatechange', (event) => { log.textcontent = log.textcontent + `readystate: ${document.readystate}\n`; }); document.addeventlistener('
domcontentloaded', (event) => { log.textcontent = log.textcontent + `
domcontentloaded\n`; }); result specifications specification status comment ui eventsthe definition of 'load' in that specification.
Worker() - Web APIs
ccept data uris, that's not the case in all other browsers.
...enting the url of the script the worker will execute.
...s are as follows: type: a
domstring specifying the type of worker to create.
HTML in XMLHttpRequest - Web APIs
the w3c xmlhttprequest specification adds html parsing support to xmlhttprequest, which originally supported only xml parsing.
...erty has been set to "document".
...ing html uselessly when legacy code uses xmlhttprequest in the default mode to retrieve responsetext for text/html resources.
XMLHttpRequest - Web APIs
ties this interface also inherits properties of xmlhttprequesteventtarget and of eventtarget.
...called whenever the readystate attribute changes.
...the url is null.
XPathEvaluator.createExpression() - Web APIs
this method compiles an xpathexpression which can then be used for (repeated) evaluations of the xpath expression.
...espace uris.
.../output></div> javascript var xpath = "//div"; var evaluator = new xpathevaluator(); var expression = evaluator.createexpression("//div"); var result = expression.evaluate(document, xpathresult.ordered_node_snapshot_type); document.queryselector("output").textcontent = result.snapshotlength; result specifications specification status comment document object model (
dom) level 3 xpath specificationthe definition of 'xpathevaluator.createexpression()' in that specification.
XPathEvaluator.createNSResolver() - Web APIs
this method adapts any
dom node to resolve namespaces so that an xpath expression can be easily evaluated relative to the context of the node where it appeared within the document.
... this method adapts any
dom node to resolve namespaces so that an xpath expression can be easily evaluated relative to the context of the node where it appeared within the document.
...icit xml prefix.
XRPermissionStatus.granted - Web APIs
the webxr device api's xrpermissionstatus interface's granted property is an array of strings, each identifying one of the webxr features for which permission has been granted as of the time at which the permission api's navigator.permissions.query() method was called.
... xrboundedreferencespace local a tracking space whose native origin is located near the viewer's position at the time the session was created.
...n for the viewer to stand, where the value of the y axis is 0 at floor level.
XRRigidTransform() - Web APIs
ransform() constructor creates and returns a new xrrigidtransform object, representing the position and orientation of a point or object.
...hen providing a transform to translate between coordinate systems across spaces.
... orientation); parameters position optional an object conforming to
dompointinit which specifies the coordinates at which the point or object is located.
XRSystem: isSessionSupported() - Web APIs
the xrsystem method issessionsupported() returns a promise which resolves to true if the specified webxr session mode is supported by the user's webxr device.
... which resolves to true if the specified webxr session mode is supported by the user's webxr device.
...resent the webxr content inline within the context of an html document) or immersive-vr for a fully-immersive virtual experience.
XSL Transformations in Mozilla FAQ - Web APIs
on/xml.
...schemas-microsoft-com:xslt" test="system-property('msxsl:version')=3"> <!-- msxml3 specific markup --> </xsl:if> what about media="print"?
...ving xslt stylesheet specific to particular media would require to retransform the original xml source, which counteracts the expectations of the user.
ARIA: rowgroup role - Accessibility
6</span> </div> <div role="row" aria-rowindex="18"> <span role="cell">rowgroup</span> <span role="cell">thead</span> </div> <div role="row" aria-rowindex="24"> <span role="cell">term</span> <span role="cell">dt</span> </div> </div> </div> the above is a non-semantic aria table with a table header and table body, with five of 81 rows present in the
dom: one within a table header and four rows within the table body.
...is a non-semantic aria table with a table header and table body, with five of 81 rows present in the
dom: one within a table header and four rows within the table body.
... header and table body, with five of 81 rows present in the
dom: one within a table header and four rows within the table body.
ARIA: table role - Accessibility
and optionally within a rowgroup, that is a container for one or more cells, columnheaders, or rowheaders.
...he table.
...re not present in the
dom all the time.
ARIA: listbox role - Accessibility
s states and properties aria-activedescendant holds the id string of the currently active element within the listbox.
...e id of the most recently interacted with option, regardless of whether that option has an aria-selected value of true or not.
...s to be keyboard accessible, authors should manage focus of all descendants of this role.
::slotted() - CSS: Cascading Style Sheets
the ::slotted() css pseudo-element represents any element that has been placed into a slot inside an html template (see using templates and slots for more information).
...dchrome full support 50edge full support 79firefox full support 63 full support 63 no support 59 — 63disabled disabled from version 59 until version 63 (exclusive): this feature is behind the
dom.webcomponents.shadow
dom.enabled preference (needs to be set to true).
... full support 50chrome android full support 50firefox android full support 63 full support 63 no support 59 — 63disabled disabled from version 59 until version 63 (exclusive): this feature is behind the
dom.webcomponents.shadow
dom.enabled preference (needs to be set to true).
Challenge solutions - Developer guides
why use css colors challenge without looking up a reference, find five more color names that work in your stylesheet.
...e without looking up a reference, find five more color names that work in your stylesheet.
...ce, find five more color names that work in your stylesheet.
User input and controls - Developer guides
w.addeventlistener("keyup", handlekeyup, true); where handlekeydown and handlekeyup are the functions implementing the controls about the keydown and keyup events.
...to use touch events, you need to add event listeners and specify handler functions, which will be called when the event gets fired: element.addeventlistener("touchstart", handlestart, false);
element.addeventlistener("touchcancel", handlecancel, false);
element.addeventlistener("touchend", handleend, false);
element.addeventlistener("touchmove", handlemove, false); where element is the
dom element you want to register the touch events on.
...t/plain', 'this text may be dragged')">
this text <strong>may</strong> be dragged.
Writing forward-compatible websites - Developer guides
ck="alert(ownerdocument)">click me</div> then clicking on the text alerts the ownerdocument of the div.
...iffing sniff for specific features if you plan to use some feature, use object-detection to sniff for that exact feature, if possible.
...ature, use object-detection to sniff for that exact feature, if possible.
<input type="button"> - HTML: Hypertext Markup Language
s project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
...t a <button>’s label text is inserted between the opening and closing tags, you can include html in the label, even images.
...ddeventlistener('click', updatebutton); function updatebutton() { if (button.value === 'start machine') { button.value = 'stop machine'; paragraph.textcontent = 'the machine has started!'; } else { button.value = 'start machine'; paragraph.textcontent = 'the machine is stopped.'; } } the script gets a reference to the htmlinputelement object representing the <input> in the
dom, saving this refence in the variable button.
<input type="file"> - HTML: Hypertext Markup Language
their device storage.
...o the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
... change and input supported 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).
<input type="time"> - HTML: Hypertext Markup Language
lso uses a 12- or 24-hour format for inputting times, based on system locale.
...-hour format for inputting times, based on system locale: 12-hour 24-hour value a
domstring representing a time, or empty.
...escribed under time value format min the earliest time to accept as a valid input readonly a boolean attribute which, if present, indicates that the contents of the time input should not be user-editable step the stepping interval to use both for user interfaces purposes and during constraint validation unlike many data types, time values have a periodic
domain, meaning that the values reach the highest possible value, then wrap back around to the beginning again.
<slot> - HTML: Hypertext Markup Language
the html <slot> element—part of the web components technology suite—is a placeholder inside a web component that you can fill with your own markup, which lets you create separate
dom trees and present them together.
... content categories flow content, phrasing content permitted content transparent events slotchange tag omission none, both the starting and ending tag are mandatory.
...ne</p></slot> </div> </details> <hr> </template> note: you can see this complete example in action at element-details (see it running live).
CSP: base-uri - HTTP
g: <host-source> internet hosts by name or ip address, as well as an optional url scheme and/or port number.
...egal ports are valid for the source.
...res a sample of the violating code to be included in the violation report.
CSP: report-uri - HTTP
violation and, if the violation is the first one added to the log file, sends an email to an administrator: <?php // start configure $log_file = dirname(__file__) .
... // start configure $log_file = dirname(__file__) .
... no content $json_data = file_get_contents('php://input'); // we pretty print the json before adding it to the log file if ($json_data = json_decode($json_data)) { $json_data = json_encode($json_data, json_pretty_print | json_unescaped_slashes); if (!file_exists($log_file)) { // send an email $message = "the following content-security-policy violation occurred on " .
CSP: style-src-attr - HTTP
the http content-security-policy (csp) style-src-attr directive specifies valid sources for inline styles applied to individual
dom elements.
...g: <host-source> internet hosts by name or ip address, as well as an optional url scheme and/or port number.
...egal ports are valid for the source.
Content-Security-Policy - HTTP
em specifies valid sources for javascript <script> elements.
...t.
...ecify information in the referer (sic) header for links away from a page.
Set-Cookie2 - HTTP
by the specification.
...specification.
...ie2: <cookie-name>=<cookie-value>; max-age=<non-zero-digit> set-cookie2: <cookie-name>=<cookie-value>; path=<path-value> set-cookie2: <cookie-name>=<cookie-value>; port=<port-number> set-cookie2: <cookie-name>=<cookie-value>; secure set-cookie2: <cookie-name>=<cookie-value>; version=<version-number> // multiple directives are also possible, for example: set-cookie2: <cookie-name>=<cookie-value>;
domain=<
domain-value>; secure // multiple cookies are seperated by a comma set-cookie2: <cookie-name>=<cookie-value>, <cookie-name>=<cookie-value>, ...
Link prefetching FAQ - HTTP
eds to be disabled then there must be something wrong with the implementation.
...at about folks who pay-per-byte for network bandwidth?
...asily.
Network Error Logging - HTTP
the browser is required.
... keys can be specified in the nel header: report_to the reporting api group to send network error reports to (see below).
...ts to (see below).
Control flow and error handling - JavaScript
dle them using the try...catch statements.
...e try...catch statements.
...t must contain a finally block, and the enclosing try...catch statement's catch block is checked for a match.
Classes - JavaScript
an ecmascript class can only have a single superclass, so multiple inheritance from tooling classes, for example, is not possible.
...class, so multiple inheritance from tooling classes, for example, is not possible.
...ss.
Proxy - JavaScript
are using a native javascript object to which our proxy will forward all operations that are applied to it.
...y; object.defineproperty(base.prototype, 'constructor', descriptor); return proxy; } var person = function(name) { this.name = name; }; var boy = extend(person, function(name, age) { this.age = age; }); boy.prototype.gender = 'm'; var peter = new boy('peter', 13); console.log(peter.gender); // "m" console.log(peter.name); // "peter" console.log(peter.age); // 13 manipulating
dom nodes sometimes you want to toggle the attribute or class name of two different elements.
...plete traps list example now in order to create a complete sample traps list, for didactic purposes, we will try to proxify a non-native object that is particularly suited to this type of operation: the doccookies global object created by the "little framework" published on the document.cookie page.
Authoring MathML - MathML
been developing texzilla, a javascript unicode latex-to-mathml converter that is intended to be used in many scenarios described here.
...ors etc the interface is not user-friendly: only code editor without immediate display of the mathematical expression.
...nts) you may need to synchronize the javascript converter with other javascript programs on your page.
alignment-baseline - SVG: Scalable Vector Graphics
t but it has effect only on the following four elements: <tspan>, <tref>, <altglyph>, and <textpath> usage notes value auto | baseline | before-edge | text-before-edge | middle | central | after-edge | text-after-edge | ideographic | alphabetic | hanging | mathematical | top | center | bottom default value auto animatable yes auto the value is the
dominant-baseline of the script to which the character belongs - i.e., use the
dominant-baseline of the parent.
... auto | baseline | before-edge | text-before-edge | middle | central | after-edge | text-after-edge | ideographic | alphabetic | hanging | mathematical | top | center | bottom default value auto animatable yes auto the value is the
dominant-baseline of the script to which the character belongs - i.e., use the
dominant-baseline of the parent.
..." x="60" y="110">a baseline</text> <!-- materialisation of anchors --> <circle cx="60" cy="10" r="3" fill="red" /> <circle cx="60" cy="65" r="3" fill="red" /> <circle cx="60" cy="110" r="3" fill="red" /> <style><![cdata[ text{ font: bold 36px verdana, helvetica, arial, sans-serif; } ]]></style> </svg> for object alignment in other elements (such as <text>), see
dominant-baseline.
begin - SVG: Scalable Vector Graphics
he element should begin, i.e.
... defines an event and an optional offset that determines the time at which the element's animation should begin.
...ick on it first.
Texts - SVG: Scalable Vector Graphics
e have seen in the introducing example, that the text element can be used to put arbitrary text in svg documents: <text x="10" y="10">hello world!</text> the x and y attributes determine, where in the viewport the text will appear.
...t be a child of a text element or another tspan element.
...="http://www.w3.org/1999/xlink" xlink:href="#my_path"> a curve.
How to fix a website with blocked mixed content - Web security
missing padlock, a desktop crawler like httpschecker, or a cli tool like mcdetect to check your website recursively and find links to insecure content.
...r own
domain, serve all content as https and fix your links.
...ady exists and this just requires adding an "s" to links - http:// to https://.
Index - XPath
found 57 pages: # page tags and summary 1 xpath css selectors,
dom, jxon, landing, path, xml, xpath, xslt xpath stands for xml path language.
... a boolean value of true.
...nt.
Advanced Example - XSLT: Extensible Stylesheet Language Transformations
appended to the document, as shown in this example.
...createdocument("", "", null); function sort() { if (!xslloaded){ p = new xmlhttprequest(); p.open("get", "example2.xsl", false); p.send(null); xslref = p.responsexml; xsltprocessor.importstylesheet(xslref); xslloaded = true; } // create a new xml document in memory xmlref = document.implementation.createdocument("", "", null); // we want to move a part of the
dom from an html document to an xml document.
....getparameter(null, "myorder"); if (sortval == "" || sortval == "descending") xsltprocessor.setparameter(null, "myorder", "ascending"); else xsltprocessor.setparameter(null, "myorder", "descending"); // initiate the transformation var fragment = xsltprocessor.transformtofragment(xmlref, document); // clear the contents document.getelementbyid("example").innerhtml = ""; my
dom = fragment; // add the new content from the transformation document.getelementbyid("example").appendchild(fragment) } // xsl stylesheet: <?xml version="1.0" encoding="utf-8"?> <xsl:stylesheet version="1.0" xmlns="http://www.w3.org/1999/xhtml" xmlns:html="http://www.w3.org/1999/xhtml" xmlns:xsl="http://www.w3.org/1999/xsl/transform"> <xsl:output method="html" indent="yes" /> <xsl:param ...
WebAssembly Concepts - WebAssembly
ve uses outside web and javascript environments (see non-web embeddings).
...pi, etc.).
...module, and an html document to display the results of the code.
frame/utils - Archive of obsolete content
experimental provides helper functions for working with platform internals like frames and browsers.
...d: let { open } = require('sdk/window/utils'); let { create } = require('sdk/frame/utils'); let window = open('data:text/html,top'); let frame = create(window.document, { uri: 'data:text/html,<script>console.log("running");</script>', allowjavascript: true }); } globals functions create(document, options) creates a xul browser element in a privileged document.
Creating annotations - Archive of obsolete content
ion button or toggle button apis, and for a more complex widget try the toolbar or sidebar apis.
....unbind('click.annotator'); } } self.on('message', function onmessage(activation) { active = activation; if (!active) { resetmatchedelement(); } }); this selector listens for occurrences of the jquery mouseenter event.
HTML in XUL for rich tooltips - Archive of obsolete content
he element that the mouse is over (which will soon launch the tooltip) var txt = event.target.getattribute("tooltiphtml"); // get the html div element that is inside the custom xul tooltip var div = document.getelementbyid("myhtmltipdiv"); //clear the html div element of any prior shown custom html while(div.firstchild) div.removechild(div.firstchild); //safely convert html string to a simple
dom object, stripping it of javascript and more complex tags var injecthtml = components.classes["@mozilla.org/feed-unescapehtml;1"] .getservice(components.interfaces.nsiscriptableunescapehtml) .parsefragment(txt, false, null, div); //attach the
dom object to the html div element div.appendchild(injecthtml); } } window.addeventlistener('load', htmltip.onload, false); in the xul overlay, xmlns:h...
...uitems have a tooltip attribute pointing to the same tooltip.
getAttributeNS - Archive of obsolete content
as some browsers do not support getattributens, the following might be used to work on them as well.
... thisitem = thisitem.parentnode; } } } return ''; // if not found (some implementations return 'null' but this is not standard) } alert(getattributenswrapper (someelement, 'http://www.w3.org/1999/xlink', 'href')); // gets xlink:href, xl:href, etc.
Promises - Archive of obsolete content
.
...d os.file.writeatomic(config.processedpath, processor.process(), { tmppath: config.processedpath + "." + math.ran
dom() }); // and write out a new config file.
Add-ons - Archive of obsolete content
n add-on as it is being installed.
...nformation about who created it, where more information can be found about it, which versions of what applications it is compatible with, how it should be updated, and so on.
Creating a dynamic status bar extension - Archive of obsolete content
code the work of fetching the stock quote and updating the status bar panel's display is handled by the javascript code in the file stockwatcher.js.
...nel.label = 'goog: ' + fieldarray[1]; samplepanel.tooltiptext = 'chg: ' + fieldarray[4] + ' | ' + 'open: ' + fieldarray[5] + ' | ' + 'low: ' + fieldarray[6] + ' | ' + 'high: ' + fieldarray[7] + ' | ' + 'vol: ' + fieldarray[8]; } } the first thing we do here is get the status bar panel into the variable samplepanel by calling the document.getelementbyid()
dom function.
cached - Archive of obsolete content
the cached event is fired when the resources listed in the application cache manifest have been downloaded, and the application is now cached.
... when the resources listed in the application cache manifest have been downloaded, and the application is now cached.
checking - Archive of obsolete content
the checking event is fired when the user agent is checking for an update, or attempting to download the cache manifest for the first time.
...fired when the user agent is checking for an update, or attempting to download the cache manifest for the first time.
downloading - Archive of obsolete content
cking for an application cache update, if the user agent has found an update and is fetching it, or is downloading the resources listed by the cache manifest for the first time.
... found an update and is fetching it, or is downloading the resources listed by the cache manifest for the first time.
error - Archive of obsolete content
the error event is fired when an error occurred while downloading the cache manifest or updating the content of the application.
...vent is fired when an error occurred while downloading the cache manifest or updating the content of the application.
noupdate - Archive of obsolete content
the noupdate event is fired after checking for an application cache update, if the manifest hasn't changed.
... the noupdate event is fired after checking for an application cache update, if the manifest hasn't changed.
obsolete - Archive of obsolete content
the obsolete event is fired when the manifest was found to have become a 404 or 410 page, so the application cache is being deleted.
...ent is fired when the manifest was found to have become a 404 or 410 page, so the application cache is being deleted.
progress - Archive of obsolete content
the progress event is fired when the user agent is downloading resources listed by the manifest.
... the progress event is fired when the user agent is downloading resources listed by the manifest.
updateready - Archive of obsolete content
dateready event is fired when the resources listed in the application cache manifest have been newly redownloaded, and the script can use swapcache() to switch to the new cache.
...plication cache manifest have been newly redownloaded, and the script can use swapcache() to switch to the new cache.
Automated testing tips and tricks - Archive of obsolete content
he default settings firefox-bin -p testprofile -chrome chrome://tests/content/quit.xul<code> the above process may exit before the profile is completely created.
...ledir/user.js how to execute test code with chrome privileges using a chrome doc - see sbtests.xul in http://people.mozilla.com/~davel/scripts/ for an example firefox-bin -p sbtestprofile -chrome chrome://sbtests/content/ above code calls the quit function in quit.js to exit after test is finished how to detect content onload event from chrome use the
domcontentloaded event chromewindow.addeventlistener('
domcontentloaded',callbackfunction,false); ...
Embedding FAQ - Archive of obsolete content
mples found.
... final mozillabrowser browser = new mozillabrowser(shell,wt.border); browser.seturl("http://www.google.com"); browser.addprogresslistener(new progresslistener() { public void changed(progressevent event) { } public void completed(progressevent event) { nsi
domdocument doc = browser.getdocument(); system.out.println(doc); } }); while (!shell.isdisposed()) { if (!display.readanddispatch()) { display.sleep(); } } } how to map a javascript function to a c++ function...
popChallengeResponse - Archive of obsolete content
e { owf algorithmidentifier optional, -- must be present in the first challenge; may be omitted in any -- subsequent challenge in popodeckeychallcontent (if omitted, -- then the owf used in the immediately preceding challenge is -- to be used).
...ring, -- the public key used to encrypt the challenge.
Video presentations - Archive of obsolete content
mozilla is actively working to produce video presentations that can help you learn how the mozilla codebase works and how to take advantage of its technology in your own applications and extensions.
... that can help you learn how the mozilla codebase works and how to take advantage of its technology in your own applications and extensions.
Mozilla Web Developer Community - Archive of obsolete content
get news from developer.mozilla.org and connect with developers involved in cross-browser, standards-based web development.
... get news from developer.mozilla.org and connect with developers involved in cross-browser, standards-based web development.
XBL - Archive of obsolete content
xbl2 in future versions of gecko.
... some differences between sxbl and xbl2 are listed in an article by anne van ke ( seesteren (november, 2005).
menuactive - Archive of obsolete content
« xul reference home menuactive type: boolean this attribute is set on an item in a menu when it is being hovered over.
... « xul reference home menuactive type: boolean this attribute is set on an item in a menu when it is being hovered over.
command - Archive of obsolete content
command event should always be used instead of the click event because it will be called in all of the needed cases.
...stead of the click event because it will be called in all of the needed cases.
popuphidden - Archive of obsolete content
the popuphidden event is executed when a <menupopup>, <panel> or <tooltip> has become hidden.
...idden event is executed when a <menupopup>, <panel> or <tooltip> has become hidden.
popuphiding - Archive of obsolete content
the popuphiding event is executed when a <menupopup>, <panel> or <tooltip> is about to be hidden.
...g event is executed when a <menupopup>, <panel> or <tooltip> is about to be hidden.
popupshown - Archive of obsolete content
the popupshown event is executed when a <menupopup>, <panel> or <tooltip> has become visible.
...hown event is executed when a <menupopup>, <panel> or <tooltip> has become visible.
getElementsByAttribute - Archive of obsolete content
« xul reference home getelementsbyattribute( attrib, value ) return type:
dom nodelist returns a nodelist of all the child elements of the element that have the attribute given by the first argument set to the value given by the second argument.
...attribute given by the first argument set to the value given by the second argument.
getElementsByAttributeNS - Archive of obsolete content
« xul reference home getelementsbyattributens(ns, attrib, value ) return type:
dom nodelist returns an array of all the child elements of the element that have the attribute namespace given by the first argument, the attribute name given by the second argument, and the value given by the third argument.
...rgument, the attribute name given by the second argument, and the value given by the third argument.
contentView - Archive of obsolete content
« xul reference contentview type: nsitreecontentview for trees built with a content builder - that is, those that do not have flags set -- the contentview will be a reference to the nsitreecontentview for the tree.
... for trees built with a content builder - that is, those that do not have flags set -- the contentview will be a reference to the nsitreecontentview for the tree.
Simple Query Syntax - Archive of obsolete content
s equivalent to the following: <query> <content uri="?start"/> <member container="?start" child="?photo"/> </query> the template builder uses the simple query syntax whenever a template does not have a <query> element.
...is: (?1 = http://www.xulplanet.com/rdf/myphotos, ?2 = http://www.xulplanet.com/ndeakin/images/t/palace.jpg) (?1 = http://www.xulplanet.com/rdf/myphotos, ?2 = http://www.xulplanet.com/ndeakin/images/t/canal.jpg) (?1 = http://www.xulplanet.com/rdf/myphotos, ?2 = http://www.xulplanet.com/ndeakin/images/t/obselisk.jpg) the numbers are used here for the variable names, but they are really just ran
domly generated so you can't refer to them in any way.
Templates - Archive of obsolete content
irst is a content builder and is used in most situations, and the other is a tree builder which is used only for trees.
... <template> <hbox> <label uri="rdf:*" value="rdf:http://home.netscape.com/nc-rdf#name"/> </hbox> </template> if there is other content inside the element with the datasources attribute but outside the template, that content will also appear.
Using Remote XUL - Archive of obsolete content
introduction note: support for remote xul has long been a potential security concern; support for it was disabled in gecko 2.0.
...the downside to using xul is that it only works with browsers that understand it.
button - Archive of obsolete content
acts like a checkbox except that there is a third state which must be set manually by adjusting the check state.
...aultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata related interfaces nsiaccessibleprovider, nsi
domxulbuttonelement ...
label - Archive of obsolete content
all-margin this class causes the text to be displayed with a smaller margin.
... the address in the href attribute opened on a mouse click or enter key press.
toolbarbutton - Archive of obsolete content
acts like a checkbox except that there is a third state which must be set manually by adjusting the check state.
...oveattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata related elements toolbar, toolbargrippy, toolbaritem, toolbarpalette, toolbarseparator, toolbarset, toolbarspacer, toolbarspring, toolbox interfaces nsiaccessibleprovider, nsi
domxulbuttonelement ...
What XULRunner Provides - Archive of obsolete content
the goal of xulrunner is to provide a solution for deploying xul applications (primarily firefox and thunderbird), as well as providing an embedding mechanism.
...er is to provide a solution for deploying xul applications (primarily firefox and thunderbird), as well as providing an embedding mechanism.
Reference - Archive of obsolete content
http://www.mozilla.org/hacking/mozil...de.html#visual --maian 00:30, 20 september 2005 (pdt) btoa() and atob() base64 encode and decode functions this documentation is missing the base64 encode (btoa) and decode (atob) functions.
...ion.
XForms Repeat Element - Archive of obsolete content
</my:line> <my:line name="b"> <my:price>32.25</my:price> </my:line> </my:lines> </instance> </model> <repeat id="lineset" nodeset="/my:lines/my:line"> <input ref="my:price"> <label>line item</label> </input> <input ref="@name"> <label>name</label> </input> </repeat> <trigger> <label>insert a new item after the current one</label> <action ev:event="
domactivate"> <insert nodeset="/my:lines/my:line" at="index('lineset')" position="after"/> <setvalue ref="/my:lines/my:line[index('lineset')]/@name"/> <setvalue ref="/my:lines/my:line[index('lineset')]/price">0.00</setvalue> </action> </trigger> <trigger> <label>remove current item</label> <delete ev:event="
domactivate" nodeset="/my:lines/my:line" at="index('...
... new widgets.
Windows Media in Netscape - Archive of obsolete content
a good illustration of the use of this non-standard script element syntax is in creating closed captioning of media content.
...id" ); if (cv == null || cv == "") { top.location.href = "http://foo.bar.foo/checkref"; } </script> netscape 7.1 does not support ie's dhtml behaviors.
Quaternion - MDN Web Docs Glossary: Definitions of Web-related terms
quaternion is the quotient of two 3d vectors and is used in 3d graphics and in accelerometer-based sensors to represent orientation or rotational data.
... the quotient of two 3d vectors and is used in 3d graphics and in accelerometer-based sensors to represent orientation or rotational data.
Test your skills: WAI-ARIA - Learn web development
i-aria 2 in our second wai-aria task, we present a simple search form, and we want you to add in a couple of wai-aria features to improve its accessibility: how can you allow the search form to be called out as a separate landmark on the page by screenreaders, to make it easily findable?
...this final wai-aria task, we return to an example we previously saw in the css and javascript skilltest.
JavaScript basics - Learn web development
variable called myheading.
... document.queryselector('html').onclick = function() {}; is equivalent to let myhtml = document.queryselector('html'); myhtml.onclick = function() {}; it's just shorter.
Using data attributes - Learn web development
html5 is designed with extensibility in mind for data that should be associated with a particular element but need not have any defined meaning.
...oesn’t have any visual representation.
Choosing the right approach - Learn web development
ull support 24 full support 10prefixed prefixed implemented with the vendor prefix: webkitedge full support 12firefox full support 23notes full support 23notes notes callback parameter is a
domhighrestimestamp.
...fox full support 23notes full support 23notes notes callback parameter is a
domhighrestimestamp.
Third-party APIs - Learn web development
fix'); article.appendchild(heading); heading.appendchild(link); article.appendchild(img); article.appendchild(para1); article.appendchild(para2); article.appendchild(clearfix); section.appendchild(article); } } } there's a lot of code here; let's explain it step by step: the while loop is a common pattern used to delete all of the contents of a
dom element, in this case, the <section> element.
...xt section.
CSS performance optimization - Learn web development
once styles are parsed would be bad user experience.
...efont.woff) format('woff'); font-weight: 400; font-style: normal; font-display: fallback; } the contain property the contain css property allows an author to indicate that an element and its contents are, as much as possible, independent of the rest of the document tree.
Deploying our app - Learn web development
ke a small change to your app, and then push it to github using these commands: git add .
...ly says "does one block of code still work when connected to another block?" unit testing, where small and specific bits of functionality are tested to see if they do what they are supposed to do.
Adding a new CSS property
uted data we've already computed from a subset of the style rules that we're currently computing from.
...ng from.
What to do and what not to do in Bugzilla
major major loss of function normal regular issue, some loss of functionality under specific circumstances minor minor loss of function, or other problem where easy workaround is present trivial cosmetic problem like misspelled words or misaligned text enhancement request for enhancement the blocker severity should be used very sel
domly, because only a fraction of the hundreds of thousands bugs really block the development of mozilla and these are normally fixed very quickly.
... firefox bugs with the application suite and move the bug to one of the core products, if the bug also exists in the application suite.
Adding APIs to the navigator object
roperty mycomponent @mozilla.org/mycomponent;1 generate a guid and replace the "ffff" sections in both the component and contract lines with your guid.
...a.org/mycomponent;1 generate a guid and replace the "ffff" sections in both the component and contract lines with your guid.
Performance
ll trigger the callbacks in all tabs.
.../framescript.js"); services.ppmm.removedelayedprocessscript("resources://my-addon/processcript.js"); services.mm.broadcastasyncmessage("my-addon:unload"); services.ppmm.broadcastasyncmessage("my-addon:unload"); } in the frame/process scripts: remove all kinds of listeners remove observer notifications remove custom categories and services nuke sandboxes unload jsms restore content
dom states where necessary, e.g.
Tracking Protection
what is tracking protection?
... disable tracking protection entirely if you choose by accessing the tracking settings.
HTMLIFrameElement.executeScript()
warning: removed in firefox 65.
...mliframeelement interface allows a specified script to be executed against a page loaded in the browser <iframe>.
HTMLIFrameElement.getVisible()
this feature is non-standard and is not on a standards track.
...t use it on production sites facing the web: it will not work for every user.
mozbrowserclose
the mozbrowserclose event is fired when the content of a browser <iframe> calls the window.close() method.
... when the content of a browser <iframe> calls the window.close() method.
mozbrowserdocumentfirstpaint
he mozbrowserdocumentfirstpaint event is fired when a new paint occurs on any document in the browser <iframe>.
...s fired when a new paint occurs on any document in the browser <iframe>.
mozbrowsererror
mozbrowsererror event is fired when an error occurs while trying to load content within a browser <iframe>.
... type read only
domstring the type of event.
mozbrowserfindchange
this includes htmliframeelement.findall(), htmliframeelement.findnext(), and htmliframeelement.clearmatch().
...her the event normally bubbles or not.
mozbrowserfirstpaint
when the <iframe> paints content for the first time (this doesn't include the initial paint from about:blank).
...he first time (this doesn't include the initial paint from about:blank).
mozbrowserloadend
ts to stop spinning a loading indicator, or update the ui in some other way to indicate loading is complete.
...ad only
domstring the type of event.
mozbrowserloadstart
ants to start spinning a loading indicator, or update the ui in some other way to indicate loading has started.
...tor, or update the ui in some other way to indicate loading has started.
mozbrowserlocationchange
ange event is fired when a browser <iframe>'s location changes — it is fired every time navigation occurs.
... type read only
domstring the type of event.
mozbrowseropentab
as a result of the user issuing a command to open a link target in a new tab (for example ctrl/cmd + click.) general info specification non standard interface customevent bubbles yes cancelable yes target <iframe> default action none properties property type description target read only eventtarget the browser iframe type read only
domstring the type of event.
... type read only
domstring the type of event.
mozbrowserscrollviewchange
the mozbrowserscrollviewchange event is fired when asynchronous scrolling (i.e.
... type read only
domstring the type of event.
Browser API
ed content.
...ity methods, useful for apps that host a browser <iframe>.
smartcard-insert
vent is fired when the insertion of a smart card has been detected specification mozilla specific interface event bubbles no cancelable no target document default action none properties property type description targetread only eventtarget the event target (the topmost target in the
dom tree).
...smart card has been detected specification mozilla specific interface event bubbles no cancelable no target document default action none properties property type description targetread only eventtarget the event target (the topmost target in the
dom tree).
smartcard-remove
event is fired when the removal of a smart card has been detected.
...mart card has been detected.
Gecko Keypress Event
gecko 1.9 key handling changed significantly after beta 5 (bug 359638, bug 429510 and the bugs on which they depend).
...gecko 1.9 currenly only replaces the charcode only when the key corresponds to a basic latin letter.
How to implement a custom autocomplete search component
// to the the "autocompletesearchparam" attribute or "searchparam" property // of the <textbox> element.
...,"comment":"cool dude"},{"value":"mary","comment":"nice lady"},{"value":"jimmy","comment":"very uncool guy"},{"value":"jimbo","comment":null}]' /> how to solve autocomplete panel focus problems in some situations there may be problems with the display of the autocomplete panel (this is the panel where the autocomplete results/suggestions are displayed): the autocomplete panel seems to appear sel
dom and very erratically.
JavaScript Tips
nsiobserver) || aiid.equals(components.interfaces.nsisupportsweakreference) || aiid.equals(components.interfaces.nsisupports)) return this; throw components.results.ns_nointerface; }, observe: function observe(asubject, atopic, astate) { } } when declaring xpcom methods, try to use the same names for method parameters as are used in the interface definition.
... aiid.equals(components.interfaces.nsisupportsweakreference) || aiid.equals(components.interfaces.nsisupports)) return this; throw components.results.ns_nointerface; }, observe: function observe(asubject, atopic, astate) { } } when declaring xpcom methods, try to use the same names for method parameters as are used in the interface definition.
Widget Wrappers
perties all of a wrapper's properties are read-only unless otherwise indicated.
...node is overflowed, to the anchor for the panel menu if your widget is inside the panel menu, and to the node itself in all other cases overflowed boolean indicating whether the node is currently in the overflow panel of the toolbar isgroup false, will be true for the group widget label for api-provided widgets, convenience getter for the label attribute of the
dom node tooltiptext for api-provided widgets, convenience getter for the tooltiptext attribute of the
dom node disabled for api-provided widgets, convenience getter and setter for the disabled state of this single widget.
OS.File for the main thread
); img.onload = function() { var canvas = document.createelementns('http://www.w3.org/1999/xhtml', 'canvas'); canvas.width = img.naturalwidth; canvas.height = img.naturalheight; var ctx = canvas.getcontext('2d'); ctx.drawimage(img, 0, 0); (canvas.toblobhd || canvas.toblob).call(canvas, function(b) { var r = cc['@mozilla.org/files/filereader;1'].createinstance(ci.nsi
domfilereader); //new filereader(); r.onloadend = function() { // r.result contains the arraybuffer.
...e lock on *nix options.unixflags = os.constants.libc.o_exlock; } let file = yield os.file.open(..., options); then when you want to unlock the file so it can be edited from other places, close the file.
Promise.jsm
the promise.jsm javascript code module implements the promises/a+ proposal as known in april 2013.
... the promise.jsm javascript code module implements the promises/a+ proposal as known in april 2013.
PromiseUtils.jsm
the promiseutils.jsm javascript code module offers some useful functions related to
dom promise.
...rt the code module into your javascript scope: components.utils.import("resource://gre/modules/promiseutils.jsm"); method overview deferred defer(); methods defer() creates a new pending promise and provides methods to resolve or reject this promise.
Timer.jsm
the timer.jsm javascript code module contains pure-javascript implementations of settimeout, cleartimeout, setinterval, and clearinterval that are compatible with the
dom window functions, but that can be used by code that does not have access to a
dom window (for example, javascript code modules or content frame scripts).
...meout, cleartimeout, setinterval, and clearinterval that are compatible with the
dom window functions, but that can be used by code that does not have access to a
dom window (for example, javascript code modules or content frame scripts).
Webapps.jsm
the webapps.jsm modules exposes the
domapplicationregistry, which is responsible for managing all of the open web apps.
... the webapps.jsm modules exposes the
domapplicationregistry, which is responsible for managing all of the open web apps.
Localizing with Mozilla Translator
mozillatranslator employs glossaries and translation memory to leverage your work from previous translations, thus cutting time and effort when localizing new versions of mozilla applications.
...s instead of just one, and maybe someday it will do, but it will probably won't happen before seamonkey 1.1.x dies (and seamonkey 2.0 finally conquers the web, if i may add).
Release phase
you pulled using http, you'll need to modify a config file to tell mercurial to push through ssh.
... push through ssh.
Investigating leaks using DMD heap scan mode
allbackobject] --[mincumbentglobal]--> 0x7f0897082c00 [nsglobalwindowinner # 2147483662 inner https://www.example.com] root 0x7f0882fe3230 is a ref counted object with 1 unknown edge(s).
...ough and mark off the things that are easily categorizable, and repeat until you have a small list of things to analyze.
Power profiling overview
for a long time and simply time how long it takes for the battery to drain.
...rgy consumption estimates for up to four power planes or
domains of a machine, as seen in the diagram above.
Certificate functions
n definition, prototype definition, and source code references.
...nd later cert_getclassicocspenabledhardfailurepolicy mxr 3.12 and later cert_getclassicocspenabledsoftfailurepolicy mxr 3.12 and later cert_getcommonname mxr 3.2 and later cert_getcountryname mxr 3.2 and later cert_getdbcontentversion mxr 3.2 and later cert_getdefaultcertdb mxr 3.2 and later cert_get
domaincomponentname mxr 3.2 and later cert_getfirstemailaddress mxr 3.7 and later cert_getlocalityname mxr 3.2 and later cert_getnextemailaddress mxr 3.7 and later cert_getnextgeneralname mxr 3.10 and later cert_getnextnameconstraint mxr 3.10 and later cert_getocspresponsestatus mxr 3.6 and later ...
Cryptography functions
ater pk11_generatefortezzaiv mxr 3.2 and later pk11_generatekeypair mxr 3.2 and later pk11_generatekeypairwithflags mxr 3.10.2 and later pk11_generatekeypairwithopflags mxr 3.12 and later pk11_generatenewparam mxr 3.2 and later pk11_generateran
dom mxr 3.2 and later pk11_generateran
domonslot mxr 3.11 and later pk11_getalltokens mxr 3.2 and later pk11_getallslotsforcert mxr 3.12 and later pk11_getbestkeylength mxr 3.2 and later pk11_getbestslot mxr 3.2 and later pk11_getbestsl...
... 3.9.3 and later pk11_pubencryptraw mxr 3.2 and later pk11_pubunwrapsymkey mxr 3.2 and later pk11_pubunwrapsymkeywithflags mxr 3.6 and later pk11_pubunwrapsymkeywithflagsperm mxr 3.9 and later pk11_pubwrapsymkey mxr 3.2 and later pk11_ran
domupdate mxr 3.2 and later pk11_readrawattribute mxr 3.9.2 and later pk11_referencesymkey mxr 3.2 and later pk11_resettoken mxr 3.4 and later pk11_restorecontext mxr 3.2 and later pk11_savecontext mxr 3.2 and later pk11_savecontextall...
Encrypt Decrypt MAC Keys As Session Objects
const char *encryptedfilename, const char *noisefilename, secupwdata *pwdata, prbool ascii) { /* * the db is open for read/write and we have authenticated to it.
...y cka_id */ rv = gathercka_id(mackey, &macckaid); if (rv != secsuccess) { pr_fprintf(pr_stderr, "can't get the mac key cka_id.\n"); goto cleanup; } if (noisefilename) { rv = seedfromnoisefile(noisefilename); if (rv != secsuccess) { port_seterror(pr_end_of_file_error); return secfailure; } rv = pk11_generateran
dom(iv, blocksize); if (rv != secsuccess) { goto cleanup; } } else { /* generate a ran
dom value to use as iv for aes cbc */ generateran
dom(iv, blocksize); } headerfile = pr_open(headerfilename, pr_create_file | pr_truncate | pr_rdwr, 00660); if (!headerfile) { pr_fprintf(pr_stderr, "unabl...
Encrypt and decrypt MAC using token
const char *encryptedfilename, const char *noisefilename, secupwdata *pwdata, prbool ascii) { /* * the db is open for read/write and we have authenticated to it.
...y cka_id */ rv = gathercka_id(mackey, &macckaid); if (rv != secsuccess) { pr_fprintf(pr_stderr, "can't get the mac key cka_id.\n"); goto cleanup; } if (noisefilename) { rv = seedfromnoisefile(noisefilename); if (rv != secsuccess) { port_seterror(pr_end_of_file_error); return secfailure; } rv = pk11_generateran
dom(iv, blocksize); if (rv != secsuccess) { goto cleanup; } } else { /* generate a ran
dom value to use as iv for aes cbc */ generateran
dom(iv, blocksize); } headerfile = pr_open(headerfilename, pr_create_file | pr_truncate | pr_rdwr, 00660); if (!headerfile) { pr_fprintf(pr_stderr, "unabl...
NSS API Guidelines
pit.h jar provides support for reading and writing data in java archive (jar) format, including zlib compression.
....h ssl provides an implementation of the ssl protocol using nss and nspr.
NSS Sample Code Sample_3_Basic Encryption and MACing
const char *headerfilename, const char *encryptedfilename, const char *noisefilename, secupwdata *pwdata, prbool ascii) { /* * the db is open for read/write and we have authenticated to it.
...y cka_id */ rv = gathercka_id(mackey, &macckaid); if (rv != secsuccess) { pr_fprintf(pr_stderr, "can't get the mac key cka_id.\n"); goto cleanup; } if (noisefilename) { rv = seedfromnoisefile(noisefilename); if (rv != secsuccess) { port_seterror(pr_end_of_file_error); return secfailure; } rv = pk11_generateran
dom(iv, blocksize); if (rv != secsuccess) { goto cleanup; } } else { /* generate a ran
dom value to use as iv for aes cbc */ generateran
dom(iv, blocksize); } headerfile = pr_open(headerfilename, pr_create_file | pr_truncate | pr_rdwr, 00660); if (!headerfile) { pr_fprintf(pr_stderr, "unabl...
EncDecMAC using token object - sample 3
1slotinfo *slot, const char *dbdir, const char *infilename, const char *headerfilename, const char *encryptedfilename, const char *noisefilename, secupwdata *pwdata, prbool ascii) { /* * the db is open for read/write and we have authenticated to it.
...rintf(pr_stderr, "error while wrapping encrypt key\n"); goto cleanup; } /* get the mac key cka_id */ rv = gathercka_id(mackey, &macckaid); if (rv != secsuccess) { pr_fprintf(pr_stderr, "can't get the mac key cka_id.\n"); goto cleanup; } if (noisefilename) { rv = seedfromnoisefile(noisefilename); if (rv != secsuccess) { port_seterror(pr_end_of_file_error); return secfailure; } rv = pk11_generateran
dom(iv, blocksize); if (rv != secsuccess) { goto cleanup; } } else { /* generate a ran
dom value to use as iv for aes cbc */ generateran
dom(iv, blocksize); } headerfile = pr_open(headerfilename, pr_create_file | pr_truncate | pr_rdwr, 00660); if (!headerfile) { pr_fprintf(pr_stderr, "unable to open \"%s\" for writing.\n", headerfilename); return secfailure; } encfile = pr_open(encryptedfilename, pr_cr...
nss tech note7
padding is described like this: 00 || 02 || ps || 00 || m but in pkcs #1 v2.0 (section 9.1.2.1 encoding operation, step 3) and on the w3c web site (http://www.w3.org/tr/xmlenc-core/#rsa-1_5), pkcs1 v1.5 padding is described like this: 02 || ps || 00 || m 00 at the beginning is missing.
...cribed like this: 00 || 02 || ps || 00 || m but in pkcs #1 v2.0 (section 9.1.2.1 encoding operation, step 3) and on the w3c web site (http://www.w3.org/tr/xmlenc-core/#rsa-1_5), pkcs1 v1.5 padding is described like this: 02 || ps || 00 || m 00 at the beginning is missing.
Python binding for NSS
e api's which python-nss "wraps" and exposes to python programs.
...lav trmač) don't allow closing a socket twice, that causes crashes.
NSS tools : ssltab
sa/des64cbc/sha (0x000003) ssl3/rsa/rc4-40/md5 (0x000006) ssl3/rsa/rc2cbc40/md5 } session-id = { } challenge = { 0xec5d 0x8edb 0x37c9 0xb5c9 0x7b70 0x8fe9 0xd1d3 0x2592 } } ] <-- [ sslrecord { 0: 16 03 00 03 e5 |.....
...l3/rsa/3des192ede-cbc/sha (0x00ffe1) ssl3/rsa-fips/des64cbc/sha (0x000009) ssl3/rsa/des64cbc/sha (0x000003) ssl3/rsa/rc4-40/md5 } session-id = { } challenge = { 0x713c 0x9338 0x30e1 0xf8d6 0xb934 0x7351 0x200c 0x3fd0 } ] >-- [ sslrecord { type = 22 (handshake) version = { 3,0 } length = 997 (0x3e5) handshake { type = 2 (server_hello) length = 70 (0x000046) serverhello { server_version = {3, 0} ran
dom = {...} session id = { length = 32 contents = {..} } cipher_suite = (0x0003) ssl3/rsa/rc4-40/md5 } type = 11 (certificate) length = 709 (0x0002c5) certificatechain { chainlength = 706 (0x02c2) certificate { size = 703 (0x02bf) data = { saved in file 'cert.001' } } } type = 12 (server_key_exchange) length = 202 (0x0000ca) type = 14 (server_hello_done) length = 0 (0x000000) } } ] --> [ sslrecord { ...
NSS tools : ssltap
sa/des64cbc/sha (0x000003) ssl3/rsa/rc4-40/md5 (0x000006) ssl3/rsa/rc2cbc40/md5 } session-id = { } challenge = { 0xec5d 0x8edb 0x37c9 0xb5c9 0x7b70 0x8fe9 0xd1d3 0x2592 } } ] <-- [ sslrecord { 0: 16 03 00 03 e5 |.....
...l3/rsa/3des192ede-cbc/sha (0x00ffe1) ssl3/rsa-fips/des64cbc/sha (0x000009) ssl3/rsa/des64cbc/sha (0x000003) ssl3/rsa/rc4-40/md5 } session-id = { } challenge = { 0x713c 0x9338 0x30e1 0xf8d6 0xb934 0x7351 0x200c 0x3fd0 } ] >-- [ sslrecord { type = 22 (handshake) version = { 3,0 } length = 997 (0x3e5) handshake { type = 2 (server_hello) length = 70 (0x000046) serverhello { server_version = {3, 0} ran
dom = {...} session id = { length = 32 contents = {..} } cipher_suite = (0x0003) ssl3/rsa/rc4-40/md5 } type = 11 (certificate) length = 709 (0x0002c5) certificatechain { chainlength = 706 (0x02c2) certificate { size = 703 (0x02bf) data = { saved in file 'cert.001' } } } type = 12 (server_key_exchange) length = 202 (0x0000ca) type = 14 (server_hello_done) length = 0 (0x000000) } } ] --> [ sslrecord { ...
sslcrt.html
following parameters: cert a pointer to the certificate against which to check the hostname referenced by hostname.
...ferenced by hostname.
NSS Tools ssltap
0x37c9 0xb5c9 0x7b70 0x8fe9 0xd1d30x2592 }}]<-- [sslrecord { 0: 16 03 00 03 e5 |.....
...x000003) ssl3/rsa/rc4-40/md5 } session-id = { } challenge = { 0x713c 0x9338 0x30e1 0xf8d6 0xb934 0x7351 0x200c0x3fd0 }]<-- [sslrecord { type = 22 (handshake) version = { 3,0 } length = 997 (0x3e5) handshake { type = 2 (server_hello) length = 70 (0x000046) serverhello { server_version = {3, 0} ran
dom = {...} session id = { length = 32 contents = {..} } cipher_suite = (0x0003) ssl3/rsa/rc4-40/md5 } type = 11 (certificate) length = 709 (0x0002c5) certificatechain { chainlength = 706 (0x02c2) certificate { size = 703 (0x02bf) data ...
NSS tools : ssltap
d3 0x2592 } } ] <-- [ sslrecord { 0: 16 03 00 03 e5 |.....
... } session-id = { } challenge = { 0x713c 0x9338 0x30e1 0xf8d6 0xb934 0x7351 0x200c 0x3fd0 } ] >-- [ sslrecord { type = 22 (handshake) version = { 3,0 } length = 997 (0x3e5) handshake { type = 2 (server_hello) length = 70 (0x000046) serverhello { server_version = {3, 0} ran
dom = {...} session id = { length = 32 contents = {..} } cipher_suite = (0x0003) ssl3/rsa/rc4-40/md5 } type = 11 (certificate) length = 709 (0x0002c5) certificatechain { chainlength = 706 (0x02c2) certificate { size = 703 (0x02bf...
How to embed the JavaScript engine
nt is for the top-most or focused ui element at position (x, y): jsobject *target, *event; js::autovaluearray<1> argv(cx); /* * find event target and make event object to represent this click.
... to emulate the
dom, you might want to try "onclick" too.
JIT Optimization Strategies
unction derived1() {} derived1.prototype = object.create(base.prototype); function derived2() {} derived1.prototype = object.create(base.prototype); if a property access for d.x sees only instances of both derived1 and derived2 for d, it can optimize the access to x to a call to the getter function defined on base.
...ion derived1() {} derived1.prototype = object.create(base.prototype); function derived2() {} derived1.prototype = object.create(base.prototype); if a property write for d.x = val sees only instances of both derived1 and derived2 for d, it can optimize the write to x to a call to the setter function defined on base.
JS_GetParent
uctobject.
...'s parent serves two purposes in spidermonkey: for some functions, it is used to implement lexical scoping (but this is an implementation detail).
Running Automated JavaScript Tests
ts/jstests.py.
...ic usage is: jstests.py path_to_js_shell or using mach: ./mach jstests note that mach will generally find the js shell itself; the --shell argument can be used to specify the location manually.
Mozilla Projects
sting and profiling tool for sync (which is a misnomer, since it doesn't do any profiling), and it should not be confused with the similarly named tests in talos.
...ebugging and analysis features.
Implementation Details
introduction this article is a reference how gecko implements at apis.
...to specific pages to get information of supported text attributes for interested at api: gecko msaa - doesn't have a way to expose text attributes, use ia2 ia2 at-spi document attributes refer to specific pages to get information of supported document attributes for interested at api: gecko/msaa/ia2 - document attributes are not exposed.
Embedded Dialog API
ave an api which an embedding app can use to populate its own dialog, should it decide to eschew mozilla's xul version.
...need to be child/dependent/transient windows, so each method responsible for actually opening a window must take an nsi
domwindow *aparent parameter, and use that window as the dialog's parent, if non-null.
XPCOM changes in Gecko 2.0
global-constructor javascript global constructor prototype alias javascript-global-constructor-prototype-alias javascript global property javascript-global-property javascript global privileged property javascript-global-privileged-property javascript global static nameset javascript-global-static-nameset javascript global dynamic nameset javascript-global-dynamic-nameset javascript
dom class javascript-
dom-class javascript
dom interface javascript-
dom-interface xslt extension functions xslt-extension-functions but why?
...to access wrapped objects.
Finishing the Component
lements in a document, but our policy is more restrictive: if the url isn't on the white list, the entire page should be blocked.
...harset of the url string is utf-8, and also assuming that every url string is absolute.
Components.utils.createObjectIn
s option set in the sandbox() constructor.
... obj an object indicating the compartment in which the new object should be created; the new object will be created in the scope of this object's compartment.
Components.utils.evalInWindow
this function is no longer available as of firefox 34.
...as a global in sandboxes which have the wantexporthelpers option set in the sandbox() constructor.
Components.utils.exportFunction
se its privileged status to make cross-origin requests with them.
...less-privileged scope: for example, a page script var user = {name: "jim"}; var test = document.getelementbyid("test"); test.addeventlistener("click", function() { console.log(user.name); // "jim" window.changemyname(user); console.log(user.name); // "bill" }, false); note that this is subject to the normal rules of xrays: for example, an expando property added to a
dom node will not be visible in the original object.
Components.utils.isXrayWrapper
when privileged javascript in gecko accesses objects belonging to less-privileged code (such as untrusted web content), it does so, by default, with "xray vision": a mechanism that filters out certain changes to the objects that could cause them to behave in unexpected ways.
... when privileged javascript in gecko accesses objects belonging to less-privileged code (such as untrusted web content), it does so, by default, with "xray vision": a mechanism that filters out certain changes to the objects that could cause them to behave in unexpected ways.
XPConnect wrappers
this document is a high-level overview of xpconnect wrapper objects (for the more technical description see xpconnect security membranes).
...er.
nsAString
n removes a section of the string's internal buffer.
...tor is a shortcut for the append family of functions.
amIWebInstallInfo
/ thunderbird 3.3 / seamonkey 2.1) method overview void install(); attributes attribute type description installs nsivariant an array of addoninstall objects.
... nsivariant an array of addoninstall objects.
imgILoader
observer, in nsisupports acx, in nsloadflags aloadflags, in nsisupports cachekey, in imgirequest arequest, in nsichannelpolicy channelpolicy ); parameters auri the uri to load.
...observer goes away.
GetKeyBindings
« nsiaccessible page summary this method provides array of localized string of global keyboard accelerator for the given action index supported by accessible.
... « nsiaccessible page summary this method provides array of localized string of global keyboard accelerator for the given action index supported by accessible.
nsICookie
last changed in gecko 1.7 inherits from: nsisupports attributes attribute type description expires pruint64 expiration time in seconds since midnight (00:00:00), january 1, 1970 utc.
...ts from: nsisupports attributes attribute type description expires pruint64 expiration time in seconds since midnight (00:00:00), january 1, 1970 utc.
nsICookieManager
vidual cookie from the cookie list, specified by host, name, and path.
...the arguments to this method will be obtained directly from the desired nsicookie object.
nsIDialogCreator
embedding/base/nsidialogcreator.idlscriptable please add a summary to this article.
...ned long atype, in acstring aname, in acstring afeatures, in nsidialogparamblock aarguments, [optional] in nsi
domelement aframeelement); constants constant value description unknown_dialog 0 generic_dialog 1 select_dialog 2 methods opendialog() void opendialog( in unsigned long atype, in acstring aname, in acstring afeatures, in nsidialogparamblock aarguments, in nsi
domelement aframeelement optional ); parameters atype aname afeatures aarguments aframeelement optional ...
nsIEditorIMESupport
native code only!
... areply native code only!setcompositionstring obsolete since gecko 2.0 (firefox 4 / thunderbird 3.3 / seamonkey 2.1)this feature is obsolete.
nsIGeolocationProvider
xpcom/system/nsigeolocationprovider.idlscriptable notify the geolocation service that a new geolocation has been discovered.
...hould call callback.update().
nsILoginManagerPrompter
introduced gecko 1.9 inherits from: nsisupports last changed in gecko 1.9 (firefox 3) implemented by: @mozilla.org/login-manager/prompter;1.
...d prompttochangepassword(in nsilogininfo aoldlogin, in nsilogininfo anewlogin); void prompttochangepasswordwithusernames([array, size_is(count)] in nsilogininfo logins, in pruint32 count, in nsilogininfo anewlogin); void prompttosavepassword(in nsilogininfo alogin); methods init() initialize the prompter.
nsIMessageListenerManager
dom/base/nsimessagemanager.idlscriptable this interface enables clients to listen for messages sent using the nsimessagebroadcaster, nsimessagesender, or nsisyncmessagesender interfaces.
...r, [optional] in boolean listenwhenclosed); parameters messagename a string indicating the name of the message to listen for.
nsIMsgIdentity
ty.
...ean bcclist astring dobcc boolean dobcclist astring draftfolder astring stationeryfolder astring showsavemsgdlg boolean directoryserver astring overrideglobalpref boolean autocompletetomy
domain boolean if this is false, don't append the user's
domain to an autocomplete address with no matches.
nsIPrompt
netwerk/base/public/nsiprompt.idlscriptable this is the prompt interface which can be used without knowledge of a parent window.
...e parentage is hidden by the getinterface though which it is obtained.
nsISHEntry
an integer that should be the same for two entries attached to the same docshell if and only if the two entries are entries for the same document.
...hat should be the same for two entries attached to the same docshell if and only if the two entries are entries for the same document.
nsITextInputProcessorNotification
dom/interfaces/base/nsitextinputprocessorcallback.idlscriptable this interface of a request or notification to ime 1.0 66 introduced gecko 38 inherits from: nsisupports last changed in gecko 38.0 (firefox 38.0 / thunderbird 38.0 / seamonkey 2.35) this interface tells details of a request or notification to ime.
...s requested, the callback should cancel composition synchronously, i.e., nsitextinputprocessor.cancelcomposition() should be called.
nsITransferable
e which implements the code needed to convert data into and out of the transferable given the supported flavors.
... needed to convert data into and out of the transferable given the supported flavors.
nsIUUIDGenerator
tidptr id); native code only!
... native code only!generateuuidinplace obtain a new uuid like the generateuuid() method, but place it in the provided nsid pointer instead of allocating a new nsid.
nsIWebBrowserFindInFrames
embedding/components/find/public/nsiwebbrowserfind.idlscriptable controls how find behaves when multiple frames or iframes are present.
...ports last changed in gecko 1.7 get an instance by doing a queryinterface from nsiwebbrowserfind.
nsIWebNavigation
s if the object can go back.
...this indicates that there is back session history available for navigation.
nsIWorkerGlobalScope
dom/interfaces/threads/nsi
domworkers.idlscriptable this interface is an abstract interface representing the 'inside' of a worker.
...rker.
nsIXSLTException
content/xslt/public/nsixsltexception.idlscriptable please add a summary to this article.
... content/xslt/public/nsixsltexception.idlscriptable please add a summary to this article.
nsIXULSortService
a xul widget.
...ompositedatasource db, in nsrdfsortstate sortstateptr, in nsicontent root, in nsicontent trueparent, in nsicontent container, in nsicontent node, in boolean anotify ); parameters db sortstateptr root trueparent container node anotify sort() sort the contents of the widget containing anode using asortkey as the comparison key, and asorthints as how to sort.
nsPIPromptService
this is the button number which should be the default button on the dialog.
...uttons are disabled when the dialog is shown.
Using the clipboard
ponents.constructor("@mozilla.org/widget/transferable;1", "nsitransferable"); // create a wrapper to construct an nsitransferable instance and set its source to the given window, when necessary function transferable(source) { var res = nstransferable(); if ('init' in res) { // when passed a window object, find a suitable privacy context for it.
...pportsstring(str), str.length * 2); the first line gets the transferring component which implements nsitransferable.
XPCOM
indow creation method.interfacing with the xpcom cycle collectorthis is a quick overview of the cycle collector introduced into xpcom for firefox 3, including a description of the steps involved in modifying an existing c++ class to participate in xpcom cycle collection.
...ectorthis is a quick overview of the cycle collector introduced into xpcom for firefox 3, including a description of the steps involved in modifying an existing c++ class to participate in xpcom cycle collection.
XTF
xtf readme the xtf readme.
... xtf home the xtf home (outdated).
Plug-in Basics - Plugins
re creating new and innovative plug-ins.
...n create a new instance of the plug-in gecko can load multiple instances of the same plug-in on a single page, or in several open windows at the same time.
Gecko Plugin API Reference - Plugins
a paint message making a plug-in opaque making a plug-in transparent creating pop-up menus and dialog boxes event handling for windowless plug-ins streams receiving a stream telling the plug-in when a stream is created telling the plug-in when a stream is deleted finding out how much data the plug-in can accept writing the stream to the plug-in sending the stream in ran
dom-access mode sending the stream in file mode sending a stream creating a stream pushing data into the stream deleting the stream example of sending a stream urls getting urls getting the url and displaying the page posting urls posting data to an http server uploading files to an ftp server sending mail memory allocating and freeing memory mac o...
...to change the stored information associated with a url, in particular its cookies.
Settings - Firefox Developer Tools
:config' url in browser address bar, searching for: 'devtools.webconsole.persistlog' then toggling this value to true inspector show browser styles a setting to control whether styles applied by the browser (user-agent styles) should be displayed in the inspector's rules view.
... 'devtools.webconsole.persistlog' then toggling this value to true inspector show browser styles a setting to control whether styles applied by the browser (user-agent styles) should be displayed in the inspector's rules view.
Rich output - Firefox Developer Tools
when the web console prints objects, it includes a richer set of information than just the object's name.
...37 } 1: object { status: "in progress", description: "refactor styles", datecreated: 1552404493169 } 2: object { status: "to do", description: "create feedback form", datecreated: 1552404512630 } 3: object { status: "to do", description: "normalize table", datecreated: 1552404533790 } length: 4 <prototype>: array [] debugger eval code:1:9 undefined highlighting and inspecting
dom nodes if you hover the mouse over any
dom element in the console output, it's highlighted on the page: in the screenshot above you'll also see a blue "target" icon next to the node in the console output: click it to switch to the inspector with that node selected.
AbortController.signal - Web APIs
the signal read-only property of the abortcontroller interface returns an abortsignal object instance, which can be used to communicate with/abort a
dom request as desired.
... { ...
AbortSignal.aborted - Web APIs
the aborted read-only property returns a boolean that indicates whether the
dom request(s) the signal is communicating with is/are aborted (true) or not (false).
...gnal property).
AbstractRange.endContainer - Web APIs
the endcontainer property of the abstractrange interface returns the node in which the end of the range is located.
... the endcontainer property of the abstractrange interface returns the node in which the end of the range is located.
AbstractRange.startContainer - Web APIs
the read-only startcontainer property of the abstractrange interface returns the start node for the range.
... the read-only startcontainer property of the abstractrange interface returns the start node for the range.
AesCbcParams - Web APIs
the aescbcparams dictionary of the web crypto api represents the object that should be passed as the algorithm parameter into subtlecrypto.encrypt(), subtlecrypto.decrypt(), subtlecrypto.wrapkey(), or subtlecrypto.unwrapkey(), when using the aes-cbc algorithm.
...to api represents the object that should be passed as the algorithm parameter into subtlecrypto.encrypt(), subtlecrypto.decrypt(), subtlecrypto.wrapkey(), or subtlecrypto.unwrapkey(), when using the aes-cbc algorithm.
AesGcmParams - Web APIs
represents the object that should be passed as the algorithm parameter into subtlecrypto.encrypt(), subtlecrypto.decrypt(), subtlecrypto.wrapkey(), or subtlecrypto.unwrapkey(), when using the aes-gcm algorithm.
...icular section 5.2.1.1 on input data.
AnalyserNode.getByteFrequencyData() - Web APIs
re ignored.
..., 0, width, height); var barwidth = (width / bufferlength) * 2.5; var barheight; var x = 0; for(var i = 0; i < bufferlength; i++) { barheight = dataarray[i]; canvasctx.fillstyle = 'rgb(' + (barheight+100) + ',50,50)'; canvasctx.fillrect(x,height-barheight/2,barwidth,barheight/2); x += barwidth + 1; } }; draw(); parameters array the uint8array that the frequency
domain data will be copied to.
AnimationEvent - Web APIs
as,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">animationevent</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constructor animationevent() creates an animationevent event with the given parameters.
...psedtime read only is a float giving the amount of time the animation has been running, in seconds, when this event fired, excluding any time the animation was paused.
AudioBuffer.duration - Web APIs
unt, audioctx.samplerate); myarraybuffer.duration; value a double.
...r(2, framecount, audioctx.samplerate); button.onclick = function() { // fill the buffer with white noise; // just ran
dom values between -1.0 and 1.0 for (var channel = 0; channel < channels; channel++) { // this gives us the actual arraybuffer that contains the data var nowbuffering = myarraybuffer.getchanneldata(channel); for (var i = 0; i < framecount; i++) { // math.ran
dom() is in [0; 1.0] // audio needs to be in [-1.0; 1.0] nowbuffering[i] = math.ran
dom() * 2 - 1; } } console.log(myarraybuffer.duration); } specification specification status comment web audio apithe definition of 'duration' in that specification.
AudioBuffer.length - Web APIs
unt, audioctx.samplerate); myarraybuffer.length; value an integer.
...r(2, framecount, audioctx.samplerate); button.onclick = function() { // fill the buffer with white noise; // just ran
dom values between -1.0 and 1.0 for (var channel = 0; channel < channels; channel++) { // this gives us the actual arraybuffer that contains the data var nowbuffering = myarraybuffer.getchanneldata(channel); for (var i = 0; i < framecount; i++) { // math.ran
dom() is in [0; 1.0] // audio needs to be in [-1.0; 1.0] nowbuffering[i] = math.ran
dom() * 2 - 1; } } console.log(myarraybuffer.length); } specification specification status comment web audio apithe definition of 'length' in that specification.
AudioBuffer.numberOfChannels - Web APIs
ctx.samplerate); myarraybuffer.numberofchannels; value an integer.
...r(2, framecount, audioctx.samplerate); button.onclick = function() { // fill the buffer with white noise; // just ran
dom values between -1.0 and 1.0 for (var channel = 0; channel < channels; channel++) { // this gives us the actual arraybuffer that contains the data var nowbuffering = myarraybuffer.getchanneldata(channel); for (var i = 0; i < framecount; i++) { // math.ran
dom() is in [0; 1.0] // audio needs to be in [-1.0; 1.0] nowbuffering[i] = math.ran
dom() * 2 - 1; } } console.log(myarraybuffer.numberofchannels); } specification specification status comment web audio apithe definition of 'numberofchannels' in that specification.
AudioBuffer.sampleRate - Web APIs
the current sample rate of the buffers data, in samples per second.
...r(2, framecount, audioctx.samplerate); button.onclick = function() { // fill the buffer with white noise; // just ran
dom values between -1.0 and 1.0 for (var channel = 0; channel < channels; channel++) { // this gives us the actual arraybuffer that contains the data var nowbuffering = myarraybuffer.getchanneldata(channel); for (var i = 0; i < framecount; i++) { // math.ran
dom() is in [0; 1.0] // audio needs to be in [-1.0; 1.0] nowbuffering[i] = math.ran
dom() * 2 - 1; } } console.log(myarraybuffer.samplerate); } specification specification status comment web audio apithe definition of 'samplerate' in that specification.
AudioBufferSourceNode.buffer - Web APIs
syntax audiobuffersourcenode.buffer = soundbuffer; value an audiobuffer which contains the data representing the sound which the node will play.
...buffer(2, framecount, audioctx.samplerate); button.onclick = function() { // fill the buffer with white noise; //just ran
dom values between -1.0 and 1.0 for (var channel = 0; channel < channels; channel++) { // this gives us the actual arraybuffer that contains the data var nowbuffering = myarraybuffer.getchanneldata(channel); for (var i = 0; i < framecount; i++) { // math.ran
dom() is in [0; 1.0] // audio needs to be in [-1.0; 1.0] nowbuffering[i] = math.ran
dom() * 2 - 1; } } // get an audiobuffersourcenode.
AudioBufferSourceNode - Web APIs
nts should clearly explain what is going on.
...r(2, audioctx.samplerate * 3, audioctx.samplerate); // fill the buffer with white noise; //just ran
dom values between -1.0 and 1.0 for (var channel = 0; channel < myarraybuffer.numberofchannels; channel++) { // this gives us the actual arraybuffer that contains the data var nowbuffering = myarraybuffer.getchanneldata(channel); for (var i = 0; i < myarraybuffer.length; i++) { // math.ran
dom() is in [0; 1.0] // audio needs to be in [-1.0; 1.0] nowbuffering[i] = math.ran
dom() * 2 - 1; } } // get an audiobuffersourcenode.
AudioParamDescriptor - Web APIs
of the web audio api specifies properties for an audioparam objects.
...r extends audioworkletprocessor { static get parameterdescriptors () { return [{ name: 'customgain', defaultvalue: 1, minvalue: 0, maxvalue: 1, automationrate: 'a-rate' }] } process (inputs, outputs, parameters) { const output = outputs[0] output.foreach(channel => { for (let i = 0; i < channel.length; i++) { channel[i] = (math.ran
dom() * 2 - 1) * (parameters['customgain'].length > 1 ?
AudioWorkletProcessor.parameterDescriptors (static getter) - Web APIs
if defined, it is called internally by the audioworkletprocessor constructor to create a list of custom audioparam objects in the parameters property of the associated audioworkletnode.
...r extends audioworkletprocessor { static get parameterdescriptors () { return [{ name: 'customgain', defaultvalue: 1, minvalue: 0, maxvalue: 1, automationrate: 'a-rate' }] } process (inputs, outputs, parameters) { const output = outputs[0] output.foreach(channel => { for (let i = 0; i < channel.length; i++) { channel[i] = (math.ran
dom() * 2 - 1) * (parameters['customgain'].length > 1 ?
BaseAudioContext.createBuffer() - Web APIs
mment should clearly explain what is going on.
...(2, audioctx.samplerate * 3, audioctx.samplerate); // fill the buffer with white noise; // just ran
dom values between -1.0 and 1.0 for (var channel = 0; channel < myarraybuffer.numberofchannels; channel++) { // this gives us the actual arraybuffer that contains the data var nowbuffering = myarraybuffer.getchanneldata(channel); for (var i = 0; i < myarraybuffer.length; i++) { // math.ran
dom() is in [0; 1.0] // audio needs to be in [-1.0; 1.0] nowbuffering[i] = math.ran
dom() * 2 - 1; } } // get an audiobuffersourcenode.
BasicCardRequest.supportedTypes - Web APIs
the obsolete supportedtypes property of the basiccardrequest dictionary can optionally be provided to specify an array of
domstrings representing the card types that the retailer supports (e.g.
...ed to specify an array of
domstrings representing the card types that the retailer supports (e.g.
BasicCardRequest - Web APIs
the basiccardrequest dictionary is a javascript object-structure that can be used in the payment request api.
...mastercard"); see card network identifiers for a complete list.
BasicCardResponse.billingAddress - Web APIs
samsung internetbillingaddresschrome no support noedge no support ≤18 — 79firefox full support 56notes disabled full support 56notes disabled notes available only in nightly builds.disabled from version 56: this feature is behind the
dom.payments.request.enabled preference (needs to be set to true).
...android no support nochrome android full support 57firefox android full support 56notes disabled full support 56notes disabled notes available only in nightly builds.disabled from version 56: this feature is behind the
dom.payments.request.enabled preference (needs to be set to true).
Beacon API - Web APIs
ad performance for the next navigation.
...er successfully queues the request for delivery, the method returns "true" and returns "false" otherwise.
BeforeInstallPromptEvent - Web APIs
ono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">beforeinstallpromptevent</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constructor beforeinstallpromptevent() creates a new beforeinstallpromptevent.
...read only returns an array of
domstring items containing the platforms on which the event was dispatched.
BlobEvent.timecode - Web APIs
the timecode readonlyinline property of the blobevent interface a
domhighrestimestamp indicating the difference between the timestamp of the first chunk in data, and the timestamp of the first chunk in the first blobevent produced by this recorder.
... the timecode readonlyinline property of the blobevent interface a
domhighrestimestamp indicating the difference between the timestamp of the first chunk in data, and the timestamp of the first chunk in the first blobevent produced by this recorder.
id - Web APIs
the bluetoothdevice.id read-only property returns a
domstring that uniquely identifies a device.
... the bluetoothdevice.id read-only property returns a
domstring that uniquely identifies a device.
BluetoothDevice.name - Web APIs
the bluetoothdevice.name read-only property returns a
domstring that provides a human-readable name for the device.
... the bluetoothdevice.name read-only property returns a
domstring that provides a human-readable name for the device.
BluetoothRemoteGATTCharacteristic.uuid - Web APIs
the bluetoothremotegattcharacteristic.uuid read-only property returns
domstring containing the uuid of the characteristic, for example '00002a37-0000-1000-8000-00805f9b34fb' for the heart rate measurement characteristic.
... the bluetoothremotegattcharacteristic.uuid read-only property returns
domstring containing the uuid of the characteristic, for example '00002a37-0000-1000-8000-00805f9b34fb' for the heart rate measurement characteristic.
uuid - Web APIs
the bluetoothgattservice.uuid read-only property returns a
domstring representing the uuid of this service.
... the bluetoothgattservice.uuid read-only property returns a
domstring representing the uuid of this service.
CSSMediaRule - Web APIs
ic methods.
...comment css conditional rules module level 3the definition of 'cssmediarule' in that specification.
CSSNamespaceRule.namespaceURI - Web APIs
the cssnamespacerule.namespaceuri read-only property returns a
domstring containing the text of the uri of the given namespace.
... the cssnamespacerule.namespaceuri read-only property returns a
domstring containing the text of the uri of the given namespace.
CSSNamespaceRule.prefix - Web APIs
the cssnamespacerule.prefix read-only property returns a
domstring with the name of the prefix associated to this namespace.
... the cssnamespacerule.prefix read-only property returns a
domstring with the name of the prefix associated to this namespace.
CSSRule - Web APIs
ants and the interfaces are: type value rule-specific interface comments and examples cssrule.style_rule 1 cssstylerule the most common kind of rule: selector { prop1: val1; prop2: val2; } cssrule.import_rule 3 cssimportrule an @import rule.
... css counter styles level 3the definition of 'cssrule' in that specification.
CSSStyleDeclaration.item() - Web APIs
erty name from a cssstyledeclaration by index.
...pertyname = style[index]; example var style = document.getelementbyid('div1').style; var propertyname = style.item(1); // or simply style[1] - returns the second style listed specifications specification status comment css object model (cssom)the definition of 'cssstyledeclaration.item()' in that specification.
CSSStyleSheet.addRule() - Web APIs
the obsolete cssstylesheet interface's addrule() legacy method adds a new rule to the stylesheet.
...lete cssstylesheet interface's addrule() legacy method adds a new rule to the stylesheet.
CSSStyleSheet - Web APIs
o which the style applies and the style block to apply to the matching elements.
... document yes .ownernode processinginstruction .sheet http link header yes n/a n/a n/a user agent (default) style sheets no n/a n/a n/a specifications specification status comment css object model (cssom)the definition of 'cssstylesheet' in that specification.
CSSValue.cssText - Web APIs
the csstext property of the cssvalue interface represents the current computed css property value.
...rent computed css property value.
CSSValue - Web APIs
the cssvalue interface represents the current computed value of a css property.
... by using binding-specific casting methods on this instance of the cssvalue interface.
CSS Object Model (CSSOM) - Web APIs
the css object model is a set of apis allowing the manipulation of css from javascript.
... css transitions working draft css custom properties for cascading variables module level 1 candidate recommendation css conditional rules module level 3 candidate recommendation defined the css interface.
Cache - Web APIs
espond to fonts, // i.e.
.../#concept-filtered-response-opaque) // we can't access to the response headers, so this check will always fail and the font won't be cached.
CanvasRenderingContext2D.currentTransform - Web APIs
the canvasrenderingcontext2d.currenttransform property of the canvas 2d api returns or sets a
dommatrix (current specification) or svgmatrix (old specification) object for the current transformation matrix.
... the canvasrenderingcontext2d.currenttransform property of the canvas 2d api returns or sets a
dommatrix (current specification) or svgmatrix (old specification) object for the current transformation matrix.
Hit regions and accessibility - Web APIs
is.
...ssed="false" aria-label="start game"></canvas> hit regions whether the mouse coordinates are within a particular area on the canvas, is a common problem to solve.
ChildNode.remove() - Web APIs
he div with the 'div-02' id childnode.remove() is unscopable the remove() method is not scoped into the with statement.
...erty('remove')) { return; } object.defineproperty(item, 'remove', { configurable: true, enumerable: true, writable: true, value: function remove() { this.parentnode.removechild(this); } }); }); })([element.prototype, characterdata.prototype, documenttype.prototype]); specifications specification status comment
domthe definition of 'childnode.remove' in that specification.
Comment() - Web APIs
the comment() constructor returns a newly created comment object with the optional
domstring given in parameter as its textual content.
... the comment() constructor returns a newly created comment object with the optional
domstring given in parameter as its textual content.
CompositionEvent.CompositionEvent() - Web APIs
the compositionevent() constructor creates a new compositionevent object instance.
...h can contain the following members: data initializes the data attribute of the compositionevent object to the characters generated by the ime composition.
CompositionEvent.data - Web APIs
the data read-only property of the compositionevent interface returns the characters generated by the input method that raised the event; its exact nature varies depending on the type of event that generated the compositionevent object.
...e doesn't change even if content changes the selection range; rather, it indicates the string that was selected when composition started.
CompositionEvent.locale - Web APIs
the locale read-only property of the compositionevent interface returns the locale of current input method (for example, the keyboard layout locale if the composition is associated with ime).
...e locale read-only property of the compositionevent interface returns the locale of current input method (for example, the keyboard layout locale if the composition is associated with ime).
Credential.id - Web APIs
the id property of the credential interface returns a
domstring containing the credential's identifier.
... the id property of the credential interface returns a
domstring containing the credential's identifier.
Credential.name - Web APIs
the name property of the credential interface returns a
domstring, containing the name associated with a credential.
... the name property of the credential interface returns a
domstring, containing the name associated with a credential.
Credential.type - Web APIs
the type property of the credential interface returns a
domstring containing the credential's type.
... the type property of the credential interface returns a
domstring containing the credential's type.
Credential - Web APIs
the credential interface of the the credential management api provides information about an entity as a prerequisite to a trust decision.
... the credential interface of the the credential management api provides information about an entity as a prerequisite to a trust decision.
Credential Management API - Web APIs
api provides ways for a website to store and retrieve different types of credentials.
...bilities such as seeing the federated account they used to sign on to a site, or resuming a session without the explicit sign-in flow of an expired session.
CustomElementRegistry.define() - Web APIs
t inside the info span var text = this.getattribute('text'); info.textcontent = text; // insert icon var imgurl; if(this.hasattribute('img')) { imgurl = this.getattribute('img'); } else { imgurl = 'img/default.png'; } var img = document.createelement('img'); img.src = imgurl; icon.appendchild(img); // create some css to apply to the shadow
dom var style = document.createelement('style'); style.textcontent = '.wrapper {' + 'position: relative;' + '}' + '.info {' + 'font-size: 0.8rem;' + 'width: 200px;' + 'display: inline-block;' + 'border: 1p...
... 10px;' + 'z-index: 3;' + '}' + 'img {' + 'width: 1.2rem' + '}' + '.icon:hover + .info, .icon:focus + .info {' + 'opacity: 1;' + '}'; // attach the created elements to the shadow
dom shadow.appendchild(style); shadow.appendchild(wrapper); wrapper.appendchild(icon); wrapper.appendchild(info); } } // define the new element customelements.define('popup-info', popupinfo); <popup-info img="img/alt.png" text="your card validation code (cvc) is an extra security feature — it is the last 3 or 4 ...
DataTransfer.dropEffect - Web APIs
d than the action that the user is requesting.
...op handler will // know which element to add to its tree ev.datatransfer.setdata("text", ev.target.id); ev.datatransfer.effectallowed = "move"; } function drop_handler(ev) { console.log("drop: dropeffect = " + ev.datatransfer.dropeffect + " ; effectallowed = " + ev.datatransfer.effectallowed); ev.preventdefault(); // get the id of the target and add the moved element to the target's
dom var data = ev.datatransfer.getdata("text"); ev.target.appendchild(document.getelementbyid(data)); } function dragover_handler(ev) { console.log("dragover: dropeffect = " + ev.datatransfer.dropeffect + " ; effectallowed = " + ev.datatransfer.effectallowed); ev.preventdefault(); // set the dropeffect to move ev.datatransfer.dropeffect = "move" } specifications specificati...
DataTransfer.effectAllowed - Web APIs
tart event to set the desired drag effect for the drag source.
... the drop handler will // know which element to add to its tree ev.datatransfer.setdata("text", ev.target.id); ev.datatransfer.effectallowed = "move"; } function drop_handler(ev) { console.log("drop: dropeffect = " + ev.datatransfer.dropeffect + " ; effectallowed = " + ev.datatransfer.effectallowed); ev.preventdefault(); // get the id of the target and add the moved element to the target's
dom var data = ev.datatransfer.getdata("text"); ev.target.appendchild(document.getelementbyid(data)); } function dragover_handler(ev) { console.log("dragover: dropeffect = " + ev.datatransfer.dropeffect + " ; effectallowed = " + ev.datatransfer.effectallowed); ev.preventdefault(); // set the dropeffect to move ev.datatransfer.dropeffect = "move" } </script> <body> <h1>examples <code>datatransf...
DataTransfer.setData() - Web APIs
the drag data store, such that the last item in the types list will be the new type.
... if data for the given type already exists, the existing data is replaced in the same position.
Document.URL - Web APIs
the url read-only property of the document interface returns the document location as a string.
... url = document.url example javascript document.getelementbyid("url").textcontent = document.url; html <p id="urltext"> url:<br/> <span id="url">url goes here</span> </p> result specifications specification status comment
domthe definition of 'document.url' in that specification.
Document.adoptNode() - Web APIs
)); }); notes before they can be inserted into the current document, nodes from external documents should either be: cloned using document.importnode(); or adopted using document.adoptnode().
...external documents should either be: cloned using document.importnode(); or adopted using document.adoptnode().
Document.bgColor - Web APIs
r sets the background color of the current document.
...rs color is a string representing the color as a word (e.g., "red") or hexadecimal value (e.g., "#ff0000").
Document.createComment() - Web APIs
createcomment() creates a new comment node, and returns it.
...efromstring('<xml></xml>', 'application/xml'); var comment = docu.createcomment('this is a not-so-secret comment in your document'); docu.getelementsbytagname('xml')[0].appendchild(comment); alert(new xmlserializer().serializetostring(docu)); // displays: <xml><!--this is a not-so-secret comment in your document--></xml> specifications specification status comment
domthe definition of 'document.createcomment' in that specification.
Document.createElement() - Web APIs
javascript document.body.onload = addelement; function addelement () { // create a new div element const newdiv = document.createelement("div"); // and give it some content const newcontent = document.createtextnode("hi there and greetings!"); // add the text node to the newly created div newdiv.appendchild(newcontent); // add the newly created element and its content into the
dom const currentdiv = document.getelementbyid("div1"); document.body.insertbefore(newdiv, currentdiv); } web component example the following example snippet is taken from our expanding-list-web-component example (see it live also).
...}) the new element will be given an is attribute whose value is the custom element's tag name.
Document.createNodeIterator() - Web APIs
ude it in the list of iterable nodes (a simple callback function may also be used instead).
...deiterator( document.body, nodefilter.show_element, { acceptnode(node) { return node.nodename.tolowercase() === 'p' ?
Document.createTreeWalker() - Web APIs
y.
...rrentnode; while(currentnode) { nodelist.push(currentnode); currentnode = treewalker.nextnode(); } specifications specification status comment
domthe definition of 'document.createtreewalker' in that specification.
Document.execCommand() - Web APIs
able, execcommand() affects the currently active editable element.
...g the return value to verify browser support before calling a command.
Document.write() - Web APIs
writing, call document.close() to tell the browser to finish loading the page.
... version 55, chrome will not execute <script> elements injected via document.write() when specific conditions are met.
Document.writeln() - Web APIs
ollowed by a newline character to a document.
...is is the case if opening a local file with a .xhtml file extension or for any document served with an application/xhtml+xml mime type.
DocumentFragment.querySelector() - Web APIs
tor() method returns the first element, or null if no matches are found, within the documentfragment (using depth-first pre-order traversal of the document's nodes) that matches the specified group of selectors.
... the document's nodes) that matches the specified group of selectors.
DocumentFragment.querySelectorAll() - Web APIs
the documentfragment.queryselectorall() method returns a nodelist of elements within the documentfragment (using depth-first pre-order traversal of the document's nodes) that matches the specified group of selectors.
...ntfragment (using depth-first pre-order traversal of the document's nodes) that matches the specified group of selectors.
DocumentOrShadowRoot.styleSheets - Web APIs
in a document.
... var sheet = document.stylesheets[i]; if (sheet.title == unique_title) { return sheet; } } } notes the returned list is ordered as follows: stylesheets retrieved from <link> headers are placed first, sorted in header order.
DragEvent - Web APIs
the dragevent interface is a
dom event that represents a drag and drop interaction.
... the dragevent interface is a
dom event that represents a drag and drop interaction.
EcKeyGenParams - Web APIs
the eckeygenparams dictionary of the web crypto api represents the object that should be passed as the algorithm parameter into subtlecrypto.generatekey(), when generating any elliptic-curve-based key pair: that is, when the algorithm is identified as either of ecdsa or ecdh.
...genparams dictionary of the web crypto api represents the object that should be passed as the algorithm parameter into subtlecrypto.generatekey(), when generating any elliptic-curve-based key pair: that is, when the algorithm is identified as either of ecdsa or ecdh.
EcKeyImportParams - Web APIs
the eckeyimportparams dictionary of the web crypto api represents the object that should be passed as the algorithm parameter into subtlecrypto.importkey() or subtlecrypto.unwrapkey(), when generating any elliptic-curve-based key pair: that is, when the algorithm is identified as either of ecdsa or ecdh.
...e web crypto api represents the object that should be passed as the algorithm parameter into subtlecrypto.importkey() or subtlecrypto.unwrapkey(), when generating any elliptic-curve-based key pair: that is, when the algorithm is identified as either of ecdsa or ecdh.
EcdsaParams - Web APIs
the ecdsaparams dictionary of the web crypto api represents the object that should be passed as the algorithm parameter into subtlecrypto.sign() or subtlecrypto.verify() when using the ecdsa algorithm.
... the ecdsaparams dictionary of the web crypto api represents the object that should be passed as the algorithm parameter into subtlecrypto.sign() or subtlecrypto.verify() when using the ecdsa algorithm.
Element: click event - Web APIs
document.queryselector('button'); button.addeventlistener('click', event => { button.innerhtml = `click count: ${event.detail}`; }); result try making rapid, repeated clicks on the button to increase the click count.
...il}`; }); result try making rapid, repeated clicks on the button to increase the click count.
Element.closest() - Web APIs
the closest() method traverses the element and its parents (heading toward the document root) until it finds a node that matches the provided selector string.
...pe.closest) { element.prototype.closest = function(s) { var matches = (this.document || this.ownerdocument).queryselectorall(s), i, el = this; do { i = matches.length; while (--i >= 0 && matches.item(i) !== el) {}; } while ((i < 0) && (el = el.parentelement)); return el; }; } specifications specification status comment
domthe definition of 'element.closest()' in that specification.
Element: mouseenter event - Web APIs
t it doesn't bubble and it isn't sent to any descendants when the pointer is moved from one of its descendants' physical space to its own physical space.
...ewlistitem = document.createelement("li"); // add the text node to the li element newlistitem.appendchild(newtextnode); // add the newly created list item to list unorderedlist.appendchild(newlistitem); } result specifications specification status ui eventsthe definition of 'mouseenter' in that specification.
Element: mouseleave event - Web APIs
ves one of the element's descendants (even if the pointer is still within the element).
...ewlistitem = document.createelement("li"); // add the text node to the li element newlistitem.appendchild(newtextnode); // add the newly created list item to list unorderedlist.appendchild(newlistitem); } result specifications specification status ui eventsthe definition of 'mouseleave' in that specification.
Element.name - Web APIs
name gets or sets the name property of an element in the
dom.
..."> <input type="text" value="foo"> </form> <script type="text/javascript"> // get a reference to the first element in the form let formelement = document.forms['forma'].elements[0] // give it a name formelement.name = 'inputa' // show the value of the input alert(document.forms['forma'].elements['inputa'].value) </script> notes in internet explorer (ie), the name property of
dom objects created using document.createelement() can't be set or modified.
Element.part - Web APIs
the part property of the element interface represents the part identifier(s) of the element (i.e.
... the part property of the element interface represents the part identifier(s) of the element (i.e.
Element.prefix - Web APIs
the element.prefix read-only property returns the namespace prefix of the specified element, or null if no prefix is specified.
...defined within the node interface.
ErrorEvent - Web APIs
l="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="166" y="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">errorevent</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties also inherits properties from its parent event.
...aco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">errorevent</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties also inherits properties from its parent event.
Event() - Web APIs
the event() constructor creates a new event.
...vent.composed for more details).
Event.cancelable - Web APIs
addeventlistener('wheel', preventscrollwheel); notes whether an event can be canceled or not is something that's determined when that event is initialized.
...termined when that event is initialized.
Event.composedPath() - Web APIs
osed = event.composedpath(); parameters none.
...sed-shadow> element's composed path is a follows: array [ closed-shadow, body, html, htmldocument https://mdn.github.io/web-components-examples/composed-composed-path/, window ] in the second case, the event listeners only propagate as far as the <closed-shadow> element itself, but not to the nodes inside the shadow boundary.
Event.isTrusted - Web APIs
is true when the event was generated by a user action, and false when the event was created or modified by a script or dispatched via eventtarget.dispatchevent().
...r dispatched via eventtarget.dispatchevent().
Event.preventDefault() - Web APIs
notes calling preventdefault() during any stage of event flow cancels the event, meaning that any default action normally taken by the implementation as a result of the event will not occur.
...aken by the implementation as a result of the event will not occur.
Event.srcElement - Web APIs
initially implemented in internet explorer, event.srcelement is a now-standard alias (defined in the
dom standard but flagged as "historical") for the event.target property.
... initially implemented in internet explorer, event.srcelement is a now-standard alias (defined in the
dom standard but flagged as "historical") for the event.target property.
EventListener.handleEvent() - Web APIs
nt is sent to the eventlistener, in order to handle events that occur on an observed eventtarget.
...; parameters event an event object describing the event that has been fired and needs to be processed.
EventListener - Web APIs
ction!'); }); // for compatibility, a non-function object with a `handleevent` property is // treated just the same as a function itself.
...ction itself.
EventSource.url - Web APIs
the url read-only property of the eventsource interface returns a
domstring representing the url of the source.
... the url read-only property of the eventsource interface returns a
domstring representing the url of the source.
EventSource - Web APIs
or delivering data into a client-side storage mechanism like indexeddb or web storage.
... eventsource() creates a new eventsource to handle receiving server-sent events from a specified url, optionally in credentials mode.
FederatedCredential.protocol - Web APIs
the protocol property of the federatedcredential interface returns a read-only
domstring containing a credential's federated identity protocol.
... the protocol property of the federatedcredential interface returns a read-only
domstring containing a credential's federated identity protocol.
FileError - Web APIs
represents an error that occurs while using the filereader interface.
... represents an error that occurs while using the filereader interface.
FileReaderSync.readAsArrayBuffer() - Web APIs
the readasarraybuffer() method of the filereadersync interface allows to read file or blob objects in a synchronous way into an arraybuffer.
...orkers as it enables synchronous i/o that could potentially block.
FileRequest - Web APIs
non-standard this feature is non-standard and is not on a standards track.
...terface extends the
domrequest interface to provide some extra properties necessary for the lockedfile objects.
FileSystem - Web APIs
-data and send us a pull request.
... full support 15prefixed prefixed implemented with the vendor prefix: webkitsafari full support 11.1webview android full support ≤37alternate name full support ≤37alternate name alternate name uses the non-standard name:
domfilesystemchrome android full support 18alternate name full support 18alternate name alternate name uses the non-standard name:
domfilesystemfirefox android full support 50opera android full support 14prefixed ...
FileSystemDirectoryEntry.getDirectory() - Web APIs
era for androidsafari on iossamsung internetgetdirectory experimentalchrome full support 8edge full support 79firefox full support 50notes full support 50notes notes in firefox, the errorcallback's input parameter is a
domexception rather than a fileerror object.ie no support noopera no support nosafari full support 11.1webview android full support ≤37chrome android full support 18firefox and...
...port 11.1webview android full support ≤37chrome android full support 18firefox android full support 50notes full support 50notes notes in firefox, the errorcallback's input parameter is a
domexception rather than a fileerror object.opera android no support nosafari ios full support 11.3samsung internet android full support yeslegend full support full support ...
FileSystemDirectoryEntry.removeRecursively() - Web APIs
internetremoverecursively deprecatednon-standardchrome full support 8edge full support 79firefox no support 50 — 52notes no support 50 — 52notes notes while the removerecursively() method existed, it immediately called the error callback with ns_error_
dom_security_err.ie no support noopera no support nosafari no support nowebview android full support ≤37chrome android full support 18firefox android no support ...
... nowebview android full support ≤37chrome android full support 18firefox android no support 50 — 52notes no support 50 — 52notes notes while the removerecursively() method existed, it immediately called the error callback with ns_error_
dom_security_err.opera android no support nosafari ios no support nosamsung internet android full support yeslegend full support full support no support ...
FileSystemFileEntry.createWriter() - Web APIs
iossamsung internetcreatewriter deprecatednon-standardchrome full support 8edge full support 79firefox no support 50 — 52notes no support 50 — 52notes notes while the createwriter() method existed, it immediately called errorcallback with the ns_error_
dom_security_err error.ie no support noopera no support nosafari no support nowebview android full support ≤37chrome android full support 18firefox android no sup...
... nowebview android full support ≤37chrome android full support 18firefox android no support 50 — 52notes no support 50 — 52notes notes while the createwriter() method existed, it immediately called errorcallback with the ns_error_
dom_security_err error.opera android no support nosafari ios no support nosamsung internet android full support yeslegend full support full support no support no supp...
FileSystemFileEntry - Web APIs
endor prefix: webkitcreatewriter deprecatednon-standardchrome full support 8edge full support 79firefox no support 50 — 52notes no support 50 — 52notes notes while the createwriter() method existed, it immediately called errorcallback with the ns_error_
dom_security_err error.ie no support noopera no support nosafari no support nowebview android full support ≤37chrome android full support 18firefox android no sup...
... nowebview android full support ≤37chrome android full support 18firefox android no support 50 — 52notes no support 50 — 52notes notes while the createwriter() method existed, it immediately called errorcallback with the ns_error_
dom_security_err error.opera android no support nosafari ios no support nosamsung internet android full support yesfilechrome full support 8edge full support 79firefox ...
FocusEvent() - Web APIs
the focusevent() constructor returns a newly created focusevent object with an optional eventtarget.
...it optional is a focuseventinit dictionary, having the following fields: "relatedtarget", optional and defaulting to null, is an eventtarget representing the secondary target of a focusevent.
Frame Timing API - Web APIs
the performanceframetiming interface provides frame timing data about the browser's event loop.
... document is included in using the frame timing api.
GeolocationPosition.timestamp - Web APIs
the geolocationposition.timestamp read-only property returns a
domtimestamp object, represents the date and the time of the creation of the geolocationposition object it belongs to.
... the geolocationposition.timestamp read-only property returns a
domtimestamp object, represents the date and the time of the creation of the geolocationposition object it belongs to.
GeolocationPositionError.message - Web APIs
the geolocationpositionerror.message read-only property returns a human-readable
domstring describing the details of the error.
... the geolocationpositionerror.message read-only property returns a human-readable
domstring describing the details of the error.
GeometryUtils - Web APIs
the geometryutils interface provides different utility function to retrieve geometry information about
dom nodes.
... the geometryutils interface provides different utility function to retrieve geometry information about
dom nodes.
HTMLAnchorElement.relList - Web APIs
the htmlanchorelement.rellist read-only property reflects the rel attribute.
... the htmlanchorelement.rellist read-only property reflects the rel attribute.
HTMLAreaElement.relList - Web APIs
the htmlareaelement.rellist read-only property reflects the rel attribute.
... the htmlareaelement.rellist read-only property reflects the rel attribute.
HTMLBRElement - Web APIs
fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="426" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmlbrelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement.
....
HTMLCanvasElement.mozGetAsFile() - Web APIs
the non-standard, firefox-specific the htmlcanvaselement method mozgetasfile() returns a memory-based file object representing the image contained in the canvas.
... the non-standard, firefox-specific the htmlcanvaselement method mozgetasfile() returns a memory-based file object representing the image contained in the canvas.
HTMLContentElement - Web APIs
the htmlcontentelement interface represents a <content> html element, which is used in shadow
dom.
... the htmlcontentelement interface represents a <content> html element, which is used in shadow
dom.
HTMLDataElement.value - Web APIs
the value property of the htmldataelement interface returns a
domstring reflecting the value html attribute.
... the value property of the htmldataelement interface returns a
domstring reflecting the value html attribute.
HTMLDialogElement.close() - Web APIs
the close() method of the htmldialogelement interface closes the dialog.
... the close() method of the htmldialogelement interface closes the dialog.
HTMLDialogElement - Web APIs
ce" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmldialogelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement.
...inherits properties from its parent, htmlelement.
HTMLElement: beforeinput event - Web APIs
the
dom beforeinput event fires when the value of an <input>, <select>, or <textarea> element is about to be modified.
...e and designmode, the event target is the editing host.
HTMLImageElement.crossOrigin - Web APIs
the htmlimageelement interface's crossorigin attribute is a string which specifies the cross-origin resource sharing (cors) setting to use when retrieving the image.
...g> element have their mode set to cors and their credentials mode set to same-origin.
HTMLImageElement.currentSrc - Web APIs
lchrome full support 45edge full support 13firefox full support 38 full support 38 no support 32 — 52disabled disabled from version 32 until version 52 (exclusive): this feature is behind the
dom.image.srcset.enabled preference (needs to be set to true).
... full support 45chrome android full support 45firefox android full support 38 full support 38 no support 32 — 52disabled disabled from version 32 until version 52 (exclusive): this feature is behind the
dom.image.srcset.enabled preference (needs to be set to true).
HTMLImageElement.sizes - Web APIs
lchrome full support 45edge full support 13firefox full support 38 full support 38 no support 33 — 52disabled disabled from version 33 until version 52 (exclusive): this feature is behind the
dom.image.picture.enabled preference (needs to be set to true).
... full support 45chrome android full support 45firefox android full support 38 full support 38 no support 33 — 52disabled disabled from version 33 until version 52 (exclusive): this feature is behind the
dom.image.picture.enabled preference (needs to be set to true).
HTMLImageElement.srcset - Web APIs
lchrome full support 34edge full support 12firefox full support 38 full support 38 no support 32 — 52disabled disabled from version 32 until version 52 (exclusive): this feature is behind the
dom.image.srcset.enabled preference (needs to be set to true).
... full support 37chrome android full support 34firefox android full support 38 full support 38 no support 32 — 52disabled disabled from version 32 until version 52 (exclusive): this feature is behind the
dom.image.srcset.enabled preference (needs to be set to true).
HTMLInputElement - Web APIs
, formtarget, height, indeterminate, labels, list, max, min, multiple, pattern, placeholder, required, selectiondirection, selectionend, selectionstart, step, validationmessage, validity, valueasdate, valueasnumber, width, and willvalidate.
... following methods have been added: checkvalidity(), setcustomvalidity(), setselectionrange(), stepup(), and stepdown().
HTMLLinkElement.as - Web APIs
the as property of the htmllinkelement interface returns a
domstring representing the type of content being loaded by the html link, one of "script", "style", "image", "video", "audio", "track", "font", "fetch".
... the as property of the htmllinkelement interface returns a
domstring representing the type of content being loaded by the html link, one of "script", "style", "image", "video", "audio", "track", "font", "fetch".
HTMLLinkElement.relList - Web APIs
the htmllinkelement.rellist read-only property reflects the rel attribute.
... the htmllinkelement.rellist read-only property reflects the rel attribute.
HTMLMediaElement.canPlayType() - Web APIs
the htmlmediaelement method canplaytype() reports how likely it is that the current browser will be able to play media of a given mime type.
... the htmlmediaelement method canplaytype() reports how likely it is that the current browser will be able to play media of a given mime type.
HTMLObjectElement.data - Web APIs
the data property of the htmlobjectelement interface returns a
domstring that reflects the data html attribute, specifying the address of a resource's data.
... the data property of the htmlobjectelement interface returns a
domstring that reflects the data html attribute, specifying the address of a resource's data.
HTMLObjectElement.height - Web APIs
the height property of the htmlobjectelement interface returns a
domstring that reflects the height html attribute, specifying the displayed height of the resource in css pixels.
... the height property of the htmlobjectelement interface returns a
domstring that reflects the height html attribute, specifying the displayed height of the resource in css pixels.
HTMLObjectElement.name - Web APIs
the name property of the htmlobjectelement interface returns a
domstring that reflects the name html attribute, specifying the name of the browsing context.
... the name property of the htmlobjectelement interface returns a
domstring that reflects the name html attribute, specifying the name of the browsing context.
HTMLObjectElement.type - Web APIs
the type property of the htmlobjectelement interface returns a
domstring that reflects the type html attribute, specifying the mime type of the resource.
... the type property of the htmlobjectelement interface returns a
domstring that reflects the type html attribute, specifying the mime type of the resource.
HTMLObjectElement.useMap - Web APIs
the usemap property of the htmlobjectelement interface returns a
domstring that reflects the usemap html attribute, specifying a <map> element to use.
... the usemap property of the htmlobjectelement interface returns a
domstring that reflects the usemap html attribute, specifying a <map> element to use.
HTMLObjectElement.validationMessage - Web APIs
the validationmessage read-only property of the htmlobjectelement interface returns a
domstring representing a localized message that describes the validation constraints that the control does not satisfy (if any).
...only property of the htmlobjectelement interface returns a
domstring representing a localized message that describes the validation constraints that the control does not satisfy (if any).
HTMLObjectElement.width - Web APIs
the width property of the htmlobjectelement interface returns a
domstring that reflects the width html attribute, specifying the displayed width of the resource in css pixels.
... the width property of the htmlobjectelement interface returns a
domstring that reflects the width html attribute, specifying the displayed width of the resource in css pixels.
Option() - Web APIs
the option() constructor creates a new htmloptionelement.
... the option() constructor creates a new htmloptionelement.
HTMLScriptElement.referrerPolicy - Web APIs
the referrerpolicy property of the htmlscriptelement interface reflects the html referrerpolicy of the <script> element and fetches made by that script, defining which referrer is sent when fetching the resource.
...will leak origins and paths from tls-protected resources to insecure origins.
HTMLSelectElement.remove() - Web APIs
ption: value 3</option> </select> */ specifications specification status comment html living standardthe definition of 'htmlselectelement.remove()' in that specification.
...tmlselectelement.remove()' in that specification.
HTMLSlotElement - Web APIs
the htmlslotelement interface of the shadow
dom api enables access to the name and assigned nodes of an html <slot> element.
... the htmlslotelement interface of the shadow
dom api enables access to the name and assigned nodes of an html <slot> element.
HTMLTableElement.align - Web APIs
the htmltableelement.align property represents the alignment of the table.
... the htmltableelement.align property represents the alignment of the table.
HTMLTableElement.bgColor - Web APIs
the htmltableelement.bgcolor property represents the background color of the table.
...operty should be used instead by modifying the element's style object or using a style rule.
HTMLTableElement.cellSpacing - Web APIs
should instead use the css border-spacing property, the obsolete htmltableelement interface's cellspacing property represents the spacing around the individual <th> and <td> elements representing a table's cells.
...e cellspacing of each of the two cells.
HTMLTableElement.insertRow() - Web APIs
ext node to the cell let newtext = document.createtextnode('new bottom row'); newcell.appendchild(newtext); } // call addrow() with the table's id addrow('my-table'); result specifications specification status comment html living standardthe definition of 'htmltableelement.insertrow()' in that specification.
... specification status comment html living standardthe definition of 'htmltableelement.insertrow()' in that specification.
HmacImportParams - Web APIs
the hmacimportparams dictionary of the web crypto api represents the object that should be passed as the algorithm parameter into subtlecrypto.importkey() or subtlecrypto.unwrapkey(), when generating a key for the hmac algorithm.
... the hmacimportparams dictionary of the web crypto api represents the object that should be passed as the algorithm parameter into subtlecrypto.importkey() or subtlecrypto.unwrapkey(), when generating a key for the hmac algorithm.
HmacKeyGenParams - Web APIs
the hmackeygenparams dictionary of the web crypto api represents the object that should be passed as the algorithm parameter into subtlecrypto.generatekey(), when generating a key for the hmac algorithm.
... the hmackeygenparams dictionary of the web crypto api represents the object that should be passed as the algorithm parameter into subtlecrypto.generatekey(), when generating a key for the hmac algorithm.
IDBDatabase.name - Web APIs
the name read-only property of the idbdatabase interface is a
domstring that contains the name of the connected database.
... the name read-only property of the idbdatabase interface is a
domstring that contains the name of the connected database.
IDBDatabase.objectStoreNames - Web APIs
the objectstorenames read-only property of the idbdatabase interface is a
domstringlist containing a list of the names of the object stores currently in the connected database.
... the objectstorenames read-only property of the idbdatabase interface is a
domstringlist containing a list of the names of the object stores currently in the connected database.
IDBDatabase.transaction() - Web APIs
er.
...nt by creating a transaction using the experimental (non-standard) readwriteflush mode (see idbdatabase.transaction.) this is currently experimental, and can only be used if the
dom.indexeddb.experimental pref is set to true in about:config.
IDBDatabase - Web APIs
p"><rect x="151" y="1" width="110" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="206" y="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">idbdatabase</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties idbdatabase.name read only a
domstring that contains the name of the connected database.
...></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties idbdatabase.name read only a
domstring that contains the name of the connected database.
IDBDatabaseException - Web APIs
obsolete: this interface was removed from the specification and was replaced by usage of
domexception.
...terface was removed from the specification and was replaced by usage of
domexception.
IDBIndex - Web APIs
full support 5.0getallkeyschrome full support 48edge full support ≤18firefox full support 44disabled full support 44disabled disabled from version 44: this feature is behind the
dom.indexeddb.experimental preference.
...support 10.1webview android full support 48chrome android full support 48firefox android full support 44disabled full support 44disabled disabled from version 44: this feature is behind the
dom.indexeddb.experimental preference.
IDBTransaction.objectStoreNames - Web APIs
the objectstorenames read-only property of the idbtransaction interface returns a
domstringlist of names of idbobjectstore objects.
... the objectstorenames read-only property of the idbtransaction interface returns a
domstringlist of names of idbobjectstore objects.
IDBTransaction - Web APIs
critical data that cannot be recomputed later) you can force a transaction to flush to disk before delivering the complete event by creating a transaction using the experimental (non-standard) readwriteflush mode (see idbdatabase.transaction.
...unsuccessful transaction.
IDBTransactionSync - Web APIs
ransactionsync interface of the indexeddb api provides a synchronous transaction on a database.
...atabaseexception with the following codes: non_transient_err if this transaction has already been committed or aborted.
IndexedDB API - Web APIs
ncepts behind indexeddb.
... asynchronously from first principles with our using indexeddb guide.
InputEvent() - Web APIs
the inputevent() constructor creates a new inputevent.
...er object containing information about richtext or plaintext data being added to or removed from editible content.
InputEvent.data - Web APIs
the data read-only property of the inputevent interface returns a
domstring with the inserted characters.
... the data read-only property of the inputevent interface returns a
domstring with the inserted characters.
InputEvent - Web APIs
x" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">inputevent</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constructor inputevent() creates an inputevent object.
...tting text.
IntersectionObserverEntry.boundingClientRect - Web APIs
the intersectionobserverentry interface's read-only boundingclientrect property returns a
domrectreadonly which in essence describes a rectangle describing the smallest rectangle that contains the entire target element.
... the intersectionobserverentry interface's read-only boundingclientrect property returns a
domrectreadonly which in essence describes a rectangle describing the smallest rectangle that contains the entire target element.
IntersectionObserverEntry.intersectionRect - Web APIs
the intersectionobserverentry interface's read-only intersectionrect property is a
domrectreadonly object which describes the smallest rectangle that contains the entire portion of the target element which is currently visible within the intersection root.
... the intersectionobserverentry interface's read-only intersectionrect property is a
domrectreadonly object which describes the smallest rectangle that contains the entire portion of the target element which is currently visible within the intersection root.
IntersectionObserverEntry.rootBounds - Web APIs
the intersectionobserverentry interface's read-only rootbounds property is a
domrectreadonly corresponding to the target's root intersection rectangle, offset by the intersectionobserver.rootmargin if one is specified.
... the intersectionobserverentry interface's read-only rootbounds property is a
domrectreadonly corresponding to the target's root intersection rectangle, offset by the intersectionobserver.rootmargin if one is specified.
IntersectionObserverEntry.time - Web APIs
the intersectionobserverentry interface's read-only time property is a
domhighrestimestamp that indicates the time at which the intersection change occurred relative to the time at which the document was created.
... the intersectionobserverentry interface's read-only time property is a
domhighrestimestamp that indicates the time at which the intersection change occurred relative to the time at which the document was created.
KeyboardEvent.key - Web APIs
sed key is a control or special character, the returned value is one of the pre-defined key values.
...key press.
LayoutShiftAttribution - Web APIs
the layoutshiftattribution interface of the layout instability api provides debugging information about elements which have shifted.
...outshiftattribution interface of the layout instability api provides debugging information about elements which have shifted.
LocalFileSystem - Web APIs
llback // and the last one is the error callback // for denial of access and other errors.
...h the following code: exception description security_error the application does not have permission to access the file system interface.
LocalFileSystemSync - Web APIs
ne is the error callback // for denial of access and other errors.
... exception description security_error the application does not have permission to access the file system interface.
Location - Web APIs
, function(e) { e.preventdefault(); e.stoppropagation(); window.location.hash = '#' + $(this).attr('id'); }); }); [].foreach.call(document.queryselectorall('[title]'), function (node) { node.addeventlistener("click", function(e) { e.preventdefault(); e.stoppropagation(); window.location.hash = ''; }); }); result properties location.ancestororigins is a static
domstringlist containing, in reverse order, the origins of all ancestor browsing contexts of the document associated with the given location object.
...tire url.
MIDIMessageEvent - Web APIs
d, a knob is tweaked, or a slider is moved.
...nnectionevent.data a uint8array containing the data bytes of a single midi message.
MediaDeviceInfo.deviceId - Web APIs
the deviceid readonly property of the mediadeviceinfo interface returns a
domstring that is an identifier for the represented device and is persisted across sessions.
...nterface returns a
domstring that is an identifier for the represented device and is persisted across sessions.
MediaDeviceInfo.groupId - Web APIs
the groupid readonly property of the mediadeviceinfo interface returns a
domstring that is a group identifier.
... the groupid readonly property of the mediadeviceinfo interface returns a
domstring that is a group identifier.
MediaDeviceInfo.label - Web APIs
the label readonlyinline property of the mediadeviceinfo interface returns a
domstring, that is a label describing this device (for example "external usb webcam").
... the label readonlyinline property of the mediadeviceinfo interface returns a
domstring, that is a label describing this device (for example "external usb webcam").
MediaError.message - Web APIs
the read-only property mediaerror.message returns a
domstring which contains a human-readable string offering specific diagnostic details related to the error described by the mediaerror object, or an empty string ("") if no diagnostic information can be determined or provided.
... the read-only property mediaerror.message returns a
domstring which contains a human-readable string offering specific diagnostic details related to the error described by the mediaerror object, or an empty string ("") if no diagnostic information can be determined or provided.
MediaList.mediaText - Web APIs
the mediatext property of the medialist interface is a stringifier that returns a
domstring representing the medialist as text, and also allows you to set a new medialist.
... the mediatext property of the medialist interface is a stringifier that returns a
domstring representing the medialist as text, and also allows you to set a new medialist.
MediaQueryList.media - Web APIs
the media read-only property of the mediaquerylist interface is a
domstring representing a serialized media query.
... the media read-only property of the mediaquerylist interface is a
domstring representing a serialized media query.
MediaQueryListEvent.media - Web APIs
the media read-only property of the mediaquerylistevent interface is a
domstring representing a serialized media query.
... the media read-only property of the mediaquerylistevent interface is a
domstring representing a serialized media query.
MediaRecorderErrorEvent.error - Web APIs
the read-only error property in the mediarecordererrorevent interface is a
domexception object providing details about the exception that was thrown by a mediarecorder instance.
...a
domexception object providing details about the exception that was thrown by a mediarecorder instance.
MediaRecorderErrorEvent - Web APIs
the mediarecordererrorevent interface represents errors returned by the mediastream recording api.
... the mediarecordererrorevent interface represents errors returned by the mediastream recording api.
MediaStreamTrack.kind - Web APIs
the mediastreamtrack.kind read-only property returns a
domstring set to "audio" if the track is an audio track and to "video", if it is a video track.
... the mediastreamtrack.kind read-only property returns a
domstring set to "audio" if the track is an audio track and to "video", if it is a video track.
MediaTrackConstraints.cursor - Web APIs
the mediatrackconstraints dictionary's cursor property is a constrain
domstring describing the requested or mandatory constraints placed upon the value of the cursor constrainable property, which is used to specify whether or not the cursor should be included in the captured video.
...ther or not this constraint is supported by checking the value of mediatracksupportedconstraints.cursor as returned by a call to mediadevices.getsupportedconstraints().
MediaTrackConstraints.deviceId - Web APIs
the mediatrackconstraints dictionary's deviceid property is a constrain
domstring describing the requested or mandatory constraints placed upon the value of the deviceid constrainable property.
...edconstraints().
MediaTrackConstraints.displaySurface - Web APIs
the mediatrackconstraints dictionary's displaysurface property is a constrain
domstring describing the requested or mandatory constraints placed upon the value of the displaysurface constrainable property.
...int is supported by checking the value of mediatracksupportedconstraints.displaysurface as returned by a call to mediadevices.getsupportedconstraints().
MediaTrackConstraints.facingMode - Web APIs
the mediatrackconstraints dictionary's facingmode property is a constrain
domstring describing the requested or mandatory constraints placed upon the value of the facingmode constrainable property.
...nstraints().
MediaTrackConstraints.groupId - Web APIs
the mediatrackconstraints dictionary's groupid property is a constrain
domstring describing the requested or mandatory constraints placed upon the value of the groupid constrainable property.
...straint is supported by checking the value of mediatracksupportedconstraints.groupid as returned by a call to mediadevices.getsupportedconstraints().
MediaTrackSettings.deviceId - Web APIs
the mediatracksettings dictionary's deviceid property is a
domstring which uniquely identifies the source for the corresponding mediastreamtrack for the origin corresponding to the browsing session.
...ortedconstraints.deviceid as returned by a call to mediadevices.getsupportedconstraints().
MediaTrackSettings.facingMode - Web APIs
the mediatracksettings dictionary's facingmode property is a
domstring indicating the direction in which the camera producing the video track represented by the mediastreamtrack is currently facing.
...onstraints.facingmode as returned by a call to mediadevices.getsupportedconstraints().
MediaTrackSettings.groupId - Web APIs
the mediatracksettings dictionary's groupid property is a browsing-session unique
domstring which identifies the group of devices which includes the source for the mediastreamtrack.
...upportedconstraints.groupid as returned by a call to mediadevices.getsupportedconstraints().
MessageEvent.lastEventId - Web APIs
the lasteventid read-only property of the messageevent interface is a
domstring representing a unique id for the event.
... the lasteventid read-only property of the messageevent interface is a
domstring representing a unique id for the event.
MutationObserverInit.attributeFilter - Web APIs
ributes whose values are to be monitored for changes.
...oth attributefilter and subtree, so that we monitor the attribute values for all of the nodes contained within the subtree rooted at the node with the id "userlist".
MutationObserverInit.characterDataOldValue - Web APIs
the mutationobserverinit dictionary's optional characterdataoldvalue property is used to specify whether or not the mutationrecord.oldvalue property for
dom mutations should be set to the previous value of text nodes which changed.
...specified as the target parameter when you called observe() are monitored.
MutationRecord - Web APIs
a mutationrecord represents an individual
dom mutation.
... for characterdata, it is the data of the changed node before the change.
NDEFWriter.write() - Web APIs
the write() method of ndefwriter interface writes a specified message to a compatiable nfc tag.
...olean specifying whether or not existing record should be overwritten, if such exists.
NavigatorLanguage - Web APIs
navigatorlanguage contains methods and properties related to the language of the navigator.
...er interfaces, like navigator or workernavigator, implement it.
Node.baseURI - Web APIs
resolve relative urls when the browser needs to obtain an absolute url, for example when processing the html <img> element's src attribute or xml xlink:href attribute.
... the document the node is in.
Node.compareDocumentPosition() - Web APIs
ment.body; if (head.comparedocumentposition(body) & node.document_position_following) { console.log('well-formed document'); } else { console.error('<head> is not before <body>'); } note: because the result returned by comparedocumentposition() is a bitmask, the bitwise and operator must be used for meaningful results.
...se { console.error('<head> is not before <body>'); } note: because the result returned by comparedocumentposition() is a bitmask, the bitwise and operator must be used for meaningful results.
Node.getUserData() - Web APIs
the node.getuserdata() method returns any user
domuserdata set previously on the given node by node.setuserdata().
...e.getuserdata(userkey); parameters userkey is the key to choose the specific data sought for the given node.
Node.isSameNode() - Web APIs
= document.getelementsbytagname("div"); output.innerhtml += "div 0 same as div 0: " + divlist[0].issamenode(divlist[0]) + "<br/>"; output.innerhtml += "div 0 same as div 1: " + divlist[0].issamenode(divlist[1]) + "<br/>"; output.innerhtml += "div 0 same as div 2: " + divlist[0].issamenode(divlist[2]) + "<br/>"; results specifications specification status comment
domthe definition of 'node: issamenode' in that specification.
... div 1: " + divlist[0].issamenode(divlist[1]) + "<br/>"; output.innerhtml += "div 0 same as div 2: " + divlist[0].issamenode(divlist[2]) + "<br/>"; results specifications specification status comment
domthe definition of 'node: issamenode' in that specification.
Node.lookupNamespaceURI() - Web APIs
the node.lookupnamespaceuri() method accepts a prefix and returns the namespace uri associated with it on the given node if found (and null if not).
... if found (and null if not).
Node.parentNode - Web APIs
the node.parentnode read-only property returns the parent of the specified node in the
dom tree.
...entnode) { // remove a node from the tree, unless // it's not in the tree already node.parentnode.removechild(node); } notes document and documentfragment nodes can never have a parent, so parentnode will always return null.
Node.replaceChild() - Web APIs
the node.replacechild() method replaces a child node within the given (parent) node.
... // build a reference to the existing node to be replaced var sp2 = document.getelementbyid("childspan"); var parentdiv = sp2.parentnode; // replace existing node sp2 with the new span element sp1 parentdiv.replacechild(sp1, sp2); // result: // <div> // <span id="newspan">new replacement span element.</span> // </div> specifications specification status comment
domthe definition of 'node: replacechild' in that specification.
Node.rootNode - Web APIs
d return a reference to the html/document node: console.log(document.body.rootnode); notes gecko-based browsers insert text nodes into a document to represent whitespace in the source markup.
...eference to the html/document node: console.log(document.body.rootnode); notes gecko-based browsers insert text nodes into a document to represent whitespace in the source markup.
Node.setUserData() - Web APIs
the node.setuserdata() method allows a user to attach (or remove) data to an element, without needing to modify the
dom.
...(o+'::'+k+'::'+d+'::'+s+'::'+ds)}}); // 2::key::15::[object element]::[object element] console.log(d.documentelement.getuserdata('key')); // 15 var e = document.importnode(d.documentelement, true); // causes handler to be called console.log(e.getuserdata('key')); // null since user data is not copied specifications specification status comment document object model (
dom) level 3 core specificationthe definition of 'node.setuserdata()' in that specification.
NodeFilter - Web APIs
ly accept nodes that have content // other than whitespace if ( !
... return nodefilter.filter_accept } } }, false ); // show the content of every non-empty text node that is a child of root let node; while ((node = nodeiterator.nextnode())) { alert(node.data) } specifications specification status comment
domthe definition of 'nodefilter' in that specification.
NodeIterator.detach() - Web APIs
deiterator.detach(); example var nodeiterator = document.createnodeiterator( document.body, nodefilter.show_element, { acceptnode: function(node) { return nodefilter.filter_accept; } }, false ); nodeiterator.detach(); // detaches the iterator nodeiterator.nextnode(); // throws an invalid_state_err exception specifications specification status comment
domthe definition of 'nodeiterator.detach' in that specification.
...e: function(node) { return nodefilter.filter_accept; } }, false ); nodeiterator.detach(); // detaches the iterator nodeiterator.nextnode(); // throws an invalid_state_err exception specifications specification status comment
domthe definition of 'nodeiterator.detach' in that specification.
NonDocumentTypeChildNode.nextElementSibling - Web APIs
lementsibling" in document.documentelement)){ object.defineproperty(element.prototype, "nextelementsibling", { get: function(){ var e = this.nextsibling; while(e && 1 !== e.nodetype) e = e.nextsibling; return e; } }); } polyfill for internet explorer 9+ and safari // source: https://github.com/jserz/js_piece/blob/master/
dom/nondocumenttypechildnode/nextelementsibling/nextelementsibling.md (function (arr) { arr.foreach(function (item) { if (item.hasownproperty('nextelementsibling')) { return; } object.defineproperty(item, 'nextelementsibling', { configurable: true, enumerable: true, get: function () { var el = this; while (el = el.nextsibling) { if (el.n...
... configurable: true, enumerable: true, get: function () { var el = this; while (el = el.nextsibling) { if (el.nodetype === 1) { return el; } } return null; }, set: undefined }); }); })([element.prototype, characterdata.prototype]); specifications specification status comment
domthe definition of 'childnodenextelementsibling' in that specification.
NonDocumentTypeChildNode.previousElementSibling - Web APIs
lements.js if(!("previouselementsibling" in document.documentelement)){ object.defineproperty(element.prototype, "previouselementsibling", { get: function(){ var e = this.previoussibling; while(e && 1 !== e.nodetype) e = e.previoussibling; return e; } }); } polyfill for internet explorer 9+ and safari // source: https://github.com/jserz/js_piece/blob/master/
dom/nondocumenttypechildnode/previouselementsibling/previouselementsibling.md (function (arr) { arr.foreach(function (item) { if (item.hasownproperty('previouselementsibling')) { return; } object.defineproperty(item, 'previouselementsibling', { configurable: true, enumerable: true, get: function () { let el = this; while (el = el.previoussibling) ...
... configurable: true, enumerable: true, get: function () { let el = this; while (el = el.previoussibling) { if (el.nodetype === 1) { return el; } } return null; }, set: undefined }); }); })([element.prototype, characterdata.prototype]); specifications specification status comment
domthe definition of 'nondocumenttypechildnode.previouselementsibling' in that specification.
Notification.timestamp - Web APIs
note: this feature is available in web workers.
...time, in milliseconds since 00:00:00 utc on 1 january 1970, of the event for which the notification was created, or it can be an arbitrary timestamp that you want associated with the notification.
ParentNode.children - Web APIs
the parentnode property children is a read-only property that returns a live htmlcollection which contains all of the child elements of the node upon which it was called.
...tor.prototype, 'children', { get: function() { let i = 0, node, nodes = this.childnodes, children = []; while (node = nodes[i++]) { if (node.nodetype === 1) { children.push(node); } } return children; } }); } })(window.node || window.element); specification specification status comment
domthe definition of 'parentnode.children' in that specification.
Path2D.addPath() - Web APIs
the path2d.addpath() method of the canvas 2d api adds one path2d object to another path2d object.
... the path2d.addpath() method of the canvas 2d api adds one path2d object to another path2d object.
PayerErrors - Web APIs
ctionary is used by the payment request api to indicate the presence of—and to explain how to correct—validation errors in the payer details.
...or.
PaymentAddress.regionCode - Web APIs
the regioncode read-only attribute of the paymentaddress interface returns a one-, two-, or three-alphanumeric code (
domstring) representing the region of the address (e.g., "ca" for california, or "11" for lisbon, portugal).
...bon, portugal).
PaymentDetailsUpdate.error - Web APIs
the paymentdetailsupdate dictionary's error property is a human-readable
domstring which provides an error message to be displayed if the specified information doesn't offer any valid shipping options.
... the paymentdetailsupdate dictionary's error property is a human-readable
domstring which provides an error message to be displayed if the specified information doesn't offer any valid shipping options.
PaymentMethodChangeEvent - Web APIs
the paymentmethodchangeevent() constructor creates a new paymentmethodchangeevent object providing details about a paymentmethodchange event.
...ntmethodchangeevent = new paymentmethodchangeevent(type, options); parameters type a
domstring which must contain the string paymentmethodchange, the name of the only type of event which uses the paymentmethodchangeevent interface.
PaymentRequest.abort() - Web APIs
g internetabort()chrome full support 61edge full support 15firefox full support 55notes disabled full support 55notes disabled notes available only in nightly builds.disabled from version 55: this feature is behind the
dom.payments.request.enabled preference (needs to be set to true).
...android no support nochrome android full support 53firefox android full support 55notes disabled full support 55notes disabled notes available only in nightly builds.disabled from version 55: this feature is behind the
dom.payments.request.enabled preference (needs to be set to true).
PaymentRequest.onshippingaddresschange - Web APIs
pingaddresschangechrome full support 61edge full support 15firefox full support 55notes disabled full support 55notes disabled notes available only in nightly builds.disabled from version 55: this feature is behind the
dom.payments.request.enabled preference (needs to be set to true).
...android no support nochrome android full support 53firefox android full support 55notes disabled full support 55notes disabled notes available only in nightly builds.disabled from version 55: this feature is behind the
dom.payments.request.enabled preference (needs to be set to true).
PaymentRequest.onshippingoptionchange - Web APIs
ppingoptionchangechrome full support 61edge full support 15firefox full support 55notes disabled full support 55notes disabled notes available only in nightly builds.disabled from version 55: this feature is behind the
dom.payments.request.enabled preference (needs to be set to true).
...android no support nochrome android full support 53firefox android full support 55notes disabled full support 55notes disabled notes available only in nightly builds.disabled from version 55: this feature is behind the
dom.payments.request.enabled preference (needs to be set to true).
PaymentRequest.shippingOption - Web APIs
netshippingoptionchrome full support 61edge full support 15firefox full support 55notes disabled full support 55notes disabled notes available only in nightly builds.disabled from version 55: this feature is behind the
dom.payments.request.enabled preference (needs to be set to true).
...android no support nochrome android full support 53firefox android full support 55notes disabled full support 55notes disabled notes available only in nightly builds.disabled from version 55: this feature is behind the
dom.payments.request.enabled preference (needs to be set to true).
PaymentRequest.shippingType - Web APIs
ernetshippingtypechrome full support 61edge full support 15firefox full support 55notes disabled full support 55notes disabled notes available only in nightly builds.disabled from version 55: this feature is behind the
dom.payments.request.enabled preference (needs to be set to true).
...android no support nochrome android full support 55firefox android full support 55notes disabled full support 55notes disabled notes available only in nightly builds.disabled from version 55: this feature is behind the
dom.payments.request.enabled preference (needs to be set to true).
PaymentResponse.details - Web APIs
g internetdetailschrome full support 61edge full support 15firefox full support 56notes disabled full support 56notes disabled notes available only in nightly builds.disabled from version 56: this feature is behind the
dom.payments.request.enabled preference (needs to be set to true).
...ve): this feature is behind the #web-payments preference (needs to be set to enabled).
PaymentResponse.payerEmail - Web APIs
nternetpayeremailchrome full support 61edge full support 15firefox full support 56notes disabled full support 56notes disabled notes available only in nightly builds.disabled from version 56: this feature is behind the
dom.payments.request.enabled preference (needs to be set to true).
...ve): this feature is behind the #web-payments preference (needs to be set to enabled).
PaymentRequest.payerName - Web APIs
internetpayernamechrome full support 61edge full support 15firefox full support 56notes disabled full support 56notes disabled notes available only in nightly builds.disabled from version 56: this feature is behind the
dom.payments.request.enabled preference (needs to be set to true).
...android no support nochrome android full support 58firefox android full support 56notes disabled full support 56notes disabled notes available only in nightly builds.disabled from version 56: this feature is behind the
dom.payments.request.enabled preference (needs to be set to true).
PaymentResponse.shippingAddress - Web APIs
etshippingaddresschrome full support 61edge full support 15firefox full support 56notes disabled full support 56notes disabled notes available only in nightly builds.disabled from version 56: this feature is behind the
dom.payments.request.enabled preference (needs to be set to true).
...ve): this feature is behind the #web-payments preference (needs to be set to enabled).
PaymentResponse.shippingOption - Web APIs
netshippingoptionchrome full support 61edge full support 15firefox full support 56notes disabled full support 56notes disabled notes available only in nightly builds.disabled from version 56: this feature is behind the
dom.payments.request.enabled preference (needs to be set to true).
...ve): this feature is behind the #web-payments preference (needs to be set to enabled).
PerformanceMark - Web APIs
performancemark is an abstract interface for performanceentry objects with an entrytype of "mark".
...fill: #0095dd; pointer-events: all;} properties this interface has no properties but it extends the following performanceentry properties by qualifying/constraining the properties as follows: performanceentry.entrytype returns "mark".
PerformanceMeasure - Web APIs
performancemeasure is an abstract interface for performanceentry objects with an entrytype of "measure".
... performanceentry properties by qualifying/constrainting the properties as follows: performanceentry.entrytype returns "measure".
PerformanceResourceTiming.connectEnd - Web APIs
roperty returns the timestamp immediately after the browser finishes establishing the connection to the server to retrieve the resource.
...print_performanceentries() { // use getentriesbytype() to just get the "resource" events var p = performance.getentriesbytype("resource"); for (var i=0; i < p.length; i++) { print_start_and_end_properties(p[i]); } } function print_start_and_end_properties(perfentry) { // print timestamps of the *start and *end properties properties = ["connectstart", "connectend", "
domainlookupstart", "
domainlookupend", "fetchstart", "redirectstart", "redirectend", "requeststart", "responsestart", "responseend", "secureconnectionstart"]; for (var i=0; i < properties.length; i++) { // check each property var supported = properties[i] in perfentry; if (supported) { var value = per...
PerformanceResourceTiming.connectStart - Web APIs
the connectstart read-only property returns the timestamp immediately before the user agent starts establishing the connection to the server to retrieve the resource.
...entries() { // use getentriesbytype() to just get the "resource" events var p = performance.getentriesbytype("resource"); for (var i=0; i < p.length; i++) { print_start_and_end_properties(p[i]); } } function print_start_and_end_properties(perfentry) { // print timestamps of the performanceentry *start and *end properties properties = ["connectstart", "connectend", "
domainlookupstart", "
domainlookupend", "fetchstart", "redirectstart", "redirectend", "requeststart", "responsestart", "responseend", "secureconnectionstart"]; for (var i=0; i < properties.length; i++) { // check each property var supported = properties[i] in perfentry; if (supported) { var value = per...
PerformanceResourceTiming.fetchStart - Web APIs
the fetchstart read-only property represents a timestamp immediately before the browser starts to fetch the resource.
...entries() { // use getentriesbytype() to just get the "resource" events var p = performance.getentriesbytype("resource"); for (var i=0; i < p.length; i++) { print_start_and_end_properties(p[i]); } } function print_start_and_end_properties(perfentry) { // print timestamps of the performanceentry *start and *end properties properties = ["connectstart", "connectend", "
domainlookupstart", "
domainlookupend", "fetchstart", "redirectstart", "redirectend", "requeststart", "responsestart", "responseend", "secureconnectionstart"]; for (var i=0; i < properties.length; i++) { // check each property var supported = properties[i] in perfentry; if (supported) { var value = per...
PerformanceResourceTiming.requestStart - Web APIs
timestamp of the time immediately before the browser starts requesting the resource from the server, cache, or local resource.
...entries() { // use getentriesbytype() to just get the "resource" events var p = performance.getentriesbytype("resource"); for (var i=0; i < p.length; i++) { print_start_and_end_properties(p[i]); } } function print_start_and_end_properties(perfentry) { // print timestamps of the performanceentry *start and *end properties properties = ["connectstart", "connectend", "
domainlookupstart", "
domainlookupend", "fetchstart", "redirectstart", "redirectend", "requeststart", "responsestart", "responseend", "secureconnectionstart"]; for (var i=0; i < properties.length; i++) { // check each property var supported = properties[i] in perfentry; if (supported) { var value = per...
PerformanceResourceTiming.responseEnd - Web APIs
the responseend read-only property returns a timestamp immediately after the browser receives the last byte of the resource or immediately before the transport connection is closed, whichever comes first.
...entries() { // use getentriesbytype() to just get the "resource" events var p = performance.getentriesbytype("resource"); for (var i=0; i < p.length; i++) { print_start_and_end_properties(p[i]); } } function print_start_and_end_properties(perfentry) { // print timestamps of the performanceentry *start and *end properties properties = ["connectstart", "connectend", "
domainlookupstart", "
domainlookupend", "fetchstart", "redirectstart", "redirectend", "requeststart", "responsestart", "responseend", "secureconnectionstart"]; for (var i=0; i < properties.length; i++) { // check each property var supported = properties[i] in perfentry; if (supported) { var value = per...
PerformanceResourceTiming.responseStart - Web APIs
the responsestart read-only property returns a timestamp immediately after the browser receives the first byte of the response from the server, cache, or local resource.
...entries() { // use getentriesbytype() to just get the "resource" events var p = performance.getentriesbytype("resource"); for (var i=0; i < p.length; i++) { print_start_and_end_properties(p[i]); } } function print_start_and_end_properties(perfentry) { // print timestamps of the performanceentry *start and *end properties properties = ["connectstart", "connectend", "
domainlookupstart", "
domainlookupend", "fetchstart", "redirectstart", "redirectend", "requeststart", "responsestart", "responseend", "secureconnectionstart"]; for (var i=0; i < properties.length; i++) { // check each property var supported = properties[i] in perfentry; if (supported) { var value = per...
PerformanceResourceTiming.secureConnectionStart - Web APIs
the secureconnectionstart read-only property returns a timestamp immediately before the browser starts the handshake process to secure the current connection.
...entries() { // use getentriesbytype() to just get the "resource" events var p = performance.getentriesbytype("resource"); for (var i=0; i < p.length; i++) { print_start_and_end_properties(p[i]); } } function print_start_and_end_properties(perfentry) { // print timestamps of the performanceentry *start and *end properties properties = ["connectstart", "connectend", "
domainlookupstart", "
domainlookupend", "fetchstart", "redirectstart", "redirectend", "requeststart", "responsestart", "responseend", "secureconnectionstart"]; for (var i=0; i < properties.length; i++) { // check each property var supported = properties[i] in perfentry; if (supported) { var value = per...
PerformanceServerTiming.toJSON - Web APIs
the tojson() method of the performanceservertiming interface returns a
domstring that is the json representation of the performanceservertiming object.
... the tojson() method of the performanceservertiming interface returns a
domstring that is the json representation of the performanceservertiming object.
Permissions - Web APIs
port 5.0revoke experimentalnon-standardchrome full support 46edge full support 79firefox full support 51disabled full support 51disabled disabled from version 51: this feature is behind the
dom.permissions.revoke.enable preference (needs to be set to true).
...o support nowebview android full support 46chrome android full support 46firefox android full support 51disabled full support 51disabled disabled from version 51: this feature is behind the
dom.permissions.revoke.enable preference (needs to be set to true).
PointerEvent.PointerEvent() - Web APIs
the pointerevent() constructor creates a new synthetic and untrusted pointerevent object instance.
... tiltx — optional and defaulting to 0, of type long, that sets the value of the instance's pointerevent.tiltx.
PublicKeyCredential.id - Web APIs
the id read-only property of the publickeycredential interface is a
domstring, inherited from credential, which represents the identifier of the current publickeycredential instance.
...rty of the publickeycredential interface is a
domstring, inherited from credential, which represents the identifier of the current publickeycredential instance.
PublicKeyCredentialCreationOptions.user - Web APIs
the user property of the publickeycredentialcreationoptions dictionary is an object describing the user account for which the credentials are generated (via navigator.credentials.create()).
... url as a usvstring value which points to an image resource which can be the avatar image for the user.
PublicKeyCredentialRequestOptions - Web APIs
meout optional a numerical hint, in milliseconds, which indicates the time the caller is willing to wait for the retrieval operation to complete.
....extensions optional an object with several client extensions' inputs.
PushManager.permissionState() - Web APIs
the permissionstate() method of the pushmanager interface returns a promise that resolves to a
domstring indicating the permission state of the push manager.
...bscription will only be used for messages whose effect is made visible to the user.
PushSubscription.expirationTime - Web APIs
the expirationtime read-only property of the pushsubscription interface returns a
domhighrestimestamp of the subscription expiration time associated with the push subscription, if there is one, or null otherwise.
... the expirationtime read-only property of the pushsubscription interface returns a
domhighrestimestamp of the subscription expiration time associated with the push subscription, if there is one, or null otherwise.
PushSubscription - Web APIs
the pushsubscription interface of the push api provides a subcription's url endpoint and allows unsubscription from a push service.
...g containing the endpoint associated with the push subscription.
RTCDTMFToneChangeEvent - Web APIs
the rtcdtmftonechangeevent interface represents events sent to indicate that dtmf tones have started or finished playing.
...tonechange event.
RTCDataChannel.binaryType - Web APIs
the property binarytype on the rtcdatachannel interface is a
domstring which specifies the type of javascript object which should be used to represent binary data received on the rtcdatachannel.
...y are also permitted here: "blob" if blob objects are being used or "arraybuffer" if arraybuffer objects are being used.
RTCErrorEvent.error - Web APIs
the read-only rtcerrorevent property error contains an rtcerror object describing the details of the error which the event is announcing.
...ject describing the details of the error which the event is announcing.
RTCIceCandidate.candidate - Web APIs
the read-only property candidate on the rtcicecandidate interface returns a
domstring describing the candidate in detail.
...andidate on the rtcicecandidate interface returns a
domstring describing the candidate in detail.
RTCIceCandidate.sdpMid - Web APIs
the read-only property sdpmid on the rtcicecandidate interface returns a
domstring specifying the media stream identification tag of the media component with which the candidate is associated.
...e candidate is associated.
RTCIceCandidateInit - Web APIs
sdpmid optional the identification tag of the media stream with which the candidate is associated, or null if there is no associated media stream.
...l the zero-based index of the m-line within the sdp of the media description with which the candidate is associated, or null if no such associated exists.
RTCIceServer.url - Web APIs
should instead use the newer urls property, which allows you to optionally specify multiple urls for the server.
...tring containing the full url of a server to use during ice negotiation.
RTCRemoteOutboundRtpStreamStats - Web APIs
tics model's rtcremoteoutboundrtpstreamstats dictionary extends the underlying rtcsentrtpstreamstats dictionary with properties measuring metrics specific to outgoing rtp streams.
...pecific to outgoing rtp streams.
RTCRtpCodecCapability - Web APIs
optional an unsigned integer value indicating the maximum number of channels supported by the codec; for example, a codec that supports only mono sound would have a value of 1; stereo codecs would have a 2, etc.
...stereo codecs would have a 2, etc.
RTCSessionDescription.sdp - Web APIs
the property rtcsessiondescription.sdp is a read-only
domstring containing the sdp which describes the session.
... the property rtcsessiondescription.sdp is a read-only
domstring containing the sdp which describes the session.
RTCStats.timestamp - Web APIs
the timestamp property of the rtcstats dictionary is a
domhighrestimestamp object specifying the time at which the data in the object was sampled.
...p object specifying the time at which the data in the object was sampled.
Range.commonAncestorContainer - Web APIs
i++) { const range = selection.getrangeat(i); playanimation(range.commonancestorcontainer); } } }); function playanimation(el) { if (el.nodetype === node.text_node) { el = el.parentnode; } el.classlist.remove('highlight'); settimeout(() => { el.classlist.add('highlight'); }, 0); } result specifications specification status comment
domthe definition of 'range.commonancestorcontainer' in that specification.
...(el) { if (el.nodetype === node.text_node) { el = el.parentnode; } el.classlist.remove('highlight'); settimeout(() => { el.classlist.add('highlight'); }, 0); } result specifications specification status comment
domthe definition of 'range.commonancestorcontainer' in that specification.
Range.endContainer - Web APIs
urns the node within which the range ends.
...syntax endrangenode = range.endcontainer; example var range = document.createrange(); range.setstart(startnode,startoffset); range.setend(endnode,endoffset); endrangenode = range.endcontainer; specifications specification status comment
domthe definition of 'range.endcontainer' in that specification.
Range.insertNode() - Web APIs
de(newnode); parameters newnode the node to insert at the start of the range.
...wnode = document.createelement("p"); newnode.appendchild(document.createtextnode("new node inserted here")); range.selectnode(document.getelementsbytagname("div").item(0)); range.insertnode(newnode); specifications specification status comment
domthe definition of 'range.insertnode()' in that specification.
Range.selectNode() - Web APIs
and end of the range will be the same as the parent of the referencenode.
... referencenode the node to select within a range.
Range.selectNodeContents() - Web APIs
selection = window.getselection(); selection.removeallranges(); // select paragraph const range = document.createrange(); range.selectnodecontents(p); selection.addrange(range); }); deselectbutton.addeventlistener('click', e => { const selection = window.getselection(); selection.removeallranges(); }); result specifications specification status comment
domthe definition of 'range.selectnodecontents()' in that specification.
...electnodecontents(p); selection.addrange(range); }); deselectbutton.addeventlistener('click', e => { const selection = window.getselection(); selection.removeallranges(); }); result specifications specification status comment
domthe definition of 'range.selectnodecontents()' in that specification.
Range.setEndAfter() - Web APIs
t node of end of the range will be the same as that for the referencenode.
... referencenode the node to end the range after.
Range.setStart() - Web APIs
"log"></p> javascript const element = document.getelementbyid('content'); const textnode = element.childnodes[0]; const range = document.createrange(); range.setstart(textnode, 0); // start at first character range.setend(textnode, 5); // end at fifth character document.getelementbyid('log').textcontent = range; result specifications specification status comment
domthe definition of 'range.setstart()' in that specification.
...= document.createrange(); range.setstart(textnode, 0); // start at first character range.setend(textnode, 5); // end at fifth character document.getelementbyid('log').textcontent = range; result specifications specification status comment
domthe definition of 'range.setstart()' in that specification.
Range.startContainer - Web APIs
turns the node within which the range starts.
...ntax startrangenode = range.startcontainer; example range = document.createrange(); range.setstart(startnode,startoffset); range.setend(endnode,endoffset); startrangenode = range.startcontainer; specifications specification status comment
domthe definition of 'range.endcontainer' in that specification.
Range.startOffset - Web APIs
tartcontainer and the boundary point of the range.
... startrangeoffset = range.startoffset; example var range = document.createrange(); range.setstart(startnode,startoffset); range.setend(endnode,endoffset); var startrangeoffset = range.startoffset; specifications specification status comment
domthe definition of 'range.startoffset' in that specification.
Range.surroundContents() - Web APIs
ewparent a node with which to surround the contents.
...pt const range = document.createrange(); const newparent = document.createelement('h1'); range.selectnode(document.queryselector('.header-text')); range.surroundcontents(newparent); result specifications specification status comment
domthe definition of 'range.surroundcontents()' in that specification.
Range.toString() - Web APIs
the bold <b>words</b>.
...setstartbefore(document.getelementsbytagname('b').item(0), 0); range.setendafter(document.getelementsbytagname('b').item(1), 0); document.getelementbyid('log').textcontent = range.tostring(); result specifications specification status comment
domthe definition of 'range.tostring()' in that specification.
ReadableStream.getReader() - Web APIs
the getreader() method of the readablestream interface creates a reader and locks the stream to it.
...byobreader object instance, depending on the mode value.
Request.credentials - Web APIs
the credentials read-only property of the request interface indicates whether the user agent should send cookies from the other
domain in the case of cross-origin requests.
... the credentials read-only property of the request interface indicates whether the user agent should send cookies from the other
domain in the case of cross-origin requests.
ResizeObserverEntry.contentRect - Web APIs
the contentrect read-only property of the resizeobserverentry interface returns a
domrectreadonly object containing the new size of the observed element when the callback is run.
...bserved element when the callback is run.
RsaHashedImportParams - Web APIs
the rsahashedimportparams dictionary of the web crypto api represents the object that should be passed as the algorithm parameter into subtlecrypto.importkey() or subtlecrypto.unwrapkey(), when importing any rsa-based key pair: that is, when the algorithm is identified as any of rsassa-pkcs1-v1_5, rsa-pss, or rsa-oaep.
... object that should be passed as the algorithm parameter into subtlecrypto.importkey() or subtlecrypto.unwrapkey(), when importing any rsa-based key pair: that is, when the algorithm is identified as any of rsassa-pkcs1-v1_5, rsa-pss, or rsa-oaep.
RsaHashedKeyGenParams - Web APIs
the rsahashedkeygenparams dictionary of the web crypto api represents the object that should be passed as the algorithm parameter into subtlecrypto.generatekey(), when generating any rsa-based key pair: that is, when the algorithm is identified as any of rsassa-pkcs1-v1_5, rsa-pss, or rsa-oaep.
... on the algorithm you want to use.
RsaPssParams - Web APIs
the rsapssparams dictionary of the web crypto api represents the object that should be passed as the algorithm parameter into subtlecrypto.sign() or subtlecrypto.verify(), when using the rsa-pss algorithm.
... the rsapssparams dictionary of the web crypto api represents the object that should be passed as the algorithm parameter into subtlecrypto.sign() or subtlecrypto.verify(), when using the rsa-pss algorithm.
SVGColorProfileElement - Web APIs
the svgcolorprofileelement interface corresponds to the <color-profile> element.
... the svgcolorprofileelement interface corresponds to the <color-profile> element.
SVGElement: load event - Web APIs
the load event fires on an svgelement when it is loaded in the browser, e.g.
... the load event fires on an svgelement when it is loaded in the browser, e.g.
SVGEvent - Web APIs
the svgevent interface represents the event object for most svg-related events.
... the svgevent interface represents the event object for most svg-related events.
SVGGeometryElement.getPointAtLength() - Web APIs
the svggeometryelement.getpointatlength() method returns the point at a given distance along the path.
...element.getpointatlength() method returns the point at a given distance along the path.
SVGGlyphRefElement - Web APIs
" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgglyphrefelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties this interface also inherits properties from its parent, svgelement and implements properties from svgurireference and svgstylable.
...seline="middle">svgglyphrefelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties this interface also inherits properties from its parent, svgelement and implements properties from svgurireference and svgstylable.
SVGImageElement - Web APIs
stroke-width="2px" /><text x="186" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgimageelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties this interface also inherits properties from its parent, svggraphicselement.
...d4e53" text-anchor="middle" alignment-baseline="middle">svgimageelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties this interface also inherits properties from its parent, svggraphicselement.
SVGPathSeg - Web APIs
svg path segment interface this is a base interface that corresponds to a single command within a path data specification.
...o" (t) path data command.
SVGStylable - Web APIs
svg stylable interface the svgstylable interface is implemented on all objects corresponding to svg elements that can have style, class and presentation attributes specified on them.
...rmative document svg 1.1 (2nd edition) properties name type description classname svganimatedstring corresponds to attribute class on the given element.
SVGViewElement - Web APIs
the svgviewelement interface provides access to the properties of <view> elements, as well as methods to manipulate them.
...ovides access to the properties of <view> elements, as well as methods to manipulate them.
Screen - Web APIs
event type on the eventtarget.
...moves an event listener from the eventtarget.
Using the Screen Capture API - Web APIs
ng of audio, be sure to check the browser compatibility in mediadevices.getdisplaymedia() to see if the browsers you wish compaibility with have support for audio in captured screen streams.
...h we will look at in a moment—dumps information about the stream to the log box for educational purposes.
SecurityPolicyViolationEvent.effectiveDirective - Web APIs
the effectivedirective read-only property of the securitypolicyviolationevent interface is a
domstring representing the directive whose enforcement uncovered the violation.
... the effectivedirective read-only property of the securitypolicyviolationevent interface is a
domstring representing the directive whose enforcement uncovered the violation.
SecurityPolicyViolationEvent.originalPolicy - Web APIs
the originalpolicy read-only property of the securitypolicyviolationevent interface is a
domstring containing the policy whose enforcement uncovered the violation.
... the originalpolicy read-only property of the securitypolicyviolationevent interface is a
domstring containing the policy whose enforcement uncovered the violation.
SecurityPolicyViolationEvent.sample - Web APIs
the sample read-only property of the securitypolicyviolationevent interface is a
domstring representing a sample of the resource that caused the violation.
... the sample read-only property of the securitypolicyviolationevent interface is a
domstring representing a sample of the resource that caused the violation.
SecurityPolicyViolationEvent.violatedDirective - Web APIs
the violateddirective read-only property of the securitypolicyviolationevent interface is a
domstring representing the directive whose enforcement uncovered the violation.
... the violateddirective read-only property of the securitypolicyviolationevent interface is a
domstring representing the directive whose enforcement uncovered the violation.
Selection.type - Web APIs
the type read-only property of the selection interface returns a
domstring describing the type of the current selection.
... the type read-only property of the selection interface returns a
domstring describing the type of the current selection.
SensorErrorEvent.SensorErrorEvent() - Web APIs
the sensorerrorevent constructor creates a new sensorerrorevent object which provides information about errors thrown by any of the interfaces based on sensor.
... the sensorerrorevent constructor creates a new sensorerrorevent object which provides information about errors thrown by any of the interfaces based on sensor.
ShadowRoot.mode - Web APIs
adow root’s implementation internals are inaccessible and unchangeable from javascript—in the same way the implementation internals of, for example, the <video> element are inaccessible and unchangeable from javascript.
......
SpeechGrammarList.addFromString() - Web APIs
the addfromstring() method of the speechgrammarlist interface takes a grammar present in a specific
domstring within the code base (e.g.
... the addfromstring() method of the speechgrammarlist interface takes a grammar present in a specific
domstring within the code base (e.g.
StaticRange.endContainer - Web APIs
the endcontainer property of the staticrange interface returns the end node for the range.
... the endcontainer property of the staticrange interface returns the end node for the range.
StaticRange.startContainer - Web APIs
the read-only startcontainer property of the staticrange interface returns the start node for the range.
... the read-only startcontainer property of the staticrange interface returns the start node for the range.
Storage.getItem() - Web APIs
the getitem() method of the storage interface, when passed a key name, will return that key's value, or null if the key does not exist, in the given storage object.
... the getitem() method of the storage interface, when passed a key name, will return that key's value, or null if the key does not exist, in the given storage object.
Storage.removeItem() - Web APIs
the removeitem() method of the storage interface, when passed a key name, will remove that key from the given storage object if it exists.
... the removeitem() method of the storage interface, when passed a key name, will remove that key from the given storage object if it exists.
Storage.setItem() - Web APIs
the setitem() method of the storage interface, when passed a key name and value, will add that key to the given storage object, or update that key's value if it already exists.
... the setitem() method of the storage interface, when passed a key name and value, will add that key to the given storage object, or update that key's value if it already exists.
Storage - Web APIs
the storage interface of the web storage api provides access to a particular
domain's session or local storage.
... the storage interface of the web storage api provides access to a particular
domain's session or local storage.
SubtleCrypto - Web APIs
subtle property of the crypto object you get from window.crypto.
...o newly generated keys, for asymmetrical algorithms.
Text() - Web APIs
the text() constructor returns a newly created text object with the optional
domstring given in parameter as its textual content.
... the text() constructor returns a newly created text object with the optional
domstring given in parameter as its textual content.
Text.replaceWholeText() - Web APIs
the text.replacewholetext() method replaces the text of the node and all of its logically adjacent text nodes with the specified text.
...ent node unless the current node is read only, in which case the returned node is a newly created text node of the same type which has been inserted at the location of the replacement.
TextDecoder - Web APIs
232, 226, 229, 242, 44, 32, 236, 232, 240, 33]); console.log(win1251decoder.decode(bytes)); // Привет, мир!
...e of the decoder, that is a string describing the method the textdecoder will use.
TextTrack.mode - Web APIs
abled, hidden, or showing.
..."showing"; value a
domstring which indicates the track's current mode.
TrackEvent - Web APIs
the trackevent interface, which is part of the html
dom specification, is used for events which represent changes to a set of available tracks on an html media element; these events are addtrack and removetrack.
... events affecting text tracks are sent to the texttracklist object indicated by htmlmediaelement.texttracks.
TransitionEvent - Web APIs
the transitionevent interface represents events providing information related to transitions.
...om its parent event.
TreeWalker - Web APIs
e defined at the object construction, returns null and the current node is not changed.
...ode in the document order, and returns the found node.
UIEvent() - Web APIs
the uievent() constructor creates a new uievent.
... the inputdevicecapabilities interface which provides information about the physical device responsible for generating a touch event.
UIEvent.detail - Web APIs
y, when non-zero, provides the current (or next, depending on the event) click count.
...urrent click count.
URL.createObjectURL() - Web APIs
the url.createobjecturl() static method creates a
domstring containing a url representing the object given in the parameter.
...cified file object or blob object.
URL API - Web APIs
the url api is a component of the url standard, which defines what constitutes a valid uniform resource locator and the api that accesses and manipulates urls.
...way the legacy application/x-www-form-urlencoded mime type used to submit web forms' contents as a set of key/value pairs.
WEBGL_compressed_texture_astc.getSupportedProfiles() - Web APIs
the webgl_compressed_texture_astc.getsupportedprofiles() method returns an array of strings containing the names of the astc profiles supported by the implementation.
... the webgl_compressed_texture_astc.getsupportedprofiles() method returns an array of strings containing the names of the astc profiles supported by the implementation.
WebGL2RenderingContext.getActiveUniformBlockName() - Web APIs
the webgl2renderingcontext.getactiveuniformblockname() method of the webgl 2 api retrieves the name of the active uniform block at a given index within a webglprogram.
...activeuniformblockname() method of the webgl 2 api retrieves the name of the active uniform block at a given index within a webglprogram.
WebRTC API - Web APIs
webrtc statistics api specifications specification status comment webrtc 1.0: real-time communication between browsers candidate recommendation the initial definition of the api of webrtc.
... webrtc 1.0: real-time communication between browsers candidate recommendation the initial definition of the api of webrtc.
Web Animations API - Web APIs
the web animations api allows for synchronizing and timing changes to the presentation of a web page, i.e.
... the web animations api allows for synchronizing and timing changes to the presentation of a web page, i.e.
Web Storage API - Web APIs
om third-party iframes is denied if the user has disabled third-party cookies (firefox implements this behaviour from version 43 onwards.) note: web storage is not the same as mozstorage (mozilla's xpcom interfaces to sqlite) or the session store api (an xpcom storage utility for use by extensions).
...aces to sqlite) or the session store api (an xpcom storage utility for use by extensions).
Web Workers API - Web APIs
his context is represented by either a dedicatedworkerglobalscope object (in the case of dedicated workers - workers that are utilized by a single script), or a sharedworkerglobalscope (in the case of shared workers - workers that are shared between multiple scripts).
... as the parent page.
Window.alert() - Web APIs
to display in the alert dialog, or, alternatively, an object that is converted into a string and displayed.
...t dialog, or, alternatively, an object that is converted into a string and displayed.
window.cancelIdleCallback() - Web APIs
ack experimentalchrome full support 47edge full support 79firefox full support 55 full support 55 full support 53disabled disabled from version 53: this feature is behind the
dom.requestidlecallback.enabled preference (needs to be set to true).
...roid full support 47chrome android full support 47firefox android full support 55 full support 55 full support 53disabled disabled from version 53: this feature is behind the
dom.requestidlecallback.enabled preference (needs to be set to true).
Window.localStorage - Web APIs
cognito" session is cleared when the last "private" tab is closed.) data stored in either localstorage is specific to the protocol of the page.
...origin's local storage space.
Window.locationbar - Web APIs
returns the locationbar object, whose visibility can be checked.
...ns the locationbar object, whose visibility can be checked.
Window.menubar - Web APIs
the window.menubar property returns the menubar object, whose visibility can be checked.
... the window.menubar property returns the menubar object, whose visibility can be checked.
Window.name - Web APIs
const othertab = window.open("url1", "_blank"); if (othertab) othertab.name = "other-tab"; </script> <a href="url2" target="other-tab">this link will be opened in the other tab.</a> notes the name of the window is used primarily for setting targets for hyperlinks and forms.
... the name of the window is used primarily for setting targets for hyperlinks and forms.
Window.personalbar - Web APIs
ay that the visible property of the various "bar" objects is used, and also the change to the privileges necessary to write to the visible property of any of the bars on an existing window.
...an not be used in web pages.
window.postMessage() - Web APIs
dules the messageevent to be dispatched only after all pending execution contexts have finished.
...with a targetorigin of "*" to broadcast to every listener, but this is discouraged, since an extension cannot be certain the origin of such messages, and other listeners (including those you do not control) can listen in.
Window.requestAnimationFrame() - Web APIs
rowser performs the next repaint.
...t time) to calculate how much the animation will progress in a frame, otherwise the animation will run faster on high refresh rate screens.
Window.scrollbars - Web APIs
the window.scrollbars property returns the scrollbars object, whose visibility can be checked.
...llbars property returns the scrollbars object, whose visibility can be checked.
Window.sizeToContent() - Web APIs
the window.sizetocontent() method sizes the window according to its content.
... the window.sizetocontent() method sizes the window according to its content.
Window.statusbar - Web APIs
ibility can be toggled in the window.
...y to write to the visible property of any of the bars on an existing window.
Window.toolbar - Web APIs
ay that the visible property of the various "bar" objects is used, and also the change to the privileges necessary to write to the visible property of any of the bars on an existing window.
...onality can not be used in web pages.
XMLDocument.load() - Web APIs
document.load() is a part of an old version of the w3c
dom level 3 load & save module.
...s as string } xmldoc.addeventlistener("load", documentloaded, false); xmldoc.load('querydata.xml'); see also the load sample in the xml tests directory.
XMLDocument - Web APIs
ent</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} property also inherits properties from: document xmldocument.async used with xmldocument.load() to indicate an asynchronous request.
...so inherits properties from: document xmldocument.async used with xmldocument.load() to indicate an asynchronous request.
XMLHttpRequest.response - Web APIs
the xmlhttprequest response property returns the response's body content as an arraybuffer, blob, document, javascript object, or
domstring, depending on the value of the request's responsetype property.
... the response is a blob object containing the binary data.
XMLHttpRequest.sendAsBinary() - Web APIs
od now supports binary data and should now be used instead.
...he string is converted to binary for transfer by removing the high-order byte of each character.
XPathEvaluator - Web APIs
the xpathevaluator interface allows to compile and evaluate xpath expressions.
.../output></div> javascript var xpath = "//div"; var evaluator = new xpathevaluator(); var expression = evaluator.createexpression("//div"); var result = expression.evaluate(document, xpathresult.ordered_node_snapshot_type); document.queryselector("output").textcontent = result.snapshotlength; result specifications specification status comment document object model (
dom) level 3 xpath specificationthe definition of 'xpathevaluator' in that specification.
XPathException - Web APIs
in the
dom xpath api the xpathexception interface represents exception conditions that can be encountered while performing xpath operations.
...as a syntax error or otherwise is not a legal expression according to the rules of the specific xpathevaluator or contains specialized extension functions or variables not supported by this implementation.
XPathExpression - Web APIs
this interface is a compiled xpath expression that can be evaluated on a document or specific node to return information from its
dom tree.
...></output></div> javascript var xpath = "//div"; var evaluator = new xpathevaluator(); var expression = evaluator.createexpression(xpath); var result = expression.evaluate(document, xpathresult.ordered_node_snapshot_type); document.queryselector("output").textcontent = result.snapshotlength; result specifications specification status comment document object model (
dom) level 3 xpath specificationthe definition of 'xpathexpression' in that specification.
XRBoundedReferenceSpace.boundsGeometry - Web APIs
the read-only xrboundedreferencespace property boundsgeometry is an array of
dompointreadonly objects which specifies the points making up a polygon inside which the viewer is allowed to move.
...lking the border of the space they wish to use, or by drawing the shape of their room using their xr input device.
XRPermissionDescriptor.optionalFeatures - Web APIs
xrboundedreferencespace local a tracking space whose native origin is located near the viewer's position at the time the session was created.
...n for the viewer to stand, where the value of the y axis is 0 at floor level.
XRPermissionDescriptor.requiredFeatures - Web APIs
xrboundedreferencespace local a tracking space whose native origin is located near the viewer's position at the time the session was created.
...n for the viewer to stand, where the value of the y axis is 0 at floor level.
XRReferenceSpace - Web APIs
xrboundedreferencespace local a tracking space whose native origin is located near the viewer's position at the time the session was created.
...n for the viewer to stand, where the value of the y axis is 0 at floor level.
XRReferenceSpaceType - Web APIs
xrboundedreferencespace local a tracking space whose native origin is located near the viewer's position at the time the session was created.
...n for the viewer to stand, where the value of the y axis is 0 at floor level.
XRRigidTransform.orientation - Web APIs
the read-only xrrigidtransform property orientation is a
dompointreadonly containing a normalized quaternion (also called a unit quaternion or versor) specifying the rotational component of the transform represented by the object.
... the read-only xrrigidtransform property orientation is a
dompointreadonly containing a normalized quaternion (also called a unit quaternion or versor) specifying the rotational component of the transform represented by the object.
XRRigidTransform.position - Web APIs
the read-only xrrigidtransform property position is a
dompointreadonly object which provides the 3d point, specified in meters, describing the translation component of the transform.
... the read-only xrrigidtransform property position is a
dompointreadonly object which provides the 3d point, specified in meters, describing the translation component of the transform.
XRRigidTransform - Web APIs
sform automatically does things like computing the inverse of the transform.
...igidtransform() creates a new xrrigidtransform object which represents a transform that applies a specified position and/or orientation.
XRSession.environmentBlendMode - Web APIs
the xrsession interface's read-only environmentblendmode property identifies if—and to what degree—the computer-generated imagery is overlaid atop the real world.
... the real world, possibly partially transparently.
XRSession.onsqueeze - Web APIs
xr controller inputs, see inputs and input sources.
...ndleoffhandsqueeze(event.inputsource, event.frame); } }; finishing an ongoing squeeze action this example exapnds somewhat on the previous example by demonstrating a way to implement the ability for the user to drop an object that was previously picked up by the user..
XRSystem: requestSession() - Web APIs
the xrsystem interface's requestsession() method returns a promise which resolves to an xrsession object through which you can manage the requested type of webxr session.
...sessioninit object providing options to configure the new xrsession.
ARIA: Main role - Accessibility
vide keyboard navigation to important sections of a page.
...r those navigating via landmark roles, the main role is an alternative for "skip to main content" links.there should only be one main landmark role per document.
HTML To MSAA - Accessibility
presented n/a if @usemap attribute is used then image accessible has children for each map item input @type=button, submit, reset role_system_ pushbutton from @value attribute, @alt attribute, default label, @src attribute, @data attribute n/a state_system_ default if @type attribute has value "submit" n/a "press" n/a input @type=text, textarea role_system_ text n/a value property of input
dom element state_system_ readonly if @readonly attribute is used n/a "activate" n/a input @type=password role_system_ text n/a n/a state_system_ readonly if @readonly attribute is used state_system_ protected n/a "activate" n/a input type="checkbox" role_system_ checkbutton n/a n/a state_system_ marqueed used as state checkable state_system_ mixed for html 5 if intermediate property of d...
...activate" n/a input @type=password role_system_ text n/a n/a state_system_ readonly if @readonly attribute is used state_system_ protected n/a "activate" n/a input type="checkbox" role_system_ checkbutton n/a n/a state_system_ marqueed used as state checkable state_system_ mixed for html 5 if intermediate property of
dom element returns true state_system_ checked if checked property of
dom element returns true n/a "check"/"uncheck"/"cycle" depending on state event_object_ statechange when state is changed input type="radio" role_system_ radiobutton n/a n/a state_system_ marqueed used as state checkable state_system_ checked if checked property of
dom element returns true n/a "select" event_object_ statechange when state is changed label role_system_ statictext from child...
Accessibility documentation index - Accessibility
e element) and states and properties that are supported by a role.
...ng a microsoft active accessibility (msaa) server accessibility, msaa, microsoft, server this document is for developers working to support msaa in an application in order to make it accessible with 3rd party assistive technologies, as well as for hackers wishing to be involved in mozilla's msaa support specifically.
Keyboard-navigable JavaScript widgets - Accessibility
used to move to another element: programmatically apply focus to the new element, update the tabindex of the focused element to "0", and update the tabindex of the previously focused element to "-1".
...focused, but not actually used to set focus.
:default - CSS: Cascading Style Sheets
the :default css pseudo-class selects form elements that are the default in a group of related elements.
...tion> elements: a default option element is the first one with the selected attribute, or the first enabled option in
dom order.
:scope - CSS: Cascading Style Sheets
the :scope css pseudo-class represents elements that are a reference point for selectors to match against.
...sion 20: this feature is behind the layout.css.scope-pseudo.enabled preference (needs to be set to true).
Detecting CSS animation support - CSS: Cascading Style Sheets
e isn't available, and you may wish to handle that case by using javascript code to simulate a similar effect.
...animation support this code will check to see if css animation support is available: var animation = false, animationstring = 'animation', keyframeprefix = '',
domprefixes = 'webkit moz o ms khtml'.split(' '), pfx = '', elem = document.createelement('div'); if( elem.style.animationname !== undefined ) { animation = true; } if( animation === false ) { for( var i = 0; i <
domprefixes.length; i++ ) { if( elem.style[
domprefixes[i] + 'animationname' ] !== undefined ) { pfx =
domprefixes[ i ]; animationstring = pfx + 'animation'; keyframeprefix = '-' + pfx.tolowercase() + '-'; animation = true; break; } } } for starters we define a few variables.
Cubic Bezier Generator - CSS: Cascading Style Sheets
// place needed to draw the rulers const rulers = 30.5; const margin = 10.5; const basic_scale_size = 5; // size of 0.1 tick on the rulers var scaling; //limitation: scaling is computed once: if canvas.height/canvas.width change it won't be recalculated var dragsm = 0; // drag state machine: 0 = nodrag, others = object being dragged function initcanvas() { // get the canvas 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'); scaling = math.min(canvas.height - rulers - margin, canvas.width - rulers - margin); canvas.onmousedown = mousedown; canvas.onmous...
...5 : result; } function cy(y) { return (1 - y) * scaling + margin; } function reversey(y) { return (margin - y) / scaling + 1; } function ly(y) { // used when drawing horizontal lines to prevent subpixel blur var result = cy(y); return math.round(result) == result ?
contain - CSS: Cascading Style Sheets
the contain css property allows an author to indicate that an element and its contents are, as much as possible, independent of the rest of the document tree.
...2>another heading of another article</h2> <img src="graphic.jpg" alt="photo"> <p>more content here.</p> </article> each <article> and <img> is given a border, and the images are floated: img { float: left; border: 3px solid black; } article { border: 1px solid black; } float interference if we were to insert another image at the bottom of the first article, a large portion of the
dom tree may be re-laid out or repainted, and this would also interfere with the layout of the second article: <h1>my blog</h1> <article> <h2>heading of a nice article</h2> <p>content here.</p> <img src="i-just-showed-up.jpg" alt="social"> </article> <article> <h2>another heading of another article</h2> <img src="graphic.jpg" alt="photo"> <p>more content here.</p> </article> img { fl...
Ajax - Developer guides
getting started an introduction to ajax.
...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.
Audio and video manipulation - Developer guides
a(frame, 0, 0); return; } }; once the page has loaded you can call processor.doload() result this is a pretty simple example showing how to manipulate video frames using a canvas.
... function setfilter() { eval(textarea.value); } reset.addeventlistener('click', function() { textarea.value = code; setfilter(); }); edit.addeventlistener('click', function() { textarea.focus(); }) textarea.addeventlistener('input', setfilter); window.addeventlistener('load', setfilter); note: unless you have cors enabled, to avoid security issues your video should be on the same
domain as your code.
Creating and triggering events - Developer guides
this article demonstrates how to create and dispatch
dom events.
...optionally, we've also leveraged the "function expression" (instead of the "arrow function expression") so "this" will represent the element this.dispatchevent(new customevent('awesome', { bubbles: true, detail: { text: () => textarea.value } })) }); triggering built-in events this example demonstrates simulating a click (that is programmatically generating a click event) on a checkbox using
dom methods.
Using HTML sections and outlines - Developer guides
n most non-html5 browsers with a couple of extra steps, and in this section we'll show you how.
...eep in mind that in a non-html5 browser, the default styling is different from what is expected for such elements.
<h1>–<h6>: The HTML Section Heading elements - HTML: Hypertext Markup Language
ontent.
...e hierarchy of the content: h1 beetles h2 etymology h2 distribution and diversity h2 evolution h3 late paleozoic h3 jurassic h3 cretaceous h3 cenozoic h2 external morphology h3 head h4 mouthparts h3 thorax h4 prothorax h4 pterothorax h3 legs h3 wings h3 ab
domen when headings are nested, heading levels may be "skipped" when closing a subsection.
<input type="checkbox"> - HTML: Hypertext Markup Language
io buttons are similar to checkboxes, but with an important distinction — radio buttons are grouped into a set in which only one radio button can be selected at a time, whereas checkboxes allow you to turn single values on and off.
... multiple controls exist, radio buttons allow one to be selected out of them all, whereas checkboxes allow multiple values to be selected.
<input type="date"> - HTML: Hypertext Markup Language
ut ui generally varies from browser to browser; see browser compatibility for further details.
...trol looks like: and the firefox date control looks like this: value a
domstring representing a date in yyyy-mm-dd format, or empty events change and input supported common attributes autocomplete, list, readonly, and step idl attributes list, value, valueasdate, valueasnumber.
<input type="password"> - HTML: Hypertext Markup Language
ed the key they meant to press; this is helpful given the small size of keys and the ease with which the wrong one can be pressed, especially on virtual keyboards.
...ng a password, or empty events change and input supported common attributes autocomplete, inputmode, maxlength, minlength, pattern, placeholder, readonly, required, and size idl attributes selectionstart, selectionend, selectiondirection, and value methods select(), setrangetext(), and setselectionrange() value the value attribute contains a
domstring whose value is the current contents of the text editing control being used to enter the password.
<input type="range"> - HTML: Hypertext Markup Language
ed unless the control's exact value isn't important.
...ic validation are performed: if the value is set to something which can't be converted into a valid floating-point number, validation fails because the input is suffering from a bad input.
<input type="tel"> - HTML: Hypertext Markup Language
uickly apparent of these is that mobile browsers — especially on mobile phones — may opt to present a custom keypad optimized for entering phone numbers.
...e number, or empty events change and input supported common attributes autocomplete, list, maxlength, minlength, pattern, placeholder, readonly, and size idl attributes list, selectionstart, selectionend, selectiondirection, and value methods select(), setrangetext(), setselectionrange() value the <input> element's value attribute contains a
domstring that either represents a telephone number or is an empty string ("").
<span> - HTML: Hypertext Markup Language
content categories flow content, phrasing content.
...l <li><span> <a href="portfolio.html" target="_blank">see my portfolio</a> </span></li> css li span { background: gold; } result specifications specification status comment html living standardthe definition of '<span>' in that specification.
data-* - HTML: Hypertext Markup Language
the data-* global attributes form a class of attributes called custom data attributes, that allow proprietary information to be exchanged between the html and its
dom representation by scripts.
...is set on.
slot - HTML: Hypertext Markup Language
the slot global attribute assigns a slot in a shadow
dom shadow tree to an element: an element with a slot attribute is assigned to the slot created by the <slot> element whose name attribute's value matches that slot attribute's value.
...n element: an element with a slot attribute is assigned to the slot created by the <slot> element whose name attribute's value matches that slot attribute's value.
Evolution of HTTP - HTTP
irst one is fully transmitted, lowering the latency of the communication.
...ing the authenticity of the messages exchanged between the server and client.
CSP: child-src - HTTP
g: <host-source> internet hosts by name or ip address, as well as an optional url scheme and/or port number.
...egal ports are valid for the source.
CSP: connect-src - HTTP
g: <host-source> internet hosts by name or ip address, as well as an optional url scheme and/or port number.
...egal ports are valid for the source.
CSP: default-src - HTTP
g: <host-source> internet hosts by name or ip address, as well as an optional url scheme and/or port number.
...egal ports are valid for the source.
CSP: font-src - HTTP
g: <host-source> internet hosts by name or ip address, as well as an optional url scheme and/or port number.
...egal ports are valid for the source.
CSP: form-action - HTTP
g: <host-source> internet hosts by name or ip address, as well as an optional url scheme and/or port number.
...egal ports are valid for the source.
CSP: frame-src - HTTP
g: <host-source> internet hosts by name or ip address, as well as an optional url scheme and/or port number.
...egal ports are valid for the source.
CSP: img-src - HTTP
g: <host-source> internet hosts by name or ip address, as well as an optional url scheme and/or port number.
...egal ports are valid for the source.
CSP: manifest-src - HTTP
g: <host-source> internet hosts by name or ip address, as well as an optional url scheme and/or port number.
...egal ports are valid for the source.
CSP: media-src - HTTP
g: <host-source> internet hosts by name or ip address, as well as an optional url scheme and/or port number.
...egal ports are valid for the source.
CSP: navigate-to - HTTP
g: <host-source> internet hosts by name or ip address, as well as an optional url scheme and/or port number.
...egal ports are valid for the source.
CSP: object-src - HTTP
g: <host-source> internet hosts by name or ip address, as well as an optional url scheme and/or port number.
...egal ports are valid for the source.
CSP: prefetch-src - HTTP
g: <host-source> internet hosts by name or ip address, as well as an optional url scheme and/or port number.
...egal ports are valid for the source.
CSP: script-src-attr - HTTP
g: <host-source> internet hosts by name or ip address, as well as an optional url scheme and/or port number.
...egal ports are valid for the source.
CSP: script-src-elem - HTTP
g: <host-source> internet hosts by name or ip address, as well as an optional url scheme and/or port number.
...egal ports are valid for the source.
CSP: script-src - HTTP
g: <host-source> internet hosts by name or ip address, as well as an optional url scheme and/or port number.
...egal ports are valid for the source.
CSP: style-src-elem - HTTP
g: <host-source> internet hosts by name or ip address, as well as an optional url scheme and/or port number.
...egal ports are valid for the source.
CSP: style-src - HTTP
g: <host-source> internet hosts by name or ip address, as well as an optional url scheme and/or port number.
...egal ports are valid for the source.
CSP: worker-src - HTTP
g: <host-source> internet hosts by name or ip address, as well as an optional url scheme and/or port number.
...egal ports are valid for the source.
HTTP Messages - HTTP
http method, a verb (like get, put or post) or a noun (like head or options), that describes the action to be performed.
...sed with get, post, head, and options methods.
An overview of HTTP - HTTP
rigin constraint to prevent snooping and other privacy invasions, web browsers enforce strict separation between web sites.
...ke options or head that defines the operation the client wants to perform.
A typical HTTP session - HTTP
of times.
...ent can send the request (a user-agent is typically a web browser, but can be anything else, a crawler, for example).
Character classes - JavaScript
l character that means 0 or more occurrences of the preceding character should be matched; for example, /a*/ means match 0 or more "a"s.
... words to search for \ use /\\/.
Date - JavaScript
more about it on the igalia blog and fill out the survey.
...to obtain a date in various formats, as well as to perform time zone conversions.
RegExp - JavaScript
= regex.exec(text) console.log(match[0]) // logs 'Образец' console.log(regex.lastindex) // logs '7' let match2 = regex.exec(text) console.log(match2[0]) // logs 'на' [did not log 'text'] console.log(regex.lastindex) // logs '15' // and so on the unicode property escapes feature introduces a solution, by allowing for a statement as simple as \p{scx=cyrl}.
... // logs 'Образец' console.log(regex.lastindex) // logs '7' let match2 = regex.exec(text) console.log(match2[0]) // logs 'на' [did not log 'text'] console.log(regex.lastindex) // logs '15' // and so on the unicode property escapes feature introduces a solution, by allowing for a statement as simple as \p{scx=cyrl}.
String.prototype.anchor() - JavaScript
the anchor() method creates a string beginning with an <a name="..."> start tag, then some text, and then an </a> end tag.
...n no longer allows the <a> element to have a name attribute, so this method doesn't even create valid markup.
this - JavaScript
function c2() { this.a = 37; return {a: 38}; } o = new c2(); console.log(o.a); // 38 in the last example (c2), because an object was returned during construction, the new object that this was bound to simply gets discarded.
... } // get a list of every element in the document var elements = document.getelementsbytagname('*'); // add bluify as a click listener so when the // element is clicked on, it turns blue for (var i = 0; i < elements.length; i++) { elements[i].addeventlistener('click', bluify, false); } in an inline event handler when the code is called from an inline on-event handler, its this is set to the
dom element on which the listener is placed: <button onclick="alert(this.tagname.tolowercase());"> show this </button> the above alert shows button.
Web media technologies
over the years, the web's ability to present, create, and manage audio, video, and other media has grown at an increasing pace.
...n for more complex media, or with visible controls for user-controlled playback of audio files.
Progressive web app structure - Progressive web apps (PWAs)
viceworker' in navigator) { navigator.serviceworker.register('/pwa-examples/js13kpwa/sw.js'); }; the next code block requests permission for notifications when a button is clicked: var button = document.getelementbyid("notifications"); button.addeventlistener('click', function(e) { notification.requestpermission().then(function(result) { if(result === 'granted') { ran
domnotification(); } }); }); the last block creates notifications that display a ran
domly-selected item from the games list: function ran
domnotification() { var ran
domitem = math.floor(math.ran
dom()*games.length); var notiftitle = games[ran
domitem].name; var notifbody = 'created by '+games[ran
domitem].author+'.'; var notifimg = 'data/img/'+games[ran
domitem].slug+'.jpg'; ...
...n
domnotification() { var ran
domitem = math.floor(math.ran
dom()*games.length); var notiftitle = games[ran
domitem].name; var notifbody = 'created by '+games[ran
domitem].author+'.'; var notifimg = 'data/img/'+games[ran
domitem].slug+'.jpg'; var options = { body: notifbody, icon: notifimg } var notif = new notification(notiftitle, options); settimeout(ran
domnotification, 30000); } the service worker the last file we will quickly look at is the service worker: sw.js — it first imports data from the games.js file: self.importscripts('data/games.js'); next, it creates a list of all the files to be cached, both from the app shell and the content: var cachename = 'js13kpwa-v1'; var appshellfiles = [ '/pwa-examples/js13kpwa/', '/pwa-examples/js1...
end - SVG: Scalable Vector Graphics
n>, <animatetransform>, and <set> usage notes default value none value <end-value-list> animatable no the <end-value-list> is a semicolon-separated list of values.
...alue defines an event and an optional offset that determines the time at which the element's animation should end.
SVG Attribute reference - SVG: Scalable Vector Graphics
utetype autoreverse azimuth b basefrequency baseline-shift baseprofile bbox begin bias by c calcmode cap-height class clip clippathunits clip-path clip-rule color color-interpolation color-interpolation-filters color-profile color-rendering contentscripttype contentstyletype cursor cx cy d d decelerate descent diffuseconstant direction display divisor
dominant-baseline dur dx dy e edgemode elevation enable-background end exponent externalresourcesrequired f fill fill-opacity fill-rule filter filterres filterunits flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight format from fr fx fy g g1 g2 glyph-name glyph-orientation-horizontal glyph-ori...
...language.
<script> - SVG: Scalable Vector Graphics
document.
...some discrepancies, like it uses the href attribute instead of src and it doesn't support ecmascript modules so far (see browser compatibility below for details) html,body,svg { height:100% } <svg viewbox="0 0 10 10" xmlns="http://www.w3.org/2000/svg"> <script> // <![cdata[ window.addeventlistener('
domcontentloaded', () => { function getcolor () { const r = math.round(math.ran
dom() * 255).tostring(16).padstart(2,'0') const g = math.round(math.ran
dom() * 255).tostring(16).padstart(2,'0') const b = math.round(math.ran
dom() * 255).tostring(16).padstart(2,'0') return `#${r}${g}${b}` } document.queryselector('circle').addeventlistener('click', (e) => { e.target.style.fill = getcolor() }) }) // ]]> </script> <circle cx="5" cy="5" r=...
<use> - SVG: Scalable Vector Graphics
e" x="20" fill="white" stroke="red"/> <!-- stroke="red" will be ignored here, as stroke was already set on mycircle.
...tributes x, y, width, height and href on the use element will override those set on the referenced element.
Storing annotations - Archive of obsolete content
event.stoppropagation(); event.preventdefault(); self.postmessage(storedannotation.url); }); annotationhtml.find('.selection-text') .text(storedannotation.anchortext); annotationhtml.find('.annotation-text') .text(storedannotation.annotationtext); annotationlist.append(annotationhtml); }); }); it builds the
dom for the panel from the array of annotations it is given.
LookupNamespaceURI - Archive of obsolete content
c); addlookupnamespaceuri(element); function addlookupnamespaceuri (type) { if (!type.prototype.lookupnamespaceuri) { type.prototype.lookupnamespaceuri = lookupnamespaceuri; } function lookupnamespaceuri (prefix) { return lookupnamespaceurihelper(this, prefix); } function lookupnamespaceurihelper (node, prefix) { // adapted directly from http://www.w3.org/tr/
dom-level-3-core/namespaces-algorithms.html#lookupnamespaceurialgo var i, att, htmlmode = document.contenttype, // mozilla only xmlnspattern = /^xmlns:(.*)$/; switch (node.nodetype) { case 1: // element_node (could also just test for node.element_node, etc., if supported in all browsers) if (node.namespaceuri != null && node.prefix ...
Sidebar - Archive of obsolete content
idth of the sidebar, use the following code: function setsidebarwidth(newwidth) { var mainwindow = window.queryinterface(components.interfaces.nsiinterfacerequestor) .getinterface(components.interfaces.nsiwebnavigation) .queryinterface(components.interfaces.nsidocshelltreeitem) .roottreeitem .queryinterface(components.interfaces.nsiinterfacerequestor) .getinterface(components.interfaces.nsi
domwindow); mainwindow.document.getelementbyid("sidebar-box").width=newwidth; } or function setsidebarwidth(newwidth) { window.top.document.getelementbyid("sidebar-box").width=newwidth; } you can also disable the ability to resize it manually, using the mouse, by hiding the sidebar's splitter element.
xml:base support in old browsers - Archive of obsolete content
ng 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 relative, it should be from full path, minus the file var dirpath = loc.pathname.substring(0, loc.pathname.lastindexof('/')-1); if (link.lastindexof('...
XML-related code snippets - Archive of obsolete content
how to create a
dom tree using xmlhttprequest parsing and serializing xml using xpath jxon (lossless javascript xml object notation) xsl transforms xlink xinclude xml:id xml:base support in old browsers xpointer svg namespaces, or why http://www.mozilla.org/keymaster/gat...re.is.only.xul is at the top of every xul document.
Events - Archive of obsolete content
archived event pages
domsubtreemodifiedmozaudioavailablemozbeforeresizemozorientationcachedchargingchangechargingtimechangecheckingdischargingtimechangedownloadingerrorlevelchangenoupdateobsoleteprogressupdateready ...
List of Former Mozilla-Based Applications - Archive of obsolete content
file delivery (email attachment replacement) site not updated since 2006 compuserve client internet software no longer available doczilla sgml/xml/html browser last release on site from july 2005 fabula language learning application inactive galeon browser last news item on site from september 2006 gencatrss rss reader
domain switched over to
domain parking service ghostzilla browser archived version of ghostzilla site from 2005 homebase desktop operating environment for internet computers no longer available hp printer assistant printer utility hall of fame page mentions that this used an embedded version of mozilla at some point but i can't find reference to current st...
cert_override.txt - Archive of obsolete content
e:ff:ff:ee:dd:cc:bb:aa:99:88:77:66:55:44:33:22:11:00 u aaaaaaaaaaaaaaabaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaa== fields fields are separated by a tab character.
Same-origin policy for file: URIs - Archive of obsolete content
example, if you have a file foo.html which accesses another file bar.html and you have navigated to it from the file index.html, the load will succeed only if bar.html is either in the same directory as index.html or in a directory contained within the same directory as index.html.
Prerequisites - Archive of obsolete content
in order to complete this tutorial you need to have and know how to use the following programs on your computer: an installation of mozilla; zip and unzip utilities; a text editor.
Embedding Mozilla in a Java Application using JavaXPCOM - Archive of obsolete content
iwindowcreator.ns_iwindowcreator_iid); // get the window watcher service nsiwindowwatcher windowwatcher = (nsiwindowwatcher)servicemanager.getservicebycontractid("@mozilla.org/embedcomp/window-watcher;1", nsiwindowwatcher.ns_iwindowwatcher_iid); // set the window creator (from step 6) windowwatcher.setwindowcreator(windowcreator); // create the root xul window: nsi
domwindow win = windowwatcher.openwindow(null, "chrome://your-app/content/window.xul", "mywindow", "chrome,resizable,centerscreen", null); // set this as the active window windowwatcher.setactivewindow(win); // hand over the application to xpcom/xul, this will block: appstartup.run(); here is an example of a locationprovider that works : public class locationprovider i...
Code snippets - Archive of obsolete content
eryinterface(components.interfaces.nsiinterfacerequestor) .getinterface(components.interfaces.nsiwebnavigation) .queryinterface(components.interfaces.nsidocshelltreeitem) .roottreeitem .queryinterface(components.interfaces.nsiinterfacerequestor) .getinterface(components.interfaces.nsi
domwindow); // obtain a reference to sync's tabs "engine." let tabsengine = weave.service.enginemanager.get("tabs"); // iterate over each client having data.
HTTP Class Overview - Archive of obsolete content
by a transaction strips chunked transfer encoding nshttprequesthead owns a nshttpheaderarray knows how to fill a request buffer nshttpresponsehead owns a nshttpheaderarray knows how to parse response lines performs common header manipulations/calculations nshttpheaderarray stores http "<header>:<value>" pairs nshttpauthcache stores authentication credentials for http auth
domains nshttpbasicauth implements nsihttpauthenticator generates basic auth credentials from user:pass nshttpdigestauth implements nsihttpauthenticator generates digest auth credentials from user:pass original document information author(s): darin fisher last updated date: august 5, 2002 copyright information: portions of this content are © 1998–2007 by individual mozilla.org ...
Running Tamarin performance tests - Archive of obsolete content
args to pass to vm --timeout max time to run all tests --testtimeout max time to let a test run, in sec (default -1 = never timeout) --html also create an html output file --notimecheck do not recompile .abc if timestamp is older than .as --java location of java executable (default=java) --javaargs arguments to pass to java --ran
dom run tests in ran
dom order --seed explicitly specify ran
dom seed for --ran
dom -s --avm2 second avmplus command to use --avmname nickname for avm to use as column header --avm2name nickname for avm2 to use as column header --detail display results in 'old-style' format --raw output all raw test values -i --iterations number...
URIScheme - Archive of obsolete content
list of mozilla supported uri schemes list of uri schemes http:// by default, port 80 https:// by default, port 443 (ssl) ftp:// by default, port 21 file:// : file:///etc/hosts on unix/linux, file:///c:/some/file.txt on windows.
checkbox - Archive of obsolete content
aultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata related interfaces nsiaccessibleprovider, nsi
domxulcheckboxelement ...
colorpicker - Archive of obsolete content
, insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata related interfaces nsi
domxulcontrolelement bugs the onchange event only fires if attribute type is set to "button".
datepicker - Archive of obsolete content
, insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata related interfaces nsi
domxulcontrolelement ...
iframe - Archive of obsolete content
emplate, tooltip, tooltiptext, top, uri, wait-cursor, width properties accessibletype type: integer a value indicating the type of accessibility object for the element.
menuseparator - Archive of obsolete content
okupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata related elements menu, menubar, menuitem, menulist, menupopup interfaces nsiaccessibleprovider, nsi
domxulcontaineritemelement, nsi
domxulselectcontrolitemelement ...
preferences - Archive of obsolete content
, allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods void firechangedevent(in
domelement preference); creates and dispatches a changed (non-bubbling) event to the specified preference element.
radio - Archive of obsolete content
enode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata related elements radiogroup, checkbox interfaces nsiaccessibleprovider, nsi
domxulselectcontrolitemelement, nsi
domxullabeledcontrolelement ...
richlistitem - Archive of obsolete content
aultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata related interfaces nsiaccessibleprovider, nsi
domxulselectcontrolitemelement ...
tab - Archive of obsolete content
tenode(), setattributenodens(), setattributens(), setuserdata notes note: prior to gecko 1.9, disabling tabs fails; even while disabled, they still accept events.
textbox - Archive of obsolete content
ine="true" rows="2" cols="70" onkeypress="return pncountnotechars(event);"/> the javascript: function pncountnotechars(evt) { //allow non character keys (delete, backspace and and etc.) if ((evt.charcode == 0) && (evt.keycode != 13)) return true; if (evt.target.value.length < 10) { return true; } else { return false; } } related interfaces nsiaccessibleprovider, nsi
domxultextboxelement ...
timepicker - Archive of obsolete content
insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata related interfaces nsi
domxulcontrolelement ...
toolbox - Archive of obsolete content
oveeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata appendcustomtoolbar( name, currentset ) firefox only return type: element adds a custom toolbar to the toolbox with the given name.
XUL - Archive of obsolete content
#xul on irc.mozilla.org tools xul online live editor (copy & paste snippets from here and run them) xul explorer (a lightweight xul ide) xulexplorer (patched version of xul explorer) extension developer's extension (featuring a live xul editor) xulref sidebar firebug
dom inspector spket ide, ide for xul/xbl ample sdk, (cross-browser xul renderer in javascript/html) view all...
toolkit.defaultChromeFeatures - Archive of obsolete content
by: default prefs of xulrunner applications default: "chrome,dialog=no,all" example: pref("toolkit.defaultchromefeatures", "chrome,resizable=no,dialog=no"); the toolkit.defaultchromefeatures preference allows simple xulrunner-based applications to specify what features are passed to window.open() when the main application window is opened.
xulauncher - Archive of obsolete content
">$xulappini # create chrome.manifest file ############################################################################## echo " content $xulname file:$xulname/ ">$xulmanifest # create prefs.js file ############################################################################## echo " pref(\"toolkit.defaultchromeuri\", \"chrome://$xulname/content/$xulfile\"); /* debugging prefs */ pref(\"browser.
dom.window.dump.enabled\", true); pref(\"javascript.options.showinconsole\", true); pref(\"javascript.options.strict\", true); pref(\"nglayout.debug.disable_xul_cache\", true); pref(\"nglayout.debug.disable_xul_fastload\", true); ">$xulprefs # copy xul file to right location and run it ############################################################################## cp $xulfile $xuldir xulrunner $xulap...
2006-11-17 - Archive of obsolete content
summary: mozilla.dev.tech.xul - nov 11-nov 17, 2006 return to mozilla-dev-tech-xul announcements processing instructions are now added to xul document's
dom on november 12, 2006, nickolay ponomarev announces the results of the recently fixed bug 319654.
NPAPI plugin developer guide - Archive of obsolete content
a paint message making a plug-in opaque making a plug-in transparent creating pop-up menus and dialog boxes event handling for windowless plug-ins streams receiving a stream telling the plug-in when a stream is created telling the plug-in when a stream is deleted finding out how much data the plug-in can accept writing the stream to the plug-in sending the stream in ran
dom-access mode sending the stream in file mode sending a stream creating a stream pushing data into the stream deleting the stream example of sending a stream urls getting urls getting the url and displaying the page posting urls posting data to an http server uploading files to an ftp server sending mail memory allocating and freeing memory mac o...
CSS - Archive of obsolete content
obsolete css features -moz-bindingthe -moz-binding css property is used by mozilla-based applications to attach an xbl binding to a
dom element.-moz-border-bottom-colorsin mozilla applications like firefox, the -moz-border-bottom-colors css property sets a list of colors for the bottom border.-moz-border-left-colorsin mozilla applications like firefox, the -moz-border-left-colors css property sets a list of colors for the left border.-moz-border-right-colorsin mozilla applications like firefox, the -moz-border-right-colors css property sets a list of colors for the right border.-moz-border-top-colorsin mozilla applications like firefox, the -moz-border-top-colors css property sets a list of colors for the top border.-moz-stack-sizing-moz-stack-sizing is an extended css property.
Buttons - Game development
*0.5; } } that way the paddle is immovable after everything is loaded and prepared, but before the start of the actual game.
2D breakout game using Phaser - Game development
lessons — and the different versions of 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 ran
domizing gameplay as a note on learning paths — starting with pure javascript is the best way to get a solid knowledge of web game development.
Digest - MDN Web Docs Glossary: Definitions of Web-related terms
perform several tasks: in non-cryptographic applications (e.g., the index of hash tables, or a fingerprint used to detect duplicate data or to uniquely identify files) verify message integrity (a tampered message will have a different hash) store passwords so that they can't be retrieved, but can still be checked (to do this securely, you also need to salt the password.) generate pseudo-ran
dom numbers generate keys it is critical to choose the proper hash function for your use case to avoid collisions and predictability.
Expando - MDN Web Docs Glossary: Definitions of Web-related terms
expando properties are properties added to
dom nodes with javascript, where those properties are not part of the object's
dom specification: window.document.foo = 5; // foo is an expando the term may also be applied to properties added to objects without respecting the object's original intent, such as non-numeric named properties added to an array.
Function_Name
o look in paramname sample: in pointer to an secitem whose type must be sidercertbuffer and whose data contains a der-encoded certificate description long description of this function, what it does, and why you would use it.
CERT_FindCertByDERCert
*cert_findcertbydercert( certcertdbhandle *handle, secitem *dercert ); parameters handle in pointer to a certcertdbhandle representing the certificate database to look in dercert in pointer to an secitem whose type must be sidercertbuffer and whose data contains a der-encoded certificate description this function looks in the ?nsscryptocontext?
NSS_3.11.10_release_notes.html
certificate(s) to nss bug 396999: pk11_authenticate bug 397478: lock from ssl_initsymwrapkeyslock not freed on selfserv shutdown.
NSS 3.12.4 release notes
95365: add const to the 'nickname' parameter of sec_certnicknameconflict bug 495656: nss_initreadwrite(sql:<configdir>) leaves behind a pkcs11.txu file if libnssckbi.so is in <configdir>.
NSS_3.12_release_notes.html
md/symkeyutil bug 385642: add additional cert usage(s) for certutil's -v -u option bug 175741: strict aliasing bugs in mozilla/dbm bug 210584: cert_asciitoname doesn't accept all valid values bug 298540: vfychain usage option should be improved and documented bug 323570: make dbck debug mode work with softoken bug 371470: vfychain needs option to verify for specific date bug 387621: certutil's ran
dom noise generator isn't very efficient bug 390185: signtool error message wrongly uses the term database bug 391651: need config.mk file for windows vista bug 396322: fix secutil's code and nss tools that print public keys bug 417641: miscellaneous minor nss bugs bug 334914: hopefully useless null check of out it in jar_find_next bug 95323: ckfw should support cipher operations.
NSS 3.18.1 release notes
following ca certificate was removed after discussion about it in the mozilla.dev.security.policy forum.
NSS 3.20 release notes
atching entry from the set of parameters that have been configured as preferred on the server side.
NSS 3.22 release notes
ions are available on ftp.mozilla.org for secure https download: source tarballs: https://ftp.mozilla.org/pub/mozilla.org/security/nss/releases/nss_3_22_rtm/src/ new in nss 3.22 new functionality rsa-pss signatures are now supported (bug 1215295) new functions pk11_signwithmechanism() and pk11_signwithmechanism() are provided to allow rsa keys to be used with pss.
NSS 3.23 release notes
lla.org/pub/mozilla.org/security/nss/releases/nss_3_23_rtm/src/ new in nss 3.23 new functionality chacha20/poly1305 cipher and tls cipher suites now supported (bug 917571, bug 1227905) experimental-only support tls 1.3 1-rtt mode (draft-11).
NSS 3.28.5 release notes
trust flags: websites technically constrained to: gov.tr, k12.tr, pol.tr, mil.tr, tsk.tr, kep.tr, bel.tr, edu.tr, org.tr the version number of the updated root ca list has been set to 2.14.
NSS 3.30.2 release notes
trust flags: websites technically constrained to: gov.tr, k12.tr, pol.tr, mil.tr, tsk.tr, kep.tr, bel.tr, edu.tr, org.tr the version number of the updated root ca list has been set to 2.14 (the version numbers 2.12 and 2.13 for the root ca list have been skipped.) bugs fixed in nss 3.30.2 bug 1350859 - march 2017 batch of root ca changes bug 1349705 - implemented
domain name constraints for ca: tubitak kamu sm ssl kok sertifikasi - surum 1 compatibility nss 3.30.2 shared libraries are backward compatible with all older nss 3.x shared libraries.
NSS 3.36.5 release notes
r secure https download: source tarballs: https://ftp.mozilla.org/pub/mozilla.org/security/nss/releases/nss_3_36_5_rtm/src/ new in nss 3.36.5 new functionality no new functionality is introduced in this release.
NSS 3.39 release notes
opentrust root ca g2 sha-256 fingerprint: 27995829fe6a7515c1bfe848f9c4761db16c225929257bf40d0894f29ea8baf2 cn = opentrust root ca g3 sha-256 fingerprint: b7c36231706e81078c367cb896198f1e3208dd926949dd8f5709a410f75b6292 bugs fixed in nss 3.39 bug 1483128 - nss responded to an sslv2-compatible clienthello with a serverhello that had an all-zero ran
dom (cve-2018-12384) this bugzilla query returns all the bugs fixed in nss 3.39: https://bugzilla.mozilla.org/buglist.cgi?resolution=fixed&classification=components&query_format=advanced&product=nss&target_milestone=3.39 compatibility nss 3.39 shared libraries are backward compatible with all older nss 3.x shared libraries.
NSS 3.46 release notes
alues bug 1572791 - read out-of-bounds in der_decodetimechoice_util from sslexp_delegatecredential bug 1560593 - cleanup.sh script does not set error exit code for tests that "failed with core" bug 1566601 - add wycheproof test vectors for aes-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 ran
dom 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 ...
NSS 3.48 release notes
st bug 1596450 - added a simplified and unified mac implementation for hmac and cmac behind pkcs#11 bug 1522203 - remove an old pentium pro performance workaround bug 1592557 - fix prng known-answer-test scripts bug 1586176 - encryptupdate should use maxout not block size (cve-2019-11745) bug 1593141 - add `notbefore` or similar "beginning-of-validity-period" parameter to mozilla::pkix::trust
domain::checkrevocation bug 1591363 - fix a pbkdf2 memory leak in nsc_generatekey if key length > max_key_len (256) bug 1592869 - use arm neon for ctr_xor bug 1566131 - ensure sha-1 fallback disabled in tls 1.2 bug 1577803 - mark pkcs#11 token as friendly if it implements ckp_public_certificates_token bug 1566126 - power ghash vector acceleration bug 1589073 - use of new pr_assert_arg in certdb...
NSS Developer Tutorial
imes an int parameter can be changed to unsigned int, or an int * parameter can be changed to unsigned int *.
Enc Dec MAC Using Key Wrap CertReq PKCS10 CSR
t char *noise, seckeypublickey **pubkeyp, const char *pqgfile, secupwdata *pwdata) { ck_mechanism_type mechanism; secoidtag algtag; pk11rsagenparams rsaparams; void *params; seckeyprivatekey *privkey = null; secstatus rv; unsigned char randbuf[blocksize + 1]; rv = generateran
dom(randbuf, blocksize); if (rv != secsuccess) { fprintf(stderr, "error while generating the ran
dom numbers : %s\n", port_errortostring(rv)); goto cleanup; } pk11_ran
domupdate(randbuf, blocksize); switch (keytype) { case rsakey: rsaparams.keysizeinbits = size; rsaparams.pe = publicexponent; ...
sample2
private key */ seckeyprivatekey * generateprivatekey(keytype keytype, pk11slotinfo *slot, int size, int publicexponent, const char *noise, seckeypublickey **pubkeyp, const char *pqgfile, secupwdata *pwdata) { ck_mechanism_type mechanism; secoidtag algtag; pk11rsagenparams rsaparams; void *params; seckeyprivatekey *privkey = null; secstatus rv; unsigned char randbuf[blocksize + 1]; rv = generateran
dom(randbuf, blocksize); if (rv != secsuccess) { fprintf(stderr, "error while generating the ran
dom numbers : %s\n", port_errortostring(rv)); goto cleanup; } pk11_ran
domupdate(randbuf, blocksize); switch (keytype) { case rsakey: rsaparams.keysizeinbits = size; rsaparams.pe = publicexponent; mechanism = ckm_rsa_pkcs_key_pair_gen; algtag = sec_oid_pkcs1_md5_with_rsa_encryption; params = &rsaparams; bre...
nss tech note4
ject) to the following functions char *cert_getcommonname(certname *name); char *cert_getcertemailaddress(certname *name); char *cert_getcountryname(certname *name); char *cert_getlocalityname(certname *name); char *cert_getstatename(certname *name); char *cert_getorgname(certname *name); char *cert_getorgunitname(certname *name); char *cert_get
domaincomponentname(certname *name); char *cert_getcertuid(certname *name); example code to illustrate access to the info is given below.
Overview of NSS
standard under development by the public-key infrastructure (x.509) working group of the ietf (known at pkix) for a public-key infrastructure for the internet.
FC_GetTokenInfo
foundation", padded with spaces to 32 characters and not null-terminated.
FC_Initialize
e of the lock functions were provided by the application.
OLD SSL Reference
ssl_cipherprefgetdefault ssl_clearsessioncache ssl_configserversessionidcache initializing multi-processing with a shared ssl server cache ssl_configmpserversidcache ssl_inheritmpserversidcache ssl export policy functions nss_set
domesticpolicy nss_setexportpolicy nss_setfrancepolicy ssl_cipherpolicyset ssl_cipherpolicyget ssl configuration functions ssl configuration ssl_importfd ssl_optionset ssl_optionget ...
64-bit Compatibility
this article focuses on hacking tracemonkey code generation (jstracer.cpp, jsregex.cpp) in ways that will work on both 32-bit and 64-bit jit backends.
JS::Value
isn't nailed down and putting it in the trash.
JSObject
s prototype (which is another object).
JS_THREADSAFE
ion; but garbage collection does not happen at any other time (such as, for example, at the moment before the return value of js_newobject is assigned to a rooted variable).
JSAPI reference
y 17 js_psgs added in spidermonkey 17 js_self_hosted_get added in spidermonkey 31 js_self_hosted_getset added in spidermonkey 31 js_ps_end added in spidermonkey 17 jsfastnative added in spidermonkey 1.8 obsolete since javascript 1.8.5 the behavior of a jsclass can be customized using these flags: jsclass.flags jsclass_has_private jsclass_private_is_nsisupports jsclass_is_
domjsclass added in spidermonkey 17 jsclass_implements_barriers added in spidermonkey 17 jsclass_emulates_undefined added in spidermonkey 24 jsclass_has_reserved_slots(n) jsclass_global_flags jsclass_new_enumerate obsolete since jsapi 37 jsclass_new_resolve obsolete since jsapi 36 jsclass_share_all_properties obsolete since javascript 1.8.5 jsclass_new_resolve_gets_start obsol...
SpiderMonkey 1.8.5
sval_to_double and double_to_jsval macros have been updated to work directly on jsdoubles rather than their pointers, and the js_newdoublevalue and js_newdouble interfaces have been removed.
SpiderMonkey 1.8.7
sval_to_double and double_to_jsval macros have been updated to work directly on jsdoubles rather than their pointers, and the js_newdoublevalue and js_newdouble interfaces have been removed.
Zest
overview zest is an experimental specialized scripting language (also known as a
domain-specific language) developed by the mozilla security team and is intended to be used in web oriented security tools.
Exploitable crashes
ur os, or mozilla crash-stats can tell you a lot about whether or not a crash is potentially exploitable.
Places Developer Guide
batch var donotify = false; browserhistory.removepages(uristodelete, uristodelete.length, donotify); // remove all visits within a given time period var enddate = date.now() * 1000; // now, in microseconds var startdate = enddate - (7 * 86400 * 1000 * 1000); // one week ago, in microseconds browserhistory.removepagesbytimeframe(startdate, enddate); // remove all pages for a given host var entire
domain = true; // will delete from all hosts from the given
domain browserhistory.removepagesfromhost("mozilla.com", true); // remove all history visits browserhistory.removeallpages(); querying history the code sample below queries the browser history for the ten most visited urls in the browser history.
Toolkit API
-item extension packaging: specific information about multiple-item extension xpis xul application packaging: specific information about how to package xulrunner applications chrome registration printing in xul apps see also the following developer pages contain examples and discussions of particular topics: xul xul overlays developing extensions xulrunner developing themes
dom rdf storage ...
An Overview of XPCOM
guarantees that the class implements that whole set of interfaces when it's published or frozen.
Packaging WebLock
installing weblock in an gecko-based application for which xpinstall is not available, then you will have to devise a separate installation scheme.
XPCOM Stream Guide
inputstream, it is also a seekable stream...so we could go to * the beginning if we wanted to.) */ var str1 = store.newinputstream(0); var d1 = new inputstream(str1); // d1 has a complete copy of baseinputstream's original contents.
XPCOM guide
em when dealing with idl is when you have an idl inheritance hierarchy, and a corresponding c++ implementation hierarchy, you run into multiple inheritance.
Components.utils.forceGC
in this case it can be important to be able to force a garbage collection cycle from javascript.
PyXPCOM
tension that provides pyxpcom samples - demo applications using pyxpcom community python-xpcom bindings mailing list (activestate) #pyxpcom on irc.mozilla.org source code the pyxpcom code is available here: http://hg.mozilla.org/pyxpcom/ to build pyxpcom, see building pyxpcom.
nsACString
shortcut for the append family of functions.
nsIContentPref
nsicontentpref
dom/interfaces/base/nsicontentprefservice2.idlscriptable a content preference 1.0 66 introduced gecko 20.0 inherits from: nsisupports last changed in gecko 20.0 (firefox 20.0 / thunderbird 20.0 / seamonkey 2.17) attributes attribute type description
domain astring read only.
nsIContentPrefCallback2
dom/interfaces/base/nsicontentprefservice2.idlscriptable callback used by nsicontentprefservice2 methods 1.0 66 introduced gecko 20.0 inherits from: nsisupports last changed in gecko 20.0 (firefox 20.0 / thunderbird 20.0 / seamonkey 2.17) method overview void handlecompletion(in unsigned short reason); void handleerror(in nsresult error); void handleresult(in nsicontentpref pref); constants constant value description complete_ok 0 complete_error 1 methods handlecompletion() called when the method finishes.
nsIContentPrefObserver
dom/interfaces/base/nsicontentprefservice.idlscriptable this interface allows code to easily watch for changes to the values of content preferences.
nsIContentView
void scrollto(in float xpx, in float ypx); void setscale(in float xscale, in float yscale); attributes attribute type description contentheight float read only.
nsIControllers
ntrollercount(); nsicontroller getcontrollerforcommand(in string command); unsigned long getcontrollerid(in nsicontroller controller); void insertcontrollerat(in unsigned long index, in nsicontroller controller); void removecontroller(in nsicontroller controller); nsicontroller removecontrollerat(in unsigned long index); attributes attribute type description commanddispatcher nsi
domxulcommanddispatcher obsolete since gecko 1.9 methods appendcontroller() adds a controller to the end of the list.
nsIDNSService
netwerk/dns/nsidnsservice.idlscriptable provides
domain name resolution service.
nsIDeviceMotionListener
refox 6.0 / thunderbird 6.0 / seamonkey 2.3) method overview void onmotionchange(in nsidevicemotiondata amotiondata); methods onmotionchange() called when new orientation or acceleration data is available.
nsIDownloadProgressListener
in nsiwebprogress awebprogress, in nsirequest arequest, in unsigned long astateflags, in nsresult astatus, in nsidownload adownload); void onstatuschange(in nsiwebprogress awebprogress, in nsirequest arequest, in nsresult astatus, in wstring amessage, in nsidownload adownload); obsolete since gecko 1.9.1 attributes attribute type description document nsi
domdocument document the document of the download manager frontend.
nsIEventSource
content/base/public/nsieventsource.idlscriptable this is the interface for server-sent
dom events 1.0 66 introduced gecko 6.0 inherits from: nsisupports last changed in gecko 6.0 (firefox 6.0 / thunderbird 6.0 / seamonkey 2.3) this implements the eventsource interface used for server-sent events.
nsIFrameMessageManager
er [optional in boolean listenwhenclosed ); parameters amessage the name of the message for which to add a listener.
nsIFrameScriptLoader
idl file: mozilla-central/source/
dom/base/nsimessagemanager.idl inherits from: nsisupports this interface is used to load frame scripts.
nsIIDNService
netwerk/dns/nsiidnservice.idlscriptable this interface provides support for internationalized
domain names, including methods for manipulating idn hostnames according to ietf specification.
nsIMessageBroadcaster
idl file: mozilla-central/source/
dom/base/nsimessagemanager.idl inherits from: nsimessagelistenermanager message "broadcasters" don't have a single "other side" that they send messages to, but rather a set of subordinate message managers.
nsIMessageListener
idl file: mozilla-central/source/
dom/base/nsimessagemanager.idl inherits from: nsisupports this interface is used to receive messages sent using the nsimessagebroadcaster, nsimessagesender, or nsisyncmessagesender interfaces.
nsIMessageSender
idl file: mozilla-central/source/
dom/base/nsimessagemanager.idl inherits from: nsimessagelistenermanager message senders enable clients to send asynchronous messages to a single "other side".
nsIMsgCompFields
t prbool indicates whether we need to check if the current documentcharset can represent all the characters in the message body.
nsIMsgDatabase
ahdr, in boolean aadd); boolean hdrisincache(in string asearchfolderuri, in nsimsgdbhdr ahdr); attributes attribute type description dbfolderinfo nsidbfolderinfo readonly: firstnew nsmsgkey readonly: msgretentionsettings nsimsgretentionsettings msgdownloadsettings nsimsgdownloadsettings lowwaterarticlenum nsmsgkey readonly: highwaterarticlenum nsmsgkey readonly: nextpseu
domsgkey nsmsgkey for undo-redo of move pop->imap.
nsINavHistoryResultViewObserver
toolkit/components/places/public/nsinavhistoryservice.idlscriptable this interface is used by clients of the history results to define
domain-specific handling of specific nsitreeview methods that the history result doesn't implement.
nsIPluginHost
dom/plugins/base/nsipluginhost.idlscriptable please add a summary to this article.
nsIPrintingPrompt
embedding/browser/webbrowser/nsiprintingprompt.idlscriptable this is the printing prompt interface which can be used without knowlege of a parent window.
nsIProcessScriptLoader
idl file: mozilla-central/source/
dom/base/nsimessagemanager.idl inherits from: nsisupports this interface is used by parent process message managers to load scripts into a child process.
nsIStructuredCloneContainer
dom/interfaces/base/nsistructuredclonecontainer.idlscriptable this interface acts as a container for an object serialized using the structured clone algorithm.
nsISyncMessageSender
idl file: mozilla-central/source/
dom/base/nsimessagemanager.idl inherits from: nsimessagelistenermanager message "senders" have a single "other side" to which messages are sent.
Styling the Folder Pane
this content covers features introduced in thunderbird 3 the folder pane in thunderbird is pre
dominantly controlled by code in folderpane.js.
Using tab-modal prompts
thewindow = gbrowser.contentwindow; let prompt = components.classes["@mozilla.org/prompter;1"] .getservice(components.interfaces.nsipromptfactory) .getprompt(thewindow, components.interfaces.nsiprompt); let bag = prompt.queryinterface(components.interfaces.nsiwritablepropertybag2); bag.setpropertyasbool("allowtabmodal", true); the var "thewindow" is a reference to the
dom window.
Flash Activation: Browser Comparison - Plugins
no no 'application/x-shockwave-flash' in navigator.mimetypes when user enables flash yes yes yes <object> with fallback content triggers ui yes, with exceptions no yes small/hidden flash triggers additional ui yes no no enabling flash automatically reloads the page no yes yes other features related to flash
domain blocking plugin power saver peripheral content pause each of the browser vendors has a roadmap about the future of flash and changes to the user experience.
Plugins
firefox 56 in september 2017, firefox for android will remove all support for plugins (bug 1381916).
Debugger.Memory - Firefox Developer Tools
own values include the following: “api” “eager_alloc_trigger” “destroy_runtime” “last_ditch” “too_much_malloc” “alloc_trigger” “debug_gc” “compartment_revived” “reset” “out_of_nursery” “evict_nursery” “full_store_buffer” “shared_memory_limit” “periodic_full_gc” “incremental_too_slow” “
dom_window_utils” “component_utils” “mem_pressure” “cc_waiting” “cc_forced” “load_end” “page_hide” “nsjscontext_destroy” “set_new_document” “set_doc_shell” “
dom_utils” “
dom_ipc” “
dom_worker” “inter_slice_gc” “refresh_frame” “full_gc_timer” “shutdown_cc” “user_inactive” noni...
Debugger.Object - Firefox Developer Tools
eans that the debugger can use the == operator to recognize when two debugger.object instances refer to the same debuggee object, and place its own properties on a debugger.object instance to store metadata about particular debuggee objects.
Debugger.Object - Firefox Developer Tools
eans that the debugger can use the == operator to recognize when two debugger.object instances refer to the same debuggee object, and place its own properties on a debugger.object instance to store metadata about particular debuggee objects.
Animation.id - Web APIs
the animation.id property of the web animations api returns or sets a string used to identify the animation.
AnimationEvent.pseudoElement - Web APIs
summary the animationevent.pseudoelement read-only property is a
domstring, starting with '::', containing the name of the pseudo-element the animation runs on.
AudioBuffer.getChannelData() - Web APIs
cript = document.queryselector('script'); pre.innerhtml = myscript.innerhtml; // stereo var channels = 2; // create an empty two second stereo buffer at the // sample rate of the audiocontext var framecount = audioctx.samplerate * 2.0; var myarraybuffer = audioctx.createbuffer(2, framecount, audioctx.samplerate); button.onclick = function() { // fill the buffer with white noise; //just ran
dom values between -1.0 and 1.0 for (var channel = 0; channel < channels; channel++) { // this gives us the actual arraybuffer that contains the data var nowbuffering = myarraybuffer.getchanneldata(channel); for (var i = 0; i < framecount; i++) { // math.ran
dom() is in [0; 1.0] // audio needs to be in [-1.0; 1.0] nowbuffering[i] = math.ran
dom() * 2 - 1; } } // get an...
AudioBufferSourceNode.detune - Web APIs
udioctx = new audiocontext(); const channelcount = 2; const framecount = audioctx.samplerate * 2.0; // 2 seconds const myarraybuffer = audioctx.createbuffer(channelcount, framecount, audioctx.samplerate); for (let channel = 0; channel < channelcount; channel++) { const nowbuffering = myarraybuffer.getchanneldata(channel); for (let i = 0; i < framecount; i++) { nowbuffering[i] = math.ran
dom() * 2 - 1; } } const source = audioctx.createbuffersource(); source.buffer = myarraybuffer; source.connect(audioctx.destination); source.detune.value = 100; // value in cents source.start(); specifications specification status comment web audio apithe definition of 'detune' in that specification.
AudioParamMap - Web APIs
the web audio api interface audioparammap represents a set of multiple audio parameters, each described as a mapping of a
domstring identifying the parameter to the audioparam object representing its value.
AudioTrack.label - Web APIs
the read-only audiotrack property label returns a string specifying the audio track's human-readable label, if one is available; otherwise, it returns an empty string.
AudioWorkletNode.parameters - Web APIs
r extends audioworkletprocessor { static get parameterdescriptors () { return [{ name: 'customgain', defaultvalue: 1, minvalue: 0, maxvalue: 1, automationrate: 'a-rate' }] } process (inputs, outputs, parameters) { const output = outputs[0] output.foreach(channel => { for (let i = 0; i < channel.length; i++) { channel[i] = (math.ran
dom() * 2 - 1) * (parameters['customgain'].length > 1 ?
BaseAudioContext.createBufferSource() - Web APIs
cript = document.queryselector('script'); pre.innerhtml = myscript.innerhtml; // stereo var channels = 2; // create an empty two second stereo buffer at the // sample rate of the audiocontext var framecount = audioctx.samplerate * 2.0; var myarraybuffer = audioctx.createbuffer(2, framecount, audioctx.samplerate); button.onclick = function() { // fill the buffer with white noise; //just ran
dom values between -1.0 and 1.0 for (var channel = 0; channel < channels; channel++) { // this gives us the actual arraybuffer that contains the data var nowbuffering = myarraybuffer.getchanneldata(channel); for (var i = 0; i < framecount; i++) { // math.ran
dom() is in [0; 1.0] // audio needs to be in [-1.0; 1.0] nowbuffering[i] = math.ran
dom() * 2 - 1; } } // get an...
BaseAudioContext.createScriptProcessor() - Web APIs
{ var inputdata = inputbuffer.getchanneldata(channel); var outputdata = outputbuffer.getchanneldata(channel); // loop through the 4096 samples for (var sample = 0; sample < inputbuffer.length; sample++) { // make output equal to the same as the input outputdata[sample] = inputdata[sample]; // add noise to each output sample outputdata[sample] += ((math.ran
dom() * 2) - 1) * 0.2; } } } getdata(); // wire up play button playbutton.onclick = function() { source.connect(scriptnode); scriptnode.connect(audioctx.destination); source.start(); } // when the buffer source stops playing, disconnect everything source.onended = function() { source.disconnect(scriptnode); scriptnode.disconnect(audioctx.destination); } specificati...
BluetoothRemoteGATTCharacteristic - Web APIs
omise<void> startnotifications(); promise<void> stopnotifications(); }; bluetoothremotegattcharacteristic implements eventtarget; bluetoothremotegattcharacteristic implements characteristiceventhandlers; properties bluetoothremotegattcharacteristic.serviceread only returns the bluetoothgattservice this characteristic belongs to.
BluetoothRemoteGATTService - Web APIs
tservice>> getincludedservices(optional bluetoothserviceuuid service); }; properties bluetoothremotegattservice.deviceread only returns information about a bluetooth device through an instance of bluetoothdevice.
DataTransfer.items - Web APIs
+ ev.target.id); // add this element's id to the drag payload so the drop handler will // know which element to add to its tree ev.datatransfer.setdata("text/plain", ev.target.id); ev.datatransfer.effectallowed = "move"; } function drop_handler(ev) { console.log("drop: target.id = " + ev.target.id); ev.preventdefault(); // get the id of the target and add the moved element to the target's
dom var data = ev.datatransfer.getdata("text"); ev.target.appendchild(document.getelementbyid(data)); // print each format type if (ev.datatransfer.types != null) { for (var i=0; i < ev.datatransfer.types.length; i++) { console.log("...
DataTransfer.types - Web APIs
+ ev.target.id); // add this element's id to the drag payload so the drop handler will // know which element to add to its tree ev.datatransfer.setdata("text/plain", ev.target.id); ev.datatransfer.effectallowed = "move"; } function drop_handler(ev) { console.log("drop: target.id = " + ev.target.id); ev.preventdefault(); // get the id of the target and add the moved element to the target's
dom var data = ev.datatransfer.getdata("text"); ev.target.appendchild(document.getelementbyid(data)); // print each format type if (ev.datatransfer.types != null) { for (var i=0; i < ev.datatransfer.types.length; i++) { console.log("...
DataTransferItem.kind - Web APIs
the read-only datatransferitem.kind property returns a datatransferitem representing the drag data item kind: some text or some file.
DataTransferItem.type - Web APIs
the read-only datatransferitem.type property returns the type (format) of the datatransferitem object representing the drag data item.
Document() - Web APIs
the document constructor creates a new document object that is a web page loaded in the browser and serving as an entry point into the page's content.
Document.anchors - Web APIs
le notes for reasons of backwards compatibility, the returned set of anchors only contains those anchors created with the name attribute, not those created with the id attribute.
Document.close() - Web APIs
ample // open a document to write to it document.open(); // write the content of the document document.write("<p>the one and only content.</p>"); // close the document document.close(); specifications specification status comment html living standardthe definition of 'document.close()' in that specification.
Document.links - Web APIs
; i++) { var linkhref = document.createtextnode(links[i].href); var linebreak = document.createelement("br"); document.body.appendchild(linkhref); document.body.appendchild(linebreak); } specifications specification status comment html living standardthe definition of 'document.links' in that specification.
Document.location - Web APIs
the document.location read-only property returns a location object, which contains information about the url of the document and provides methods for changing that url and loading another url.
Document: readystatechange event - Web APIs
listener('click', () => { log.textcontent =''; window.settimeout(() => { window.location.reload(true); }, 200); }); window.addeventlistener('load', (event) => { log.textcontent = log.textcontent + 'load\n'; }); document.addeventlistener('readystatechange', (event) => { log.textcontent = log.textcontent + `readystate: ${document.readystate}\n`; }); document.addeventlistener('
domcontentloaded', (event) => { log.textcontent = log.textcontent + `
domcontentloaded\n`; }); result specifications specification status comment html living standardthe definition of 'readystatechange' in that specification.
Document: scroll event - Web APIs
nscroll note: in ios uiwebviews, scroll events are not fired while scrolling is taking place; they are only fired after the scrolling has completed.
DocumentOrShadowRoot.elementsFromPoint() - Web APIs
r (var i = 0; i < elements.length; i++) { output.textcontent += elements[i].localname; if (i < elements.length - 1) { output.textcontent += " < "; } } } else { output.innerhtml = "<span style=\"color: red;\">" + "browser does not support <code>document.elementsfrompoint()</code>" + "</span>"; } specifications specification status shadow
domthe definition of 'elementsfrompoint()' in that specification.
EffectTiming.easing - Web APIs
cttimingreadonly.easing in timing objects returned by animationeffectreadonly, keyframeeffectreadonly, and keyframeeffect.
Element.animate() - Web APIs
te(keyframes, options); parameters keyframes either an array of keyframe objects, or a keyframe object whose property are arrays of values to iterate over.
Element: blur event - Web APIs
.getelementbyid('form'); form.addeventlistener('focus', (event) => { event.target.style.background = 'pink'; }, true); form.addeventlistener('blur', (event) => { event.target.style.background = ''; }, true); result specifications specification status comment ui events working draft added info that this event is composed.
Element: dblclick event - Web APIs
aside> css aside { background: #fe9; border-radius: 1em; display: inline-block; padding: 1em; transform: scale(.9); transform-origin: 0 0; transition: transform .6s; } .large { transform: scale(1.3); } result specifications specification status ui eventsthe definition of 'dblclick' in that specification.
Element: focus event - Web APIs
.getelementbyid('form'); form.addeventlistener('focus', (event) => { event.target.style.background = 'pink'; }, true); form.addeventlistener('blur', (event) => { event.target.style.background = ''; }, true); result specifications specification status comment ui events working draft added info that this event is composed.
Element: focusin event - Web APIs
cument.getelementbyid('form'); form.addeventlistener('focusin', (event) => { event.target.style.background = 'pink'; }); form.addeventlistener('focusout', (event) => { event.target.style.background = ''; }); result specifications specification status comment ui events working draft added info that this event is composed.
Element: focusout event - Web APIs
cument.getelementbyid('form'); form.addeventlistener('focusin', (event) => { event.target.style.background = 'pink'; }); form.addeventlistener('focusout', (event) => { event.target.style.background = ''; }); result specifications specification status comment ui events working draft added info that this event is composed.
Element.getAttributeNames() - Web APIs
(element.prototype.getattributenames == undefined) { element.prototype.getattributenames = function () { var attributes = this.attributes; var length = attributes.length; var result = new array(length); for (var i = 0; i < length; i++) { result[i] = attributes[i].name; } return result; }; } specifications specification status comment
domthe definition of 'element.getattributenames' in that specification.
Element.matches() - Web APIs
owever, given the practicality of supporting older browsers, the following should suffice for most (if not all) practical cases (i.e.
Element: mousedown event - Web APIs
n drawline(context, x1, y1, x2, y2) { context.beginpath(); context.strokestyle = 'black'; context.linewidth = 1; context.moveto(x1, y1); context.lineto(x2, y2); context.stroke(); context.closepath(); } result specifications specification status ui eventsthe definition of 'mousedown' in that specification.
Element: mousemove event - Web APIs
n drawline(context, x1, y1, x2, y2) { context.beginpath(); context.strokestyle = 'black'; context.linewidth = 1; context.moveto(x1, y1); context.lineto(x2, y2); context.stroke(); context.closepath(); } result specifications specification status ui eventsthe definition of 'mousemove' in that specification.
Element: mouseout event - Web APIs
nction( event ) { // highlight the mouseout target event.target.style.color = "orange"; // reset the color after a short delay settimeout(function() { event.target.style.color = ""; }, 500); }, false); result specifications specification status ui eventsthe definition of 'mouseout' in that specification.
Element: mouseover event - Web APIs
tion( event ) { // highlight the mouseover target event.target.style.color = "orange"; // reset the color after a short delay settimeout(function() { event.target.style.color = ""; }, 500); }, false); result specifications specification status ui eventsthe definition of 'mouseover' in that specification.
Element: mouseup event - Web APIs
ion drawline(context, x1, y1, x2, y2) { context.beginpath(); context.strokestyle = 'black'; context.linewidth = 1; context.moveto(x1, y1); context.lineto(x2, y2); context.stroke(); context.closepath(); } result specifications specification status ui eventsthe definition of 'mouseup' in that specification.
Element.querySelector() - Web APIs
s like this: notice how the "div span" selector still successfully matches the <span> element, even though the baseelement's child nodes do not include the div element (it is still part of the specified selector).
Element: scroll event - Web APIs
nscroll note: in ios uiwebviews, scroll events are not fired while scrolling is taking place; they are only fired after the scrolling has completed.
Event.defaultPrevented - Web APIs
ltprevented) { log.innertext = 'sorry, but you cannot visit this link!\n' + log.innertext; } else { log.innertext = 'visiting link...\n' + log.innertext; } } } const a = document.getelementbyid('link2'); a.addeventlistener('click', stoplink); document.addeventlistener('click', logclick); result specifications specification status comment
domthe definition of 'event.defaultprevented()' in that specification.
Event.msConvertURL() - Web APIs
corresponds to each file in the clipboarddata.files collection, allowing otherwise inaccessible files to be converted to blob or data uris.
EventTarget() - Web APIs
{ return this._secret; } }; let myeventtarget = new myeventtarget(5); let value = myeventtarget.secret; // == 5 myeventtarget.addeventlistener("foo", function(e) { this._secret = e.detail; }); let event = new customevent("foo", { detail: 7 }); myeventtarget.dispatchevent(event); let newvalue = myeventtarget.secret; // == 7 specifications specification status comment
domthe definition of 'eventtarget() constructor' in that specification.
Gamepad.id - Web APIs
ated by dashes (-): two 4-digit hexadecimal strings containing the usb vendor and product id of the controller the name of the controller as provided by the driver.
Gamepad.mapping - Web APIs
the gamepad.mapping property of the gamepad interface returns a string indicating whether the browser has remapped the controls on the device to a known layout.
GeolocationCoordinates.longitude - Web APIs
the geolocationcoordinates interface's read-only longitude property is a double-precision floating point value which represents the longitude of a geographical position, specified in decimal degrees.
GeolocationPosition - Web APIs
bject, comprehends the 2d position of the device, on a spheroid representing the earth, but also its altitude and its speed.
Using the Geolocation API - Web APIs
= navigator.geolocation.watchposition(success, error, options); describing a position the user's location is described using a geolocationposition object instance, which itself contains a geolocationcoordinates object instance.
GlobalEventHandlers.onscroll - Web APIs
ryselector('textarea'); const log = document.getelementbyid('log'); textarea.onscroll = logscroll; function logscroll(e) { log.textcontent = `scroll position: ${e.target.scrolltop}`; } result specifications specification status comment html living standardthe definition of 'onscroll' in that specification.
HTMLAnchorElement.download - Web APIs
the htmlanchorelement.download property is a
domstring indicating that the linked resource is intended to be downloaded rather than displayed in the browser.
Audio() - Web APIs
the audio() constructor creates and returns a new htmlaudioelement which can be either attached to a document for the user to interact with and/or listen to, or can be used offscreen to manage and play audio.
HTMLDataElement - Web APIs
ll="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="416" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmldataelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement.
HTMLDialogElement.returnValue - Web APIs
the returnvalue property of the htmldialogelement interface gets or sets the return value for the <dialog>, usually to indicate which button the user pressed to close it.
HTMLElement.click() - Web APIs
html <form> <input type="checkbox" id="mycheck" onmouseover="myfunction()" onclick="alert('click event occured')"> </form> javascript // on mouse-over, execute myfunction function myfunction() { document.getelementbyid("mycheck").click(); } specification specification status comment html living standard living standard document object model (
dom) level 2 html specification obsolete initial definition.
HTMLElement: input event - Web APIs
input = document.queryselector('input'); const log = document.getelementbyid('values'); input.addeventlistener('input', updatevalue); function updatevalue(e) { log.textcontent = e.target.value; } result specifications specification status html living standardthe definition of 'input event' in that specification.
HTMLElement.lang - Web APIs
example // this snippet compares the base language and // redirects to another url based on language if (document.documentelement.lang === "en") { window.location.href = "some_document.html.en"; } else if (document.documentelement.lang === "ru") { window.location.href = "some_document.html.ru"; } specification specification status comment document object model (
dom) level 2 html specificationthe definition of 'lang' in that specification.
HTMLFontElement.color - Web APIs
the obsolete htmlfontelement.color property is a
domstring that reflects the color html attribute, containing either a named color or a color specified in the hexadecimal #rrggbb format.
HTMLFontElement.face - Web APIs
the obsolete htmlfontelement.face property is a
domstring that reflects the face html attribute, containing a comma-separated list of one or more font names.
HTMLFormElement.elements - Web APIs
.getelementbyid("my-form").elements; // iterate over the form controls for (i = 0; i < inputs.length; i++) { // disable all form controls inputs[i].setattribute("disabled", ""); } specifications specification status comment html living standardthe definition of 'htmlformelement.elements' in that specification.
HTMLHyperlinkElementUtils.origin - Web APIs
the htmlhyperlinkelementutils.origin read-only property is a usvstring containing the unicode serialization of the origin of the represented url; that is: for url using the http or https, the scheme followed by '://', followed by the
domain, followed by ':', followed by the port (the default port, 80 and 443 respectively, if explicitely specified); for url using file: scheme, the value is browser dependant; for url using the blob: scheme, the origin of the url following blob:.
HTMLImageElement.alt - Web APIs
ings for your images, imagine what you would say when reading the page to someone over the phone without mentioning that there's an image on the page.
HTMLTableRowElement.insertCell() - Web APIs
e to the cell let newtext = document.createtextnode('new bottom row'); newcell.appendchild(newtext); } // call addrow() with the table's id addrow('my-table'); result specifications specification status comment html living standardthe definition of 'htmltablerowelement.insertcell()' in that specification.
HTMLTemplateElement - Web APIs
/><text x="396" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmltemplateelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties this interface inherits the properties of htmlelement.
HTMLTimeElement.dateTime - Web APIs
the htmltimeelement.datetime property is a
domstring that reflects the datetime html attribute, containing a machine-readable form of the element's date and time value.
HTMLTimeElement - Web APIs
"#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="416" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmltimeelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement.
HTMLTrackElement.src - Web APIs
the htmltrackelement.src property reflects the value of the <track> element's src attribute, which indicates the url of the text track's data.
Drag Operations - Web APIs
an event listener for the dragenter and dragover events, you use the data types of the data being dragged to check whether a drop is allowed.
Ajax navigation example - Web APIs
511: "network authentication required" }; var oreq, bisloading = false, bupdateurl = false; oloadingbox.id = "ajax-loader"; ocover.onclick = abortreq; oloadingimg.src = "data:image/gif;base64,r0lgodlheaaqapiaap///waaamlcwkjcqgaaagjiyokcgpkskih/c05fvfndqvbfmi4waweaaaah/hpdcmvhdgvkihdpdgggywphegxvywquaw5mbwah+qqjcgaaacwaaaaaeaaqaaadmwi63p4wyklre2mioggzna
domgyjrbexwroumcg2lmdewnhqlvsyod2mbzkydadka+diaaah+qqjcgaaacwaaaaaeaaqaaadnai63p5ojcegg4qmu7dmikrxqlfuydezigbmrvsaqhwctxxf7weyb4ag1xjihkmzsiukkhiaifkecqoaaaasaaaaabaaeaaaazyiujijk8pbyjdmlfyvbovjha70gu7xsujhmktwhpakzlo9hmaokwjz7rf8aypddzkpzbqfvwqaifkecqoaaaasaaaaabaaeaaaazmiumilk8oyhphsnfzfhyumcyuhdaqxridhhbgqrokw0r8dyljd8z0fmdgsgo/iphi5taaaifkecqoaaaasaaaaabaaeaaaaziiunink0rnzbtwgpnmgqwmdsngxgjuliweu...
History API - Web APIs
the
dom window object provides access to the browser's session history (not to be confused for webextensions history) through the history object.
IDBObjectStore.delete() - Web APIs
syntax var request = objectstore.delete(key); var request = objectstore.delete(keyrange); parameters key the key of the record to be deleted, or an idbkeyrange to delete all records with keys in range.
IDBObjectStore.index() - Web APIs
ns a named index in the current object store, after which it can be used to, for example, return a series of records sorted by that index using a cursor.
IDBObjectStore.put() - Web APIs
y needed for object stores that have an autoincrement primary key, therefore the key is not in a field on the record object.
IDBObjectStore - Web APIs
24 no support 23 — 57prefixed prefixed implemented with the vendor prefix: webkitedge full support 12firefox full support 44disabled full support 44disabled disabled from version 44: this feature is behind the
dom.indexeddb.experimental preference.
IDBRequest - Web APIs
ill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="201" y="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">idbrequest</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties also inherits properties from eventtarget.
KeyboardEvent.repeat - Web APIs
the repeat read-only property of the keyboardevent interface returns a boolean that is true if the given key is being held down such that it is automatically repeating.
KeyboardEvent.shiftKey - Web APIs
shift key pressed: " + e.shiftkey + "\n" + "alt key pressed: " + e.altkey + "\n" ); } </script> </head> <body onkeypress="showchar(event);"> <p>press any character key, with or without holding down the shift key.<br /> you can also use the shift key together with the alt key.</p> </body> </html> specifications specification status comment document object model (
dom) level 3 events specificationthe definition of 'keyboardevent.shiftkey' in that specification.
KeyboardEvent.which - Web APIs
function keydown(evt) { alert("onkeydown handler: \n" + "keycode property: " + evt.keycode + "\n" + "which property: " + evt.which + "\n" ); } </script> </head> <body onkeypress="showkeypress(event);" onkeydown="keydown(event);" > <p>please press any key.</p> </body> </html> specifications specification status comment document object model (
dom) level 3 events specificationthe definition of 'keyboardevent.which' in that specification.
Location: ancestorOrigins - Web APIs
the ancestororigins read-only property of the location interface is a static
domstringlist containing, in reverse order, the origins of all ancestor browsing contexts of the document associated with the given location object.
Location: origin - Web APIs
the origin read-only property of the location interface is a usvstring containing the unicode serialization of the origin of the represented url; that is: for url using the http or https, the scheme followed by '://', followed by the
domain, followed by ':', followed by the port (the default port, 80 and 443 respectively, if explicitely specified); for url using file: scheme, the value is browser dependant; for url using the blob: scheme, the origin of the url following blob:.
Location: password - Web APIs
the password property of the location interface is a usvstring containing the password specified before the
domain name.
NavigatorLanguage.language - Web APIs
the navigatorlanguage.language read-only property returns a string representing the preferred language of the user, usually the language of the browser ui.
Node.hasChildNodes() - Web APIs
nodes = prototype.haschildnodes || function() { return !!this.firstchild; } })(node.prototype); there are various ways to determine whether the node has a child node: node.haschildnodes() node.firstchild != null (or just node.firstchild) node.childnodes && node.childnodes.length (or node.childnodes.length > 0) specifications specification status comment
domthe definition of 'node: haschildnodes' in that specification.
Node.isEqualNode() - Web APIs
= document.getelementsbytagname("div"); output.innerhtml += "div 0 equals div 0: " + divlist[0].isequalnode(divlist[0]) + "<br/>"; output.innerhtml += "div 0 equals div 1: " + divlist[0].isequalnode(divlist[1]) + "<br/>"; output.innerhtml += "div 0 equals div 2: " + divlist[0].isequalnode(divlist[2]) + "<br/>"; results specifications specification status comment
domthe definition of 'node.isequalnode' in that specification.
Node.lookupPrefix() - Web APIs
the node.lookupprefix() method returns a
domstring containing the prefix for a given namespace uri, if present, and null if not.
Node.nodeValue - Web APIs
documenttype null element null namednodemap null entityreference null notation null processinginstruction entire content excluding the target text content of the text node when nodevalue is defined to be null, setting it has no effect.
Node.normalize() - Web APIs
.appendchild( document.createtextnode("part 2 ") ); // at this point, wrapper.childnodes.length === 2 // wrapper.childnodes[0].textcontent === "part 1 " // wrapper.childnodes[1].textcontent === "part 2 " wrapper.normalize(); // now, wrapper.childnodes.length === 1 // wrapper.childnodes[0].textcontent === "part 1 part 2 " specifications specification status comment
domthe definition of 'node: normalize' in that specification.
ParentNode.childElementCount - Web APIs
ll) { object.defineproperty(constructor.prototype, 'childelementcount', { get: function() { var i = 0, count = 0, node, nodes = this.childnodes; while (node = nodes[i++]) { if (node.nodetype === 1) count++; } return count; } }); } })(window.node || window.element); specification specification status comment
domthe definition of 'parentnode.childelementcount' in that specification.
ParentNode.firstElementChild - Web APIs
ion() { var node, nodes = this.childnodes, i = 0; while (node = nodes[i++]) { if (node.nodetype === 1) { return node; } } return null; } }); } })(window.node || window.element); specification specification status comment
domthe definition of 'parentnode.firstelementchild' in that specification.
ParentNode.lastElementChild - Web APIs
y(constructor.prototype, 'lastelementchild', { get: function() { var node, nodes = this.childnodes, i = nodes.length - 1; while(node = nodes[i--]) { if(node.nodetype === 1) { return node; } } return null; } }); } })(window.node || window.element); specification specification status comment
domthe definition of 'parentnode.lastelementchild' in that specification.
PayerErrors.email - Web APIs
email property failed validation; in this case, the property should contain a string describing how to correct the problem.
PaymentAddress.city - Web APIs
the city read-only property of the paymentaddress interface returns a string containing the city or town portion of the address.
PaymentAddress.country - Web APIs
the country read-only property of the paymentaddress interface is a string identifying the address's country using the iso 3166-1 alpha-2 standard.
PaymentResponse.onpayerdetailchange - Web APIs
)) ); // if we found any errors, wait for them to be corrected if (object.getownpropertynames(errors).length) { await response.retry(errors); } else { // we have a good payment; send the data to the server await fetch("/pay-for-things/", { method: "post", body: response.json() }); response.complete("success"); } }; await response.retry({ payer: { email: "invalid
domain.", phone: "invalid number.", }, }); specifications specification status comment payment request apithe definition of 'onpayerdetailchange' in that specification.
PaymentResponse: payerdetailchange event - Web APIs
)) ); // if we found any errors, wait for them to be corrected if (object.getownpropertynames(errors).length) { await response.retry(errors); } else { // we have a good payment; send the data to the server await fetch("/pay-for-things/", { method: "post", body: response.json() }); response.complete("success"); } }; await response.retry({ payer: { email: "invalid
domain.", phone: "invalid number.", }, }); addeventlistener equivalent you could also set up the event handler using the addeventlistener() method: response.addeventlistener("payerdetailchange", async ev => { ...
PaymentResponse.retry() - Web APIs
etails, options); try { let payresponse = await payrequest.show(); while (payresponse has errors) { /* let the user edit the payment information, wait until they submit */ await response.retry(); } await payresponse.complete("success"); } catch(err) { /* handle the exception */ } } examples try { await paymentrequest.retry(errorfields); } catch (
domexception err) { ...
Performance - Web APIs
nce.getentriesbytype() returns a list of performanceentry objects of the given entry type.
PerformanceResourceTiming.redirectEnd - Web APIs
entries() { // use getentriesbytype() to just get the "resource" events var p = performance.getentriesbytype("resource"); for (var i=0; i < p.length; i++) { print_start_and_end_properties(p[i]); } } function print_start_and_end_properties(perfentry) { // print timestamps of the performanceentry *start and *end properties properties = ["connectstart", "connectend", "
domainlookupstart", "
domainlookupend", "fetchstart", "redirectstart", "redirectend", "requeststart", "responsestart", "responseend", "secureconnectionstart"]; for (var i=0; i < properties.length; i++) { // check each property var supported = properties[i] in perfentry; if (supported) { var value = per...
PerformanceResourceTiming.redirectStart - Web APIs
entries() { // use getentriesbytype() to just get the "resource" events var p = performance.getentriesbytype("resource"); for (var i=0; i < p.length; i++) { print_start_and_end_properties(p[i]); } } function print_start_and_end_properties(perfentry) { // print timestamps of the performanceentry *start and *end properties properties = ["connectstart", "connectend", "
domainlookupstart", "
domainlookupend", "fetchstart", "redirectstart", "redirectend", "requeststart", "responsestart", "responseend", "secureconnectionstart"]; for (var i=0; i < properties.length; i++) { // check each property var supported = properties[i] in perfentry; if (supported) { var value = per...
Point - Web APIs
point is an interface, which existed only briefly in the css transforms level 1 specification, which represents a point in 2-dimensional space.
PointerEvent.getCoalescedEvents() - Web APIs
45safari no support nowebview android full support 58chrome android full support 58firefox android partial support 59disabled partial support 59disabled disabled from version 59: this feature is behind the
dom.w3c_pointer_events.enabled preference (needs to be set to true).
PointerEvent - Web APIs
the pointerevent interface represents the state of a
dom event produced by a pointer such as the geometry of the contact point, the device type that generated the event, the amount of pressure that was applied on the contact surface, etc.
Multi-touch interaction - Web APIs
pointer events extend
dom input events to support various pointing input devices such as pen/stylus and touch screens as well as mouse.
ProcessingInstruction - Web APIs
ion" target="_top"><rect x="436" y="1" width="210" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="541" y="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">processinginstruction</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties target (
domstring) read only a name identifying the application to which the instruction is targeted, specification specification status comment
domthe definition of 'processinginstruction' in that specification.
ProgressEvent() - Web APIs
the progressevent() constructor returns a newly created progressevent, representing the current completion of a long process.
PromiseRejectionEvent() - Web APIs
drejection", to match the event names of the possible (non-synthetic) promiserejectionevent events that user agents can actually fire).
RTCDTMFSender.toneBuffer - Web APIs
the rtcdtmfsender interface's tonebuffer property returns a string containing a list of the dtmf tones currently queued for sending to the remote peer over the rtcpeerconnection.
RTCDTMFSender - Web APIs
x="151" y="1" width="130" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="216" y="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">rtcdtmfsender</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties rtcdtmfsender.tonebuffer read only a
domstring which contains the list of dtmf tones currently in the queue to be transmitted (tones which have already been played are no longer included in the string).
RTCDataChannel: error event - Web APIs
t) { console.error(" sent dlts failure alert: ", err.receivedalert); } break; } // add source file name and line information console.error(" error in file ", err.filename, " at line ", err.linenumber, ", column ", err.columnnumber); }, false); the received event provides details in an rtcerror object called error; rtcerror is an extension of the
domexception interface.
RTCIceCandidate.component - Web APIs
the read-only component property on the rtcicecandidate interface is a string which indicates whether the candidate is an rtp or an rtcp candidate.
RTCIceCandidate.protocol - Web APIs
ult if not specified properly in the sdp, but this is an error condition and will result in a thrown exception when you call rtcpeerconnection.addicecandidate().
RTCIceCandidateType - Web APIs
the webrtc api's rtcicecandidatetype enumerated type provides a set of
domstring values representing the types of ice candidate that can arrive.
RTCIceComponent - Web APIs
the webrtc api's rtcicecomponent enumerated type contains
domstring values that each identify a specific ice component; these are "rtp" and "rtcp".
RTCIceParameters.password - Web APIs
the rtciceparameters dictionary's password property specifies the ice password that, in tandem with the usernamefragment, uniquely identifies an ice session for its entire duration.
RTCIceParameters.usernameFragment - Web APIs
the rtciceparameters dictionary's usernamefragment property specifies the username fragment ("ufrag") that uniquely identifies the corresponding ice session for the duration of the current ice session.
RTCIceProtocol - Web APIs
the webrtc api's rtciceprotocol enumerated type provides a set of
domstring values representing the names of the transport protocols ice candidates can use.
RTCIceTcpCandidateType - Web APIs
the webrtc api's rtcicetcpcandidatetype enumerated type provides a set of
domstring values representing the types of tcp candidates.
RTCIceTransport.gatheringState - Web APIs
the read-only rtcicetransport property gatheringstate returns a
domstring from the enumerated type rtcicegathererstate that indicates what gathering state the ice agent is currently in: "new", "gathering", or "complete".
RTCIceTransport.role - Web APIs
the read-only rtcicetransport property role indicates which ice role the transport is fulfilling: that of the controlling agent, or the agent that is being controlled.
RTCIceTransport.state - Web APIs
the read-only rtcicetransport property state returns the current state of the ice transport, so you can determine the state of ice gathering in which the ice agent currently is operating.
RTCIdentityErrorEvent.idp - Web APIs
the read-only property rtcidentityerrorevent.idp returns the
domstring describing the
domain name of the identity provider (idp) generating the error response event.
RTCStats.type - Web APIs
the rtcstats dictionary's property type is a string which specifies the type of statistic represented by the object, where the permitted values are drawn from the enum type rtcstatstype.
Range() - Web APIs
'p'); // create new range const range = new range(); // start range at second paragraph range.setstartbefore(paragraphs[1]); // end range at third paragraph range.setendafter(paragraphs[2]); // get window selection const selection = window.getselection(); // add range to window selection selection.addrange(range); result specification specification status comment
domthe definition of 'range.range()' in that specification.
Range.compareNode() - Web APIs
r) return 2; return 3; } syntax returnvalue = range.comparenode( referencenode ); parameters referencenode the node to compare with the range.
Range.createContextualFragment() - Web APIs
agstring = "<div>i am a div node</div>"; var range = document.createrange(); // make the parent of the first div in the document becomes the context node range.selectnode(document.getelementsbytagname("div").item(0)); var documentfragment = range.createcontextualfragment(tagstring); document.body.appendchild(documentfragment); specification specification status comment
dom parsing and serializationthe definition of 'range.createcontextualfragment()' in that specification.
Range.getBoundingClientRect() - Web APIs
the range.getboundingclientrect() method returns a
domrect object that bounds the contents of the range; this is a rectangle enclosing the union of the bounding rectangles for all the elements in the range.
Request.cache - Web APIs
mode: "same-origin", signal: controller.signal}) } // other possible conditions if (dt < (date.now() - 300000)) // if it's older than 5 minutes fetch("some.json", {cache: "no-cache", mode: "same-origin"}) // no cancellation or return value.
SVGPreserveAspectRatio - Web APIs
perties name type description align unsigned short the type of the alignment value as specified by one of the svg_preserveaspectratio_* constants defined on this interface.
SVGRectElement - Web APIs
w.w3.org/2000/svg" version="1.1"> <rect width="300" height="100" id="myrect" onclick="dorectclick()" style="fill:rgb(0,0,255);stroke-width:1;stroke:rgb(0,0,0)" /> <text x="60" y="40" fill="white" font-size="40" onclick="dorectclick();">click me</text> </svg> javascript content function dorectclick(){ var myrect = document.getelementbyid('myrect'); var r = math.floor(math.ran
dom() * 255); var g = math.floor(math.ran
dom() * 255); var b = math.floor(math.ran
dom() * 255); myrect.style.fill = 'rgb(' + r + ', ' + g + ' , ' + b + ')'; } click the rect.
Screen.lockOrientation() - Web APIs
entation will change from an orientation to another as long as the orientations are amongst the orientations the device has been locked to.
ScriptProcessorNode: audioprocess event - Web APIs
{ var inputdata = inputbuffer.getchanneldata(channel); var outputdata = outputbuffer.getchanneldata(channel); // loop through the 4096 samples for (var sample = 0; sample < inputbuffer.length; sample++) { // make output equal to the same as the input outputdata[sample] = inputdata[sample]; // add noise to each output sample outputdata[sample] += ((math.ran
dom() * 2) - 1) * 0.2; } } }) you could also set up the event handler using the scriptprocessornode.onaudioprocess property: scriptnode.onaudioprocess = function(audioprocessingevent) { ...
ScriptProcessorNode.bufferSize - Web APIs
{ var inputdata = inputbuffer.getchanneldata(channel); var outputdata = outputbuffer.getchanneldata(channel); // loop through the 4096 samples for (var sample = 0; sample < inputbuffer.length; sample++) { // make output equal to the same as the input outputdata[sample] = inputdata[sample]; // add noise to each output sample outputdata[sample] += ((math.ran
dom() * 2) - 1) * 0.2; } } } getdata(); // wire up play button playbutton.onclick = function() { source.connect(scriptnode); scriptnode.connect(audioctx.destination); source.start(); } // when the buffer source stops playing, disconnect everything source.onended = function() { source.disconnect(scriptnode); scriptnode.disconnect(audioctx.destination); } specifications s...
ScriptProcessorNode.onaudioprocess - Web APIs
{ var inputdata = inputbuffer.getchanneldata(channel); var outputdata = outputbuffer.getchanneldata(channel); // loop through the 4096 samples for (var sample = 0; sample < inputbuffer.length; sample++) { // make output equal to the same as the input outputdata[sample] = inputdata[sample]; // add noise to each output sample outputdata[sample] += ((math.ran
dom() * 2) - 1) * 0.2; } } } getdata(); // wire up play button playbutton.onclick = function() { source.connect(scriptnode); scriptnode.connect(audioctx.destination); source.start(); } // when the buffer source stops playing, disconnect everything source.onended = function() { source.disconnect(scriptnode); scriptnode.disconnect(audioctx.destination); } specificati...
ScriptProcessorNode - Web APIs
{ var inputdata = inputbuffer.getchanneldata(channel); var outputdata = outputbuffer.getchanneldata(channel); // loop through the 4096 samples for (var sample = 0; sample < inputbuffer.length; sample++) { // make output equal to the same as the input outputdata[sample] = inputdata[sample]; // add noise to each output sample outputdata[sample] += ((math.ran
dom() * 2) - 1) * 0.2; } } } getdata(); // wire up play button playbutton.onclick = function() { source.connect(scriptnode); scriptnode.connect(audioctx.destination); source.start(); } // when the buffer source stops playing, disconnect everything source.onended = function() { source.disconnect(scriptnode); scriptnode.disconnect(audioctx.destination); } specifications s...
Selection.setBaseAndExtent() - Web APIs
the setbaseandextent() method of the selection interface sets the selection to be a range including all or parts of two specified
dom nodes, and any content located between them.
TextDecoder.prototype.decode() - Web APIs
the textdecoder.prototype.decode() method returns a
domstring containing the text, given in parameters, decoded with the specific method for that textdecoder object.
TextEncoder.encoding - Web APIs
the textencoder.encoding read-only property returns a
domstring containing the name of the encoding algorithm used by the specific encoder.
TextEncoder - Web APIs
0b10*/<<6) | (point&0x3f/*0b00111111*/); } } if (typeof uint8array !== "undefined") return resarr.subarray(0, respos + 1); // else // ie 6-9 resarr.length = respos + 1; // trim off extra weight return resarr; }; textencoder.prototype.tostring = function(){return "[object textencoder]"}; try { // object.defineproperty only works on
dom prototypes in ie8 object.defineproperty(textencoder.prototype,"encoding",{ get:function(){if(textencoder.prototype.isprototypeof(this)) return"utf-8"; else throw typeerror("illegal invocation");} }); } catch(e) { /*ie6-8 fallback*/ textencoder.prototype.encoding = "utf-8"; } if(typeof symbol!=="undefined")textencoder.prototype[symbol.
TextRange - Web APIs
a boolean indicating whether the specified command can be executed successfully with the execcommand method in the current state of the given document.
getTrackById() - Web APIs
the texttracklist method gettrackbyid() returns the first texttrack object from the track list whose id matches the specified string.
TimeEvent - Web APIs
text { fill: #0095dd; pointer-events: all;} properties timeevent.detail read only is a long that specifies some detail information about the event, depending on the type of the event.
TouchEvent - Web APIs
he passive option to false, after which calling preventdefault() will work as specified.
Using Touch Events - Web APIs
with a touch surface, moving a touch point while maintaining contact with the surface, releasing a touch point and canceling a touch event.
TrackDefault.kinds - Web APIs
the kinds read-only property of the trackdefault interface returns default kinds for an associated sourcebuffer to use when an initialization segment does not contain label information for a new track.
TrackDefault.label - Web APIs
the label read-only property of the trackdefault interface returns the default label for an associated sourcebuffer to use when an initialization segment does not contain label information for a new track.
TrackDefault.language - Web APIs
the language read-only property of the trackdefault interface returns a default language for an associated sourcebuffer to use when an initialization segment does not contain language information for a new track.
TrackDefault.type - Web APIs
the type read-only property of the trackdefault interface returns the type of track that this sourcebuffer's media segment data relates to (i.e.
URL.origin - Web APIs
the origin read-only property of the url interface returns a usvstring containing the unicode serialization of the origin of the represented url.
URL.password - Web APIs
the password property of the url interface is a usvstring containing the password specified before the
domain name.
URL.port - Web APIs
the port property of the url interface is a usvstring containing the port number of the url.
URL.username - Web APIs
the username property of the url interface is a usvstring containing the username specified before the
domain name.
URLUtilsReadOnly.hash - Web APIs
the urlutilsreadonly.hash read-only property returns a
domstring containing a '#' followed by the fragment identifier of the url.
URLUtilsReadOnly.host - Web APIs
the urlutilsreadonly.host read-only property returns a
domstring containing the host, that is the hostname, a ':', and the port of the url.
URLUtilsReadOnly.origin - Web APIs
the urlutilsreadonly.origin read-only property is a
domstring containing the unicode serialization of the origin of the represented url, that is, for http and https, the scheme followed by '://', followed by the
domain, followed by ':', followed by the port (the default port, 80 and 443 respectively, if explicitely specified).
XPathResult.booleanValue - Web APIs
html <div>xpath example</div> <p>text is 'xpath example': <output></output></p> javascript var xpath = "//div/text() = 'xpath example'"; var result = document.evaluate(xpath, document, null, xpathresult.boolean_type, null); document.queryselector("output").textcontent = result.booleanvalue; result specifications specification status comment document object model (
dom) level 3 xpath specificationthe definition of 'xpathresult.booleanvalue' in that specification.
XPathResult.invalidIteratorState - Web APIs
></p> javascript var xpath = "//div"; var result = document.evaluate(xpath, document, null, xpathresult.any_type, null); // invalidates the iterator state document.queryselector("div").remove(); document.queryselector("output").textcontent = result.invaliditeratorstate ?
XPathResult.iterateNext() - Web APIs
> javascript var xpath = "//div"; var result = document.evaluate(xpath, document, null, xpathresult.any_type, null); var node = null; var tagnames = []; while(node = result.iteratenext()) { tagnames.push(node.localname); } document.queryselector("output").textcontent = tagnames.join(", "); result specifications specification status comment document object model (
dom) level 3 xpath specificationthe definition of 'xpathresult.iteratenext()' in that specification.
XPathResult.resultType - Web APIs
iv> javascript var xpath = "//div"; var result = document.evaluate(xpath, document, null, xpathresult.any_type, null); document.queryselector("output").textcontent = result.resulttype >= xpathresult.unordered_node_iterator_type && result.resulttype <= xpathresult.first_ordered_node_type; result specifications specification status comment document object model (
dom) level 3 xpath specificationthe definition of 'xpathresult.resulttype' in that specification.
XPathResult.singleNodeValue - Web APIs
g the text content 'xpath example': <output></output></div> javascript var xpath = "//*[text()='xpath example']"; var result = document.evaluate(xpath, document, null, xpathresult.first_ordered_node_type, null); document.queryselector("output").textcontent = result.singlenodevalue.localname; result specifications specification status comment document object model (
dom) level 3 xpath specificationthe definition of 'xpathresult.singlenodevalue' in that specification.
XPathResult.snapshotItem() - Web APIs
(xpath, document, null, xpathresult.ordered_node_snapshot_type, null); var node = null; var tagnames = []; for(var i = 0; i < result.snapshotlength; i++) { var node = result.snapshotitem(i); tagnames.push(node.localname); } document.queryselector("output").textcontent = tagnames.join(", "); result specifications specification status comment document object model (
dom) level 3 xpath specificationthe definition of 'xpathresult.snapshotitem()' in that specification.
XPathResult.stringValue - Web APIs
html <div>xpath example</div> <div>text content of the <div> above: <output></output></div> javascript var xpath = "//div/text()"; var result = document.evaluate(xpath, document, null, xpathresult.string_type, null); document.queryselector("output").textcontent = result.stringvalue; result specifications specification status comment document object model (
dom) level 3 xpath specificationthe definition of 'xpathresult.stringvalue' in that specification.
XRFrameRequestCallback - Web APIs
the xrframerequestcallback is a callback function passed into xrsession.requestanimationframe (part of webxr api) to obtain the current time and the current xrframe.
XRInputSource.handedness - Web APIs
the read-only xrinputsource property handedness indicates which of the user's hands the webxr input source is associated with, or if it's not associated with a hand at all.
XRView.eye - Web APIs
the xrview interface's read-only eye property is a string taken from the xreye enumerated type, indicating which eye's viewpoint the xrview represents: left or right.
Using the aria-describedby attribute - Accessibility
<div id="descriptionclose">closing this window will discard any information entered and return you back to the main page</div> working examples: checkbox example uses aria-describedby tooltip example uses aria-describedby notes the aria-describedby attributed is not designed to reference descriptions on an external resource—since it is an id, it must reference an element in the same
dom document.
Using the group role - Accessibility
"menuitem">custom folder 1</li> <li role="menuitem">custom folder 2</li> <li role="menuitem">custom folder 3</li> </ul> <ul role="group"> <li role="menuitem">new folder</li> </ul> </div> working examples: file directory treeview example using computed properties navigation treeview example using declared properties notes group members that are outside of the
dom subtree of the group need to have explicit relationships assigned to them in order to participate in the group.
Using the link role - Accessibility
roblems with this approach: it is very difficult to detect whether the target of the fake link has been visited before, and therefore use :visited styles (e.g.
ARIA: tab role - Accessibility
nd all tabs with aria-selected=true inside the parent element and sets it to false, then sets the triggering element's aria-selected to true.
ARIA: textbox role - Accessibility
tbox"/> <!-- multi-line text area --> <label for="txtboxmultiline">enter the tags for the article</label> <textarea id="txtboxmultiline" required></textarea> where a text field is read-only, indicated this by setting aria-readonly="true" on the element.
ARIA - Accessibility
ria-valuemin and aria-valuemax attributes specify the minimum and maximum values for the progress bar, and the aria-valuenow describes the current state of it and therefore must be kept updated with javascript.
:disabled - CSS: Cascading Style Sheets
</label> <input type="checkbox" id="billing-checkbox" checked> <br> <input type="text" placeholder="name" disabled> <input type="text" placeholder="address" disabled> <input type="text" placeholder="zip code" disabled> </fieldset> </form> css input[type="text"]:disabled { background: #ccc; } javascript // wait for the page to finish loading document.addeventlistener('
domcontentloaded', function () { // attach `change` event listener to checkbox document.getelementbyid('billing-checkbox').onchange = togglebilling; }, false); function togglebilling() { // select the billing text fields var billingitems = document.queryselectorall('#billing input[type="text"]'); // toggle the billing text fields for (var i = 0; i < billingitems.length; i++) { billi...
Box-shadow generator - CSS: Cascading Style Sheets
a; } var value = "rgb" + a + rgb + v + ")"; return value; } color.prototype.getcolor = function getcolor() { if (this.a | 0 === 1) return this.gethexa(); return this.getrgba(); } /** * shadow object */ function shadow() { this.inset = false; this.posx = 5; this.posy = -5; this.blur = 5; this.spread = 0; this.color = new color(); var hue = (math.ran
dom() * 360) | 0; var saturation = (math.ran
dom() * 75) | 0; var value = (math.ran
dom() * 50 + 50) | 0; this.color.sethsv(hue, saturation, value, 1); } shadow.prototype.computecss = function computecss() { var value = ""; if (this.inset === true) value += "inset "; value += this.posx + "px "; value += this.posy + "px "; value += this.blur + "px "; value += this.spread + "px ...
Color picker tool - CSS: Cascading Style Sheets
de, getstep : getstep, setvalue : setvalue, subscribe : subscribe, unsubscribe : unsubscribe, setprecision : setprecision, setsensivity : setsensivity, getprecision : getprecision, createslider : createslider, }; })(); 'use strict'; window.addeventlistener("load", function() { colorpickertool.init(); }); var colorpickertool = (function colorpickertool() { /*========== get
dom element by id ==========*/ function getelembyid(id) { return document.getelementbyid(id); } function allowdropevent(e) { e.preventdefault(); } /*========== make an element resizable relative to it's parent ==========*/ var uicomponent = (function uicomponent() { function makeresizable(elem, axis) { var valuex = 0; var valuey = 0; var action = 0; var resizestart = fun...
Using CSS transitions - CSS: Cascading Style Sheets
color: #fff; background-color: #333; transition: all 1s ease-out; } a:hover, a:focus { color: #333; background-color: #fff; } this css establishes the look of the menu, with the background and text colors both changing when the element is in its :hover and :focus states.
Microsoft CSS extensions - CSS: Cascading Style Sheets
-scroll-translation -ms-text-autospace -ms-touch-select -ms-wrap-flow -ms-wrap-margin -ms-wrap-through zoom pseudo-elements ::-ms-browse ::-ms-check ::-ms-clear ::-ms-expand ::-ms-fill ::-ms-fill-lower ::-ms-fill-upper ::-ms-reveal ::-ms-thumb ::-ms-ticks-after ::-ms-ticks-before ::-ms-tooltip ::-ms-track ::-ms-value media features -ms-high-contrast css-related
dom apis mscontentzoomfactor msgetpropertyenabled msgetregioncontent msrangecollection msregionoverflow ...
Linear-gradient Generator - CSS: Cascading Style Sheets
scribe : subscribe, unsubscribe : unsubscribe }; })(); window.addeventlistener("load", function() { lineargradienttool.init(); }); window.addeventlistener("load", function() { lineargradienttool.init(); }); var lineargradienttool = (function lineargradienttool() { 'use strict'; var radian = 180 / math.pi; var inv_radian = math.pi / 180; var units = {'%': 1, 'px' : 0}; /*==========
dom methods ==========*/ function getelembyid(id) { return document.getelementbyid(id); } function allowdropevent(e) { e.preventdefault(); } function createclasselement(tag, classname, parent) { var elem = document.createelement(tag); elem.classname = classname; if (parent) parent.appendchild(elem); return elem; }; function trackmouse(elem, callback, startfunc, endfunc) { sta...
Origin - HTTP
n fetch requests with a method of head or get (this behavior was corrected in firefox 65 — see bug 1508661).
X-Forwarded-Host - HTTP
ndent content and by design it exposes privacy sensitive information, such as the ip address of the client.
Functions - JavaScript
...can be converted into a recursive function declaration, followed by a call to that function: function loop(x) { if (x >= 10) // "x >= 10" is the exit condition (equivalent to "!(x < 10)") return; // do stuff loop(x + 1); // the recursive call } loop(0); however, some algorithms cannot be simple iterative loops.
Array.prototype.reduceRight() - JavaScript
) { return a.concat(b); }, []); // flattened is [4, 5, 2, 3, 0, 1] run a list of asynchronous functions with callbacks in series each passing their results to the next const waterfall = (...functions) => (callback, ...args) => functions.reduceright( (composition, fn) => (...results) => fn(composition, ...results), callback )(...args); const randint = max => math.floor(math.ran
dom() * max) const add5 = (callback, x) => { settimeout(callback, randint(1000), x + 5); }; const mult3 = (callback, x) => { settimeout(callback, randint(1000), x * 3); }; const sub2 = (callback, x) => { settimeout(callback, randint(1000), x - 2); }; const split = (callback, x) => { settimeout(callback, randint(1000), x, x); }; const add = (callback, x, y) => { settimeout(callback, randint...
Function.prototype.bind() - JavaScript
= 42 // (the second argument is ignored) with settimeout() by default within window.settimeout(), the this keyword will be set to the window (or global) object.
Map - JavaScript
preferable in certain cases: map object accidental keys a map does not contain any keys by default.
Object.create() - JavaScript
ent order > showproperties( ob ) // display top-level properties - error: cannot convert object to primitive value note that neither property gets shown.
Object.values() - JavaScript
it, you can find a polyfill in the tc39/proposal-object-values-entries or in the es-shims/object.values repositories.
String.fromCodePoint() - JavaScript
depoint >> 10) + 0xd800, // highsurrogate (codepoint % 0x400) + 0xdc00 // lowsurrogate ); } if (codelen >= 0x3fff) { result += stringfromcharcode.apply(null, codeunits); codeunits.length = 0; } } return result + stringfromcharcode.apply(null, codeunits); }; try { // ie 8 only supports `object.defineproperty` on
dom elements object.defineproperty(string, "fromcodepoint", { "value": fromcodepoint, "configurable": true, "writable": true }); } catch(e) { string.fromcodepoint = fromcodepoint; } }(string.fromcharcode)); examples using fromcodepoint() valid input: string.fromcodepoint(42); // "*" string.fromcodepoint(65, 90); // "az" string.fromcodepoint(0x404); //...
Symbol.toStringTag - JavaScript
ass validatorclass {} object.prototype.tostring.call(new validatorclass()); // "[object object]" custom tag with tostringtag now, with the help of tostringtag, you are able to set your own custom tag: class validatorclass { get [symbol.tostringtag]() { return 'validator'; } } object.prototype.tostring.call(new validatorclass()); // "[object validator]" tostringtag available on all
dom prototype objects due to a webidl spec change in mid-2020, browsers are adding a symbol.tostringtag property to all
dom prototype objects.
eval() - JavaScript
r[0]] = value; } var obj = {a: {b: {c: 0}}}; var proppath = getproppath(); // returns e.g.
for...of - JavaScript
const iterable = new set([1, 1, 2, 2, 3, 3]); for (const value of iterable) { console.log(value); } // 1 // 2 // 3 iterating over the arguments object you can iterate over the arguments object to examine all of the parameters passed into a javascript function: (function() { for (const argument of arguments) { console.log(argument); } })(1, 2, 3); // 1 // 2 // 3 iterating over a
dom collection iterating over
dom collections like nodelist: the following example adds a read class to paragraphs that are direct descendants of an article: // note: this will only work in platforms that have // implemented nodelist.prototype[symbol.iterator] const articleparagraphs = document.queryselectorall('article > p'); for (const paragraph of articleparagraphs) { paragraph.classlist.add(...
JavaScript
totype-based, multi-paradigm, single-threaded, dynamic language, supporting object-oriented, imperative, and declarative (e.g.
<altGlyph> - SVG: Scalable Vector Graphics
tributes core attributes most notably: id lang 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,
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 xlink attributes xlink:href, xlink:type, xlink:role, xlink:arcrole, xlink:title, xlink:show, xlink:actuate
dom inter...
<animateColor> - SVG: Scalable Vector Graphics
entany number of the following elements, in any order:descriptive elements attributes global attributes conditional processing attributes core attributes animation event attributes xlink attributes animation attribute target attributes animation timing attributes animation value attributes animation addition attributes externalresourcesrequired specific attributes by from to
dom interface this element implements the svganimatecolorelement interface.
<animateTransform> - SVG: Scalable Vector Graphics
nite"/> </polygon> </svg> live sample attributes global attributes conditional processing attributes » core attributes » animation event attributes » xlink attributes » animation attribute target attributes » animation timing attributes » animation value attributes » animation addition attributes » externalresourcesrequired specific attributes by from to type
dom interface this element implements the svganimatetransformelement interface.
<feComposite> - SVG: Scalable Vector Graphics
k1, k2, k3 and k4 indicate the values of the attributes with the same name usage context categoriesfilter primitive elementpermitted contentany number of the following elements, in any order:<animate>, <set> attributes global attributes core attributes » presentation attributes » filter primitive attributes » class style specific attributes in in2 operator k1 k2 k3 k4
dom interface this element implements the svgfecompositeelement interface.
<feConvolveMatrix> - SVG: Scalable Vector Graphics
(9+8+7+6+5+4+3+2+1) usage context categoriesfilter primitive elementpermitted contentany number of the following elements, in any order:<animate>, <set> attributes global attributes core attributes presentation attributes filter primitive attributes class style specific attributes in order kernelmatrix divisor bias targetx targety edgemode kernelunitlength preservealpha
dom interface this element implements the svgfeconvolvematrixelement interface.
<font-face> - SVG: Scalable Vector Graphics
font-weight font-stretch font-size unicode-range units-per-em panose-1 stemv stemh slope cap-height x-height accent-height ascent descent widths bbox ideographic alphabetic mathematical hanging v-ideographic v-alphabetic v-mathematical v-hanging underline-position underline-thickness strikethrough-position strikethrough-thickness overline-position overline-thickness
dom interface this element implements the svgfontfaceelement interface.
<font> - SVG: Scalable Vector Graphics
ext categoriesfont elementpermitted contentany number of the following elements, in any order:descriptive elements<font-face>, <glyph>, <hkern>, <missing-glyph>, <vkern> attributes global attributes core attributes presentation attributes class style externalresourcesrequired specific attributes horiz-origin-x horiz-origin-y horiz-adv-x vert-origin-x vert-origin-y vert-adv-y
dom interface this element implements the svgfontelement interface.
<glyph> - SVG: Scalable Vector Graphics
ef>, <clippath>, <color-profile>, <cursor>, <filter>, <font>, <font-face>, <foreignobject>, <image>, <marker>, <mask>, <pattern>, <script>, <style>, <switch>, <text>, <view> attributes global attributes core attributes presentation attributes class style specific attributes d horiz-adv-x vert-origin-x vert-origin-y vert-adv-y unicode glyph-name orientation arabic-form lang
dom interface this element implements the svgglyphelement interface.
<hatch> - SVG: Scalable Vector Graphics
goriesnever-rendered element, paint server elementpermitted contentany number of the following elements, in any order:animation elementsdescriptive elements<hatchpath>, <script>, <style> attributes global attributes core attributes global event attributes presentation attributes style attributes specific attributes x y pitch rotate hatchunits hatchcontentunits transform href
dom interface this element implements the svghatchelement interface.
<missing-glyph> - SVG: Scalable Vector Graphics
tsstructural elementsgradient elements<a>, <altglyphdef>, <clippath>, <color-profile>, <cursor>, <filter>, <font>, <font-face>, <foreignobject>, <image>, <marker>, <mask>, <pattern>, <script>, <style>, <switch>, <text>, <view> attributes global attributes core attributes presentation attributes class style specific attributes d horiz-adv-x vert-origin-x vert-origin-y vert-adv-y
dom interface this element implements the svgmissingglyphelement interface.
<switch> - SVG: Scalable Vector Graphics
riescontainer elementpermitted contentany number of the following elements, in any order:animation elementsdescriptive elementsshape elements<a>, <foreignobject>, <g>, <image>, <svg>, <switch>, <text>, <use> attributes global attributes conditional processing attributes core attributes graphical event attributes presentation attributes class style externalresourcesrequired transform
dom interface this element implements the svgswitchelement interface.
<text> - SVG: Scalable Vector Graphics
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, aria-atomic, aria-autocomplete, aria-busy, aria-checked, aria-colcount, aria-co...
<tref> - SVG: Scalable Vector Graphics
content element, text content child elementpermitted contentany number of the following elements, in any order:descriptive elements<animate>, <animatecolor>, <set> attributes global attributes conditional processing attributes core attributes graphical event attributes presentation attributes xlink attributes class style externalresourcesrequired specific attributes xlink:href
dom interface this element implements the svgtrefelement interface.
<tspan> - SVG: Scalable Vector Graphics
e; animatable: yes global attributes core attributes most notably: id, tabindex styling attributes class, style conditional processing attributes most notably: requiredextensions, systemlanguage event attributes global event attributes, graphical event attributes presentation attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display,
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, aria-atomic, aria-autocomplete, aria-busy, aria-checked, aria-colcount, aria-co...
<view> - SVG: Scalable Vector Graphics
alsizeview" viewbox="0 0 600 200"/> <view id="doublesizeview" viewbox="0 0 300 100"/> <a xlink:href="#halfsizeview"> <text x="5" y="20" font-size="20">half size</text> </a> <a xlink:href="#normalsizeview"> <text x="5" y="40" font-size="20">normal size</text> </a> <a xlink:href="#doublesizeview"> <text x="5" y="60" font-size="20">double size</text> </a> </svg> result
dom interface this element implements the svgviewelement interface.
Getting started - SVG: Scalable Vector Graphics
file can be referenced with an object element: <object data="image.svg" type="image/svg+xml" /> likewise an iframe element can be used: <iframe src="image.svg"></iframe> an img element can theoretically be used too.
SVG In HTML Introduction - SVG: Scalable Vector Graphics
wards compatible to browsers that do not support svg; simply, no background appears in them it's very simple and performs very well the picture dynamically sizes itself to the required size in an intelligent way we can have declarative style rules applying to both html and svg the same script manipulates both html and svg the document is entirely standards-based to add a linked image with
dom methods to an embedded svg element, one has to use setattributens to set href.
SVG fonts - SVG: Scalable Vector Graphics
k="20" /> referencing a font when you have put together your font declaration as described above, you can just use a simple font-family attribute to actually apply the font to some svg text: <font> <font-face font-family="super sans" /> <!-- and so on --> </font> <text font-family="super sans">my text uses super sans</text> however, you are free to combine several methods for great free
dom of how and where to define the font.
Features restricted to secure contexts - Web security
not supported not supported not supported cache-control: immutable not supported 15 11 49 credential management api 51 not supported not supported not supported generic sensor api 67 not supported not supported not supported payment request api (and basic card payment).
Transport Layer Security - Web security
gurator is a recommended way to create the configuration to meet your needs; then copy and paste it into the appropriate file on your server and restart the server to pick up the changes.