Search completed in 1.05 seconds.
MediaSessionActionDetails.action - Web APIs
the
action property is the only required property mediasession
actiondetails dictionary, specifying the type of media session
action which the
action handler callback is being executed for.
... the
action property is the only required property mediasession
actiondetails dictionary, specifying the type of media session
action which the
action handler callback is being executed for.
... the
action property is the only required property mediasession
actiondetails dictionary, specifying the type of media session
action which the
action handler callback is being executed for.
...And 8 more matches
nsITransactionListener
editor/txmgr/idl/nsitrans
actionlistener.idlscriptable this interface is implemented by an object that tracks trans
actions.
... editor/txmgr/idl/nsitrans
actionlistener.idlscriptable this interface is implemented by an object that tracks trans
actions.
... editor/txmgr/idl/nsitrans
actionlistener.idlscriptable this interface is implemented by an object that tracks trans
actions.
...And 114 more matches
nsITransactionManager
editor/txmgr/idl/nsitrans
actionmanager.idlscriptable this interface is implemented by an object that wants to manage/track trans
actions.
... editor/txmgr/idl/nsitrans
actionmanager.idlscriptable this interface is implemented by an object that wants to manage/track trans
actions.
... editor/txmgr/idl/nsitrans
actionmanager.idlscriptable this interface is implemented by an object that wants to manage/track trans
actions.
...And 70 more matches
IDBTransaction - Web APIs
the idbtrans
action interface of the indexeddb api provides a static, asynchronous trans
action on a database using event handler attributes.
... the idbtrans
action interface of the indexeddb api provides a static, asynchronous trans
action on a database using event handler attributes.
... the idbtrans
action interface of the indexeddb api provides a static, asynchronous trans
action on a database using event handler attributes.
...And 60 more matches
IAccessibleAction
other-licenses/ia2/accessible
action.idlnot scriptable this interface gives access to
actions that can be executed for accessible objects.
...s interface gives access to
actions that can be executed for accessible objects.
...executed for accessible objects.
...And 49 more matches
nsITransaction
editor/txmgr/idl/nsitrans
action.idlscriptable please add a summary to this article.
... editor/txmgr/idl/nsitrans
action.idlscriptable please add a summary to this article.
... editor/txmgr/idl/nsitrans
action.idlscriptable please add a summary to this article.
...And 47 more matches
MediaSessionActionDetails - Web APIs
the media session api's mediasession
actiondetails dictionary is the type used by the sole input parameter into the callback which is executed when a media session
action occurs.
... the media session api's mediasession
actiondetails dictionary is the type used by the sole input parameter into the callback which is executed when a media session
action occurs.
... the media session api's mediasession
actiondetails dictionary is the type used by the sole input parameter into the callback which is executed when a media session
action occurs.
...And 37 more matches
ui/button/action - Archive of obsolete content
experimental add a button to the firefox user interface.
... experimental add a button to the firefox user interface.
... experimental add a button to the firefox user interface.
...And 35 more matches
IDBDatabase.transaction() - Web APIs
the trans
action method of the idbdatabase interface immediately returns a trans
action object (idbtrans
action) containing the idbtrans
action.objectstore method, which you can use to access your object store.
... the trans
action method of the idbdatabase interface immediately returns a trans
action object (idbtrans
action) containing the idbtrans
action.objectstore method, which you can use to access your object store.
... the trans
action method of the idbdatabase interface immediately returns a trans
action object (idbtrans
action) containing the idbtrans
action.objectstore method, which you can use to access your object store.
...And 32 more matches
MediaSession.setActionHandler() - Web APIs
the set
actionhandler() property of the mediasession interface sets an event handler for a media session
action.
... the set
actionhandler() property of the mediasession interface sets an event handler for a media session
action.
... the set
actionhandler() property of the mediasession interface sets an event handler for a media session
action.
...And 31 more matches
Media Session action types - Web APIs
to support an
action on a media session, such as seeking, pausing, or changing tracks, you need to call the mediasession interface's set
actionhandler() method to establish a handler for that
action.
... to support an
action on a media session, such as seeking, pausing, or changing tracks, you need to call the mediasession interface's set
actionhandler() method to establish a handler for that
action.
... to support an
action on a media session, such as seeking, pausing, or changing tracks, you need to call the mediasession interface's set
actionhandler() method to establish a handler for that
action.
...And 25 more matches
touch-action - CSS: Cascading Style Sheets
the touch-
action css property sets how an element's region can be manipulated by a touchscreen user (for example, by zooming features built into the browser).
... the touch-
action css property sets how an element's region can be manipulated by a touchscreen user (for example, by zooming features built into the browser).
... the touch-
action css property sets how an element's region can be manipulated by a touchscreen user (for example, by zooming features built into the browser).
...And 23 more matches
<maction> - MathML
the mathml <m
action> element provides a possibility to bind
actions to (sub-) expressions.
... the mathml <m
action> element provides a possibility to bind
actions to (sub-) expressions.
... the mathml <m
action> element provides a possibility to bind
actions to (sub-) expressions.
...And 20 more matches
nsIMsgFilterCustomAction
defined in comm-central/ mailnews/ base/ search/ public/ nsimsgfiltercustom
action.idl interface nsimsgfiltercustom
action : nsisupports { /* globally unique string to identify this filter
action.
... defined in comm-central/ mailnews/ base/ search/ public/ nsimsgfiltercustom
action.idl interface nsimsgfiltercustom
action : nsisupports { /* globally unique string to identify this filter
action.
... defined in comm-central/ mailnews/ base/ search/ public/ nsimsgfiltercustom
action.idl interface nsimsgfiltercustom
action : nsisupports { /* globally unique string to identify this filter
action.
...And 18 more matches
Actions - Archive of obsolete content
« previousnext » the content to generate in a template is specified using the <xul:
action> element which should either be the next sibling of the <xul:query> element (if no rules need be specified) or be a direct child of a <xul:rule> element.
... « previousnext » the content to generate in a template is specified using the <xul:
action> element which should either be the next sibling of the <xul:query> element (if no rules need be specified) or be a direct child of a <xul:rule> element.
... an exception) and inserted into the document.
...And 17 more matches
IDBRequest.transaction - Web APIs
the trans
action read-only property of the idbrequest interface returns the trans
action for the request, that is, the trans
action the request is being made inside.
... the trans
action read-only property of the idbrequest interface returns the trans
action for the request, that is, the trans
action the request is being made inside.
... the trans
action read-only property of the idbrequest interface returns the trans
action for the request, that is, the trans
action the request is being made inside.
...And 17 more matches
nsITransactionList
editor/txmgr/idl/nsitrans
actionlist.idlscriptable please add a summary to this article.
... editor/txmgr/idl/nsitrans
actionlist.idlscriptable please add a summary to this article.
... editor/txmgr/idl/nsitrans
actionlist.idlscriptable please add a summary to this article.
...And 16 more matches
IDBTransaction.mode - Web APIs
the mode read-only property of the idbtrans
action interface returns the current mode for accessing the data in the object stores in the scope of the trans
action (i.e.
... the mode read-only property of the idbtrans
action interface returns the current mode for accessing the data in the object stores in the scope of the trans
action (i.e.
... the mode read-only property of the idbtrans
action interface returns the current mode for accessing the data in the object stores in the scope of the trans
action (i.e.
...And 14 more matches
IDBTransaction.oncomplete - Web APIs
the oncomplete event handler of the idbtrans
action interface handles the complete event, fired when the trans
action successfully completes.
... the oncomplete event handler of the idbtrans
action interface handles the complete event, fired when the trans
action successfully completes.
... the oncomplete event handler of the idbtrans
action interface handles the complete event, fired when the trans
action successfully completes.
...And 14 more matches
IDBTransaction.commit() - Web APIs
the commit() method of the idbtrans
action interface commits the trans
action if it is called on an active trans
action.
... the commit() method of the idbtrans
action interface commits the trans
action if it is called on an active trans
action.
...e commits the trans
action if it is called on an active trans
action.
...And 13 more matches
IDBTransactionSync - Web APIs
important: the synchronous version of the indexeddb api was originally intended for use only with web workers, and was eventually removed from the spec because its need was questionable.
... important: the synchronous version of the indexeddb api was originally intended for use only with web workers, and was eventually removed from the spec because its need was questionable.
...us version of the indexeddb api was originally intended for use only with web workers, and was eventually removed from the spec because its need was questionable.
...And 13 more matches
NotificationAction - Web APIs
note: this feature is available in web workers.
... note: this feature is available in web workers.
... note: this feature is available in web workers.
...And 12 more matches
IDBObjectStore.transaction - Web APIs
the trans
action read-only property of the idbobjectstore interface returns the trans
action object to which this object store belongs.
... the trans
action read-only property of the idbobjectstore interface returns the trans
action object to which this object store belongs.
... the trans
action read-only property of the idbobjectstore interface returns the trans
action object to which this object store belongs.
...And 11 more matches
IDBTransaction.error - Web APIs
the idbtrans
action.error property of the idbtrans
action interface returns one of several types of error when there is an unsuccessful trans
action.
... the idbtrans
action.error property of the idbtrans
action interface returns one of several types of error when there is an unsuccessful trans
action.
... note: this feature is available in web workers.
...And 11 more matches
IDBTransaction.objectStore() - Web APIs
the objectstore() method of the idbtrans
action interface returns an object store that has already been added to the scope of this trans
action.
... the objectstore() method of the idbtrans
action interface returns an object store that has already been added to the scope of this trans
action.
... the objectstore() method of the idbtrans
action interface returns an object store that has already been added to the scope of this trans
action.
...And 11 more matches
CSP: form-action - HTTP
the http content-security-policy (csp) form-
action directive restricts the urls which can be used as the target of a form submissions from a given context.
... the http content-security-policy (csp) form-
action directive restricts the urls which can be used as the target of a form submissions from a given context.
...ion should block redirects after a form submission is debated and browser implementations of this aspect are inconsistent (e.g.
...And 11 more matches
IDBTransaction.abort() - Web APIs
the abort() method of the idbtrans
action interface rolls back all the changes to objects in the database associated with this trans
action.
... the abort() method of the idbtrans
action interface rolls back all the changes to objects in the database associated with this trans
action.
... the abort() method of the idbtrans
action interface rolls back all the changes to objects in the database associated with this trans
action.
...And 10 more matches
IDBTransaction.onerror - Web APIs
the onerror event handler of the idbtrans
action interface handles the error event, fired when a request returns an error and bubbles up to the trans
action object.
... the onerror event handler of the idbtrans
action interface handles the error event, fired when a request returns an error and bubbles up to the trans
action object.
... the onerror event handler of the idbtrans
action interface handles the error event, fired when a request returns an error and bubbles up to the trans
action object.
...And 10 more matches
IDBTransaction.onabort - Web APIs
the onabort event handler of the idbtrans
action interface handles the abort event, fired, when the current trans
action is aborted via the idbtrans
action.abort method.
... the onabort event handler of the idbtrans
action interface handles the abort event, fired, when the current trans
action is aborted via the idbtrans
action.abort method.
... the onabort event handler of the idbtrans
action interface handles the abort event, fired, when the current trans
action is aborted via the idbtrans
action.abort method.
...And 8 more matches
Notification.actions - Web APIs
note: this feature is available in web workers.
... note: this feature is available in web workers.
... note: this feature is available in web workers.
...And 8 more matches
IDBTransaction.db - Web APIs
the db read-only property of the idbtrans
action interface returns the database connection with which this trans
action is associated.
... the db read-only property of the idbtrans
action interface returns the database connection with which this trans
action is associated.
... the db read-only property of the idbtrans
action interface returns the database connection with which this trans
action is associated.
...And 7 more matches
Notification.maxActions - Web APIs
note: this feature is available in web workers.
... note: this feature is available in web workers.
... note: this feature is available in web workers.
...And 7 more matches
Multi-touch interaction - Web APIs
ific set of screen coordinates.
...mplify creating web sites, applications and provide a good user experience regardless of the user's hardware.
...ter events have many similarities to mouse events but they support multiple simultaneous pointers such as multiple fingers on a touch screen.
...And 7 more matches
MediaSessionActionDetails.seekTime - Web APIs
the mediasession
actiondetails dictionary's seektime property is always included when a seekto
action is sent to the
action handler callback.
... the mediasession
actiondetails dictionary's seektime property is always included when a seekto
action is sent to the
action handler callback.
... the mediasession
actiondetails dictionary's seektime property is always included when a seekto
action is sent to the
action handler callback.
...And 6 more matches
nsIMsgRuleAction
defined in comm-central/ mailnews/ base/ search/ public/ nsimsgfilter.idl [scriptable, uuid(190a2a18-d245-473a-a402-9f0814598c7f)] interface nsimsgrule
action : nsisupports { attribute nsmsgrule
actiontype type; // target priority..
... defined in comm-central/ mailnews/ base/ search/ public/ nsimsgfilter.idl [scriptable, uuid(190a2a18-d245-473a-a402-9f0814598c7f)] interface nsimsgrule
action : nsisupports { attribute nsmsgrule
actiontype type; // target priority..
... defined in comm-central/ mailnews/ base/ search/ public/ nsimsgfilter.idl [scriptable, uuid(190a2a18-d245-473a-a402-9f0814598c7f)] interface nsimsgrule
action : nsisupports { attribute nsmsgrule
actiontype type; // target priority..
...And 5 more matches
Web accessibility for seizures and physical reactions - Accessibility
this article introduces concepts behind making web content accessibile for those with vestibular disorders, and how to measure and prevent content leading to seizures and / or other physical re
actions.
.../ or other physical re
actions.
... known as photosensitive epilepsy.
...And 5 more matches
DoAction
« nsiaccessible page summary this method performs the accessible
action at the given zero-based index.
... « nsiaccessible page summary this method performs the accessible
action at the given zero-based index.
... « nsiaccessible page summary this method performs the accessible
action at the given zero-based index.
...And 4 more matches
MediaSessionActionDetails.fastSeek - Web APIs
the boolean property fastseek in the mediasession
actiondetails dictionary is an optional value which, when specified and true, indicates that the requested seekto operation is part of an ongoing series of seekto operations.
...ls dictionary is an optional value which, when specified and true, indicates that the requested seekto operation is part of an ongoing series of seekto operations.
...peration is part of an ongoing series of seekto operations.
...And 4 more matches
GetActionDescription
« nsiaccessible page summary this method retrieves the description (localized name) of the accessible
action at the given zero-based index.
... « nsiaccessible page summary this method retrieves the description (localized name) of the accessible
action at the given zero-based index.
... « nsiaccessible page summary this method retrieves the description (localized name) of the accessible
action at the given zero-based index.
...And 3 more matches
GetActionName
« nsiaccessible page summary this method retrieves the name of the accessible
action at the given zero-based index.
... « nsiaccessible page summary this method retrieves the name of the accessible
action at the given zero-based index.
... « nsiaccessible page summary this method retrieves the name of the accessible
action at the given zero-based index.
...And 3 more matches
HTMLFormElement.action - Web APIs
the htmlformelement.
action property represents the
action of the <form> element.
... the htmlformelement.
action property represents the
action of the <form> element.
... the htmlformelement.
action property represents the
action of the <form> element.
...And 3 more matches
Notification.requireInteraction - Web APIs
note: this feature is available in web workers.
... note: this feature is available in web workers.
...e returns a boolean indicating that a notification should remain active until the user clicks or dismisses it, rather than closing automatically.
...And 3 more matches
NotificationEvent.action - Web APIs
returns the string id of the notification button the user clicked.
... returns the string id of the notification button the user clicked.
... an empty string if the user clicked the notification somewhere other than an
action button, or the notification does not have a button.
...And 3 more matches
Abstraction - MDN Web Docs Glossary: Definitions of Web-related terms
abstr
action in computer programming is a way to reduce complexity and allow efficient design and implementation in complex software systems.
... abstr
action in computer programming is a way to reduce complexity and allow efficient design and implementation in complex software systems.
...exity of systems behind simpler apis.
...And 2 more matches
NumActions
« nsiaccessible page summary the number of accessible
actions associated with this accessible.
... « nsiaccessible page summary the number of accessible
actions associated with this accessible.
... « nsiaccessible page summary the number of accessible
actions associated with this accessible.
...And 2 more matches
IDBTransaction: abort event - Web APIs
the abort event is fired when an indexeddb trans
action is aborted.
...key twice, or put the same index key when the key has a uniqueness constraint), an explicit abort() call an uncaught exception in the request's success/error handler, an i/o error (an actual failure to write to disk, for example disk detached, or other os/hardware failure) quota exceeded.
...s constraint), an explicit abort() call an uncaught exception in the request's success/error handler, an i/o error (an actual failure to write to disk, for example disk detached, or other os/hardware failure) quota exceeded.
...And 2 more matches
MathML Demo: <mfrac> - fractions
sin θ m ⇑ the end.
..., text style, thick line ⇕ sin θ m ⇕ the end.
....
...1 4 + 1 5 + 1 6 + … normal size at all levels in all contexts 1 2 + 1 3 + 1 4 + 1 5 + 1 6 + … inline nested fracs 1 6 2 + 1 3 + 1 4 + 1 5 + 1 6 + … are script size at the first level and decrease to script script size for all more nested levels.
MediaSessionActionDetails.seekOffset - Web APIs
the mediasession
actiondetails dictionary's seekoffset property is an optional value passed into the
action handler callback to provide the number of seconds the seekforward and seekbackward
actions should move the playback time by.
... the mediasession
actiondetails dictionary's seekoffset property is an optional value passed into the
action handler callback to provide the number of seconds the seekforward and seekbackward
actions should move the playback time by.
... the mediasession
actiondetails dictionary's seekoffset property is an optional value passed into the
action handler callback to provide the number of seconds the seekforward and seekbackward
actions should move the playback time by.
...ing-point value indicating the time delta in seconds by which to move the playback position relative to its current timestamp.
Subtraction (-) - JavaScript
the subtr
action operator (-) subtracts the two operands, producing their difference.
... the subtr
action operator (-) subtracts the two operands, producing their difference.
...n operator (-) subtracts the two operands, producing their difference.
...b repository.
action - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] used to specify the content that should be generated for each matching result from a query.
... « xul reference home [ examples | attributes | properties | methods | related ] used to specify the content that should be generated for each matching result from a query.
... uri attribute set to the member variable.
IDBTransaction: complete event - Web APIs
the complete handler is executed when a trans
action successfully completed.
...'hours', 'hours', { unique: false }); objectstore.createindex('minutes', 'minutes', { unique: false }); objectstore.createindex('day', 'day', { unique: false }); objectstore.createindex('month', 'month', { unique: false }); objectstore.createindex('year', 'year', { unique: false }); }; dbopenrequest.onsuccess = event => { const db = dbopenrequest.result; // open a read/write db trans
action, ready for adding the data const trans
action = db.trans
action(['todolist'], 'readwrite'); // add a listener for `complete` trans
action.addeventlistener('complete', event => { console.log('trans
action was competed'); }); const objectstore = trans
action.objectstore('todolist'); const newitem = { tasktitle: 'my task', hours: 10, minutes: 10, day: 10, month: 'january', year: 2019 };...
...'hours', 'hours', { unique: false }); objectstore.createindex('minutes', 'minutes', { unique: false }); objectstore.createindex('day', 'day', { unique: false }); objectstore.createindex('month', 'month', { unique: false }); objectstore.createindex('year', 'year', { unique: false }); }; dbopenrequest.onsuccess = event => { const db = dbopenrequest.result; // open a read/write db trans
action, ready for adding the data const trans
action = db.trans
action(['todolist'], 'readwrite'); // add a listener for `complete` trans
action.oncomplete = event => { console.log('trans
action was competed'); }; const objectstore = trans
action.objectstore('todolist'); const newitem = { tasktitle: 'my task', hours: 10, minutes: 10, day: 10, month: 'january', year: 2019 }; const objectst...
IDBTransaction: error event - Web APIs
the error event is fired on idbtrans
action when a request returns an error and the event bubbles up to the trans
action object.
...ours', 'hours', { unique: false }); objectstore.createindex('minutes', 'minutes', { unique: false }); objectstore.createindex('day', 'day', { unique: false }); objectstore.createindex('month', 'month', { unique: false }); objectstore.createindex('year', 'year', { unique: false }); }; dbopenrequest.onsuccess = (event) => { const db = dbopenrequest.result; // open a read/write db trans
action, ready for adding the data const trans
action = db.trans
action(['todolist'], 'readwrite'); trans
action.addeventlistener('error', () => { console.log(`error adding new item: ${newitem.tasktitle}`); }); const objectstore = trans
action.objectstore('todolist'); const newitem = { tasktitle: 'my task', hours: 10, minutes: 10, day: 10, month: 'january', year: 2020 }; const objectstorer...
...ours', 'hours', { unique: false }); objectstore.createindex('minutes', 'minutes', { unique: false }); objectstore.createindex('day', 'day', { unique: false }); objectstore.createindex('month', 'month', { unique: false }); objectstore.createindex('year', 'year', { unique: false }); }; dbopenrequest.onsuccess = (event) => { const db = dbopenrequest.result; // open a read/write db trans
action, ready for adding the data const trans
action = db.trans
action(['todolist'], 'readwrite'); trans
action.onerror = () => { console.log(`error adding new item: ${newitem.tasktitle}`); }; const objectstore = trans
action.objectstore('todolist'); const newitem = { tasktitle: 'my task', hours: 10, minutes: 10, day: 10, month: 'january', year: 2020 }; const objectstorerequest = objectst...
IDBTransaction.objectStoreNames - Web APIs
the objectstorenames read-only property of the idbtrans
action interface returns a domstringlist of names of idbobjectstore objects.
... the objectstorenames read-only property of the idbtrans
action interface returns a domstringlist of names of idbobjectstore objects.
Multi-touch interaction - Web APIs
the touch event interfaces support application-specific single and multi-touch inter
actions.
... the touch event interfaces support application-specific single and multi-touch inter
actions.
Subtraction assignment (-=) - JavaScript
the subtr
action assignment operator (-=) subtracts the value of the right operand from a variable and assigns the result to the variable.
...(-=) subtracts the value of the right operand from a variable and assigns the result to the variable.
MathML In Action
mathml in
action are you seeing nifty equations throughout this page?
nsMsgRuleActionType
defined in comm-central/ mailnews/ base/ search/ public/ nsmsgfiltercore.idl typedef long nsmsgrule
actiontype; [scriptable, uuid(59af7696-1e28-4642-a400-fa327ae0b8d8)] interface nsmsgfilter
action { /* if you change these, you need to update filter.properties, look for filter
actionx */ /* these longs are all actually of type nsmsgfilter
actiontype */ const long custom=-1; /* see nsmsgfilter
action */ const long none=0; /* uninitialized state */ const long movetofolder=1; const long changepriority=2; const long delete=3; const long markread=4; const long killthread=5; const long watchthread=6; const long markflagged=7; const long label=8; const long reply=9; const long forward=10; const long stopexecution=11; ...
Index - Web APIs
494 cssvalue.cssvaluetype api, cssvalue, property, read-only, reference, cssvaluetype the cssvaluetype read-only property of the cssvalue interface represents the type of the current computed css property value.
...rted.
...time equal to the absolute value of the delay (and, correspondingly, the animation will begin playing at that time index into the sequence).
...And 163 more matches
Using IndexedDB - Web APIs
eference documentation on the indexeddb api, see the indexeddb article and its subpages.
...ll use a prefix, you can use the following code: // in the following line, you should include the prefixes of implementations you want to test.
... use the following code: // in the following line, you should include the prefixes of implementations you want to test.
...And 127 more matches
Inputs and input sources - Web APIs
port for a variety of kinds of input devices.
... user interactivity with your virtual or augmented environment.
...irtual or augmented environment.
...And 69 more matches
Index
qa, testing xpcshell unit tests are run by specifying them in a manifest file.
...cifying them in a manifest file.
..., "homepage", or "homepage_override" to the various get/set methods.
...And 56 more matches
Basic concepts - Web APIs
main indexeddb api article and its subpages, which document the types of objects used by indexeddb.
...n off when working with indexeddb.
...eddb databases store key-value pairs.
...And 45 more matches
mozIStorageConnection
ments, executing sql, and examining database errors.
...g database errors.
... 1.0 68 introduced gecko 1.8 inherits from: nsisupports last changed in gecko 2.0 (firefox 4 / thunderbird 3.3 / seamonkey 2.1) for a general overview on how to use this interface, see storage.
...And 40 more matches
Advanced Svelte: Reactivity, lifecycle, accessibility - Learn web development
focus management.
...ml elements in a reusable and declarative way.
...rrent app state, run cd mdn-svelte-tutorial/05-advanced-concepts or directly download the folder's content: npx degit opensas/mdn-svelte-tutorial/05-advanced-concepts remember to run npm install && npm run dev to start your app in development mode.
...And 36 more matches
Sqlite.jsm
ing created statement instances, destroying them when you are done, etc.
...s discouraged because they block the main thread.
...e main thread.
...And 31 more matches
Storage
for sqlite database, but this is not recommended.
...extension for an 'application compatibility database' and changes are backed up by the system automatically as part of system restore functionality.
... system restore functionality.
...And 30 more matches
Index - Archive of obsolete content
unit testing specification version 1.1.
...e root of your add-on, install the package that contains the modules you want to use: 170 bootstrapped extensions add-ons, extensions, firefox 4, gecko 2.0, guide, localization no summary!
... there are some common pitfalls that should be avoided when writing either extensions or core mozilla code.
...And 28 more matches
Necko walkthrough
ncopen nshttpchannel::beginconnect() creates nshttpconnectioninfo object for the channel checks if we're proxying or not fires off the dns prefetch request (dispatched to dns thread pool) some other things nshttpchannel::connect might to a speculativeconnect (pre open tcp socket) nshttpchannel::continueconnect some cache stuff nshttpchannel::setuptrans
action creates new nshttptrans
action, and inits it with mrequesthead (the request headers) and muploadstream (which was created from the request data in channel setup) gets an nsiasyncinputstream (for the response; corresponds to the nspipeinputstream for the response stream pipe) passes it to nsinputstreampump nshttpchannel::ghttphandler->initiatetrans
action (called from connect) ...
...thead (the request headers) and muploadstream (which was created from the request data in channel setup) gets an nsiasyncinputstream (for the response; corresponds to the nspipeinputstream for the response stream pipe) passes it to nsinputstreampump nshttpchannel::ghttphandler->initiatetrans
action (called from connect) this is the global nshttphandler object, which adds the trans
action to the nshttpconnectionmgr (one of these per nshttphandler).
...eam pipe) passes it to nsinputstreampump nshttpchannel::ghttphandler->initiatetrans
action (called from connect) this is the global nshttphandler object, which adds the trans
action to the nshttpconnectionmgr (one of these per nshttphandler).
...And 24 more matches
Client-side storage - Learn web development
your javascript console: localstorage.removeitem('name'); let myname = localstorage.getitem('name'); myname the third line should now return null — the name item no longer exists in the web storage.
...below your previous line: // define the adddata() function function adddata(e) { // prevent default - we don't want the form to submit in the conventional way e.preventdefault(); // grab the values entered into the form fields and store them in an object ready for being inserted into the db let newitem = { title: titleinput.value, body: bodyinput.value }; // open a read/write db trans
action, ready for adding the data let trans
action = db.trans
action(['notes_os'], 'readwrite'); // call an object store that's already been added to the database let objectstore = trans
action.objectstore('notes_os'); // make a request to add our newitem object to the object store let request = objectstore.add(newitem); request.onsuccess = function() { // clear the form, ready for adding...
...ore that's already been added to the database let objectstore = trans
action.objectstore('notes_os'); // make a request to add our newitem object to the object store let request = objectstore.add(newitem); request.onsuccess = function() { // clear the form, ready for adding the next entry titleinput.value = ''; bodyinput.value = ''; }; // report on the success of the trans
action completing, when everything is done trans
action.oncomplete = function() { console.log('trans
action completed: database modification finished.'); // update the display of data to show the newly added item, by running displaydata() again.
...And 23 more matches
nsIMessenger
ndow.js.
...aycharset(in acstring acharset); void setwindow(in nsidomwindow ptr, in nsimsgwindow msgwindow); void openurl(in acstring aurl); void loadurl(in nsidomwindow ptr, in acstring aurl); void launchexternalurl(in acstring aurl); boolean canundo(); boolean canredo(); unsigned long getundotrans
actiontype(); unsigned long getredotrans
actiontype(); void undo(in nsimsgwindow msgwindow); void redo(in nsimsgwindow msgwindow); void sendunsentmessages(in nsimsgidentity aidentity, in nsimsgwindow amsgwindow); void setdocumentcharset(in acstring characterset); void saveas(in acstring auri, in boolean aasfile, in nsimsgidentity aidentity, in astring amsgfilename); void openattachment(in a...
...riatnavigatepos(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 nsidomwindow used in this interface were nsidomwindow.
...And 20 more matches
Observer Notifications
o content windows as needed (see nsidomglobalpropertyinitializer for an alternative method of doing this).
... null sent immediately after the root element of a document has been created, but before executing any script on it.
...ill be the download id wrapped in nsisupportspruint32, for one download removed, or null for multi download remove, for example when the download list is cleared.
...And 19 more matches
PopupNotifications.jsm
object provides methods for creating and displaying popup notification panels.
...methods for creating and displaying popup notification panels.
...the corresponding notification object, or null if no such notification exists.
...And 18 more matches
nsIAccessible
le.getaccessiblerelated() nsiaccessible.getrelations() nsiaccessible.getrelation() and nsiaccessible.relationscount.
...) nsiaccessible.getrelations() nsiaccessible.getrelation() and nsiaccessible.relationscount.
...rder to focus an accessible or get focused child accessible use nsiaccessible.takefocus() and nsiaccessible.focusedchild.
...And 16 more matches
MailNews Filters
mailnews filters consist of a set of search terms, and a set of filter
actions.
...s match.
...t that handles new messages calls nsimsgfilterlist::applyfilterstohdr and passes itself in as nsimsgfilterhitnotify interface to handle filter hits.
...And 16 more matches
How to convert an overlay extension to restartless - Archive of obsolete content
this article is a step-by-step tutorial on how to convert an old overlay-based extension into a restartless (bootstrapped) extension that is also extr
actionless.
... is easy: drop support for firefox 3.x if you haven't already, move your jsm files to wherever you've got your chrome mapping to for your xul overlay and/or windows, import your files from that new chrome mapped path instead of the old resource one, and remove your "resource" line from your chrome.manifest file.
...or restartless add-ons.
...And 15 more matches
nsINavHistoryResultViewObserver
isupports last changed in gecko 1.9.0 method overview boolean candrop(in long index, in long orientation); void ondrop(in long row, in long orientation); void ontoggleopenstate(in long index); void oncycleheader(in nsitreecolumn column); void oncyclecell(in long row, in nsitreecolumn column); void onselectionchanged(); void onperform
action(in wstring
action); void onperform
actiononrow(in wstring
action, in long row); void onperform
actiononcell(in wstring
action, in long row, in nsitreecolumn column); constants constant value description drop_before -1 the drag operation wishes to insert the dragged item before the indicated row.
...able cycling column (such as unread or flagged in thunderbird) is clicked.
...electionchanged() called when the selection in the tree changes.
...And 15 more matches
nsITreeView
owindex, in long afterindex); boolean iscontainer(in long index); boolean iscontainerempty(in long index); boolean iscontaineropen(in long index); boolean iseditable(in long row, in nsitreecolumn col); boolean isselectable(in long row, in nsitreecolumn col); boolean isseparator(in long index); boolean issorted(); void perform
action(in wstring
action); void perform
actiononcell(in wstring
action, in long row, in nsitreecolumn col); void perform
actiononrow(in wstring
action, in long row); void selectionchanged(); void setcelltext(in long row, in nsitreecolumn col, in astring value); void setcellvalue(in long row, in nsitreecolumn col, in astring value); void settree(in nsi...
...element to draw the separator.
...fies if there is currently a sort on any column.
...And 14 more matches
Index - MDN Web Docs Glossary: Definitions of Web-related terms
ation-layer protocol negotiation (alpn) is a tls extension which indicates what application layer protocol is negotiating the encryped connection without requiring additional round trips.
... computers for converting letters, numbers, punctuation and control codes into digital form.
...onverting letters, numbers, punctuation and control codes into digital form.
...And 13 more matches
Basics
i><mo>)</mo></mrow><mi>n</mi></msup> </math> for some <i>n</i>.
...ow><mi>n</mi></msup> </math> for some <i>n</i>.
...so <a href="javascript:unexpand();">unexpand all</a> or <a href="javascript:expand();">expand all</a>.
...And 13 more matches
IAccessibleHyperlink
other-licenses/ia2/accessiblehyperlink.idlnot scriptable this interface represents hyperlinks.
...nherits from: iaccessible
action last changed in gecko 1.9 (firefox 3) this interface represents a hyperlink associated with a single substring of text or single non-text object.
...ssible
action last changed in gecko 1.9 (firefox 3) this interface represents a hyperlink associated with a single substring of text or single non-text object.
...And 13 more matches
Performance
mozstorage uses sqlite as the database backend.
... mozstorage uses sqlite as the database backend.
... mozstorage uses sqlite as the database backend.
...And 13 more matches
XRInputSource - Web APIs
the webxr device api's xrinputsource interface describes a single source of control input which is part of the user's webxr-compatible virtual or augmented reality system.
... targetraymoderead only a domstring indicating the methodology used to produce the target ray: gaze, tracked-pointer, or screen.
...ce provides an indication of the direction in which it is pointed, this is done using a target ray.
...And 13 more matches
Sending form data - Learn web development
p request.
...t a better idea of how client-server architectures work, read our server-side website programming first steps module.
... client-server architectures work, read our server-side website programming first steps module.
...And 12 more matches
TypeScript support in Svelte - Learn web development
with the following: import type { todotype } from '../types/todo.type' export let todo: todotype note: another reminder — when importing a .ts file you have to omit the extension.
...reminder — when importing a .ts file you have to omit the extension.
... importing a .ts file you have to omit the extension.
...And 11 more matches
nsIDragService
long ay); native code only!
...ssage aeventmessage); native code only!
...sessionwithimage(in nsidomnode adomnode, in nsisupportsarray atransferablearray, in nsiscriptableregion aregion, in unsigned long a
actiontype, in nsidomnode aimage, in long aimagex, in long aimagey, in nsidomdragevent adragevent, in nsidomdatatransfer adatatransfer); void invokedragsessionwithselection(in nsiselection aselection, in nsisupportsarray atransferablearray, in unsigned long a
actiontype, in nsidomdragevent adragevent, in nsidomdatatransfer adatatransfer); void startdragsession( ) ; void suppress(); void unsuppress(); constants constant value description dragdrop_
action_none 0 no
action.
...And 11 more matches
Places utilities for JavaScript
ince gecko 21 boolean nodeislivemarkitem(nsinavhistoryresultnode anode); obsolete since gecko 21 boolean isreadonlyfolder(nsinavhistoryresultnode anode); int getindexofnode(nsinavhistoryresultnode anode); string wrapnode(nsinavhistoryresultnode anode, string atype, nsiuri aoverrideuri); array unwrapnodes(string blob, string atype); nsitrans
action maketrans
action(string data, string type, nsinavhistoryresultnode container, int index, boolean copy); nsinavhistoryresult getfoldercontents(int afolderid, boolean aexcludeitems, boolean aexpandqueries); boolean showaddbookmarkui(nsiuri auri, string atitle, string adescription, int adefaultinsertionpoint, boolean ashowpicker, boolean aloadinsidebar, string akeyword, string apost...
...interfaces that are already fairly cluttered.
...rialization of the node unwrapnodes() unwraps data from the clipboard or the current drag session.
...And 10 more matches
IDBDatabase - Web APIs
the idbdatabase interface of the indexeddb api provides a connection to a database; you can use an idbdatabase object to open a trans
action on your database then create, manipulate, and delete objects (data) in that database.
...ndexeddb api provides a connection to a database; you can use an idbdatabase object to open a trans
action on your database then create, manipulate, and delete objects (data) in that database.
...nnection to a database; you can use an idbdatabase object to open a trans
action on your database then create, manipulate, and delete objects (data) in that database.
...And 10 more matches
IDBObjectStore.add() - Web APIs
the add() method of the idbobjectstore interface returns an idbrequest object, and, in a separate thread, creates a structured clone of the value, and stores the cloned value in the object store.
...interface returns an idbrequest object, and, in a separate thread, creates a structured clone of the value, and stores the cloned value in the object store.
...the cloned value in the object store.
...And 10 more matches
XUL Migration Guide - Archive of obsolete content
mpatibility across firefox releases and of the sdk's security model.
...ere's currently no way to add items to the browser's main menus using the sdk's supported apis.
...upported apis, low-level apis do not come with a compatibility guarantee, so we do not expect code using them will necessarily continue to work as new versions of firefox are released.
...And 9 more matches
ui - Archive of obsolete content
experimental provides access to button, toolbar, and sidebar ui objects.
... experimental provides access to button, toolbar, and sidebar ui objects.
... experimental provides access to button, toolbar, and sidebar ui objects.
...And 9 more matches
Index - Archive of obsolete content
h xul attributes, xul reference no summary!
... tree.inputfield xul properties, xul reference no summary!
... xul reference, xul_style_classes no summary!
...And 9 more matches
Index
ps a predefined set of ca certificates.
... key pair.
...sing the asn.1 parser(s), a template definition is passed to the parser, which will analyze the asn.1 data stream accordingly.
...And 9 more matches
TPS Bookmark Lists
the bookmark title.
...idebar" property.
...rd: the keyword for the bookmark.
...And 9 more matches
nsINavBookmarksService
ng getitemindex(in long long aitemid); prtime getitemlastmodified(in long long aitemid); autf8string getitemtitle(in long long aitemid); unsigned short getitemtype(in long long aitemid); astring getkeywordforbookmark(in long long aitemid); obsolete since gecko 40.0 astring getkeywordforuri(in nsiuri auri); obsolete since gecko 40.0 nsitrans
action getremovefoldertrans
action(in long long aitemid); nsiuri geturiforkeyword(in astring keyword); obsolete since gecko 40.0 void importbookmarkshtml(in nsiuri url); obsolete since gecko 1.9 void importbookmarkshtmltofolder(in nsiuri url, in print64 folder); obsolete since gecko 1.9 print32 indexoffolder(in print64 parent, in print64 folder); obsolete since gecko 1...
... aitemid the item whose parent folder's id is to retrieved.
...e browsers, its use is discouraged since it could be removed at any time.
...And 9 more matches
nsIPermissionManager
ring type); pruint32 testpermissionfromprincipal(in nsiprincipal principal, in string type); attributes attribute type description enumerator nsisimpleenumerator enumerates all stored permissions.
... attribute type description enumerator nsisimpleenumerator enumerates all stored permissions.
... enumerator nsisimpleenumerator enumerates all stored permissions.
...And 9 more matches
HTMLFormElement - Web APIs
ontaining the name of the form.
... a domstring reflecting the value of the form's method html attribute, indicating the http method used to submit the form.
...rols in this form can have their values automatically populated by the browser.
...And 9 more matches
Media Session API - Web APIs
data interface lets a web site provide rich metadata to the platform ui for media that is playing.
... instance, you access the api using the navigator.mediasession property.
...tion describing an image associated with the media.
...And 9 more matches
<input type="image"> - HTML: Hypertext Markup Language
text.
...input type="image"> elements do not accept value attributes.
...e a graphical button that shows an image with an icon and/or image text "login now", you should also set the alt attribute to something like login now.
...And 9 more matches
Adobe Flash - Archive of obsolete content
at: netscape gecko browsers such as camino (formerly chimera), the latest mozilla browsers, and future versions of netscape which are built using the mach-o binary format won't be able to use flash's scriptability features.
...the user has installed multiple mozilla based browsers onto the same machine (see bug 32048 and bug 233533).
...at spawned the plugin (the object element or the embed element) and then called a published method of the flash plugin on the reference to the html element.
...And 8 more matches
Ember interactivity: Events, classes and state - Learn web development
o your terminal: ember generate component-class header this will create the following empty class file — todomvc/app/components/header.js: import component from '@glimmer/component'; export default class headercomponent extends component { } inside this file we will implement the event handler code.
... class file — todomvc/app/components/header.js: import component from '@glimmer/component'; export default class headercomponent extends component { } inside this file we will implement the event handler code.
...code.
...And 8 more matches
TPS Tests
consists of a firefox extension of the same name, along with a python test runner, both of which live inside mozilla-central.
...t:config.
...nted later will cause the test to fail when it hits that phase.
...And 8 more matches
nsIMsgFilter
defined in comm-central/ mailnews/ base/ search/ public/ nsimsgfilter.idl attributes type attribute nsmsgrule
actiontype type; priority // target priority..
... defined in comm-central/ mailnews/ base/ search/ public/ nsimsgfilter.idl attributes type attribute nsmsgrule
actiontype type; priority // target priority..
... defined in comm-central/ mailnews/ base/ search/ public/ nsimsgfilter.idl attributes type attribute nsmsgrule
actiontype type; priority // target priority..
...And 8 more matches
nsITextInputProcessor
implementation of this class can be a cushion from the impact of gecko's change.
...s can be a cushion from the impact of gecko's change.
...'s change.
...And 8 more matches
Using XMLHttpRequest - Web APIs
in this guide, we'll take a look at how to use xmlhttprequest to issue http requests in order to exchange data between the web site and a server.
...osegmreq, ofile, bispost = otarget.method.tolowercase() === "post"; /* console.log("ajaxsubmit - serializing form..."); */ this.contenttype = bispost && otarget.enctype ?
... multipart/form-data */ "content-disposition: form-data; name=\"" + ofield.name + "\"\r\n\r\n" + ofield.value + "\r\n" : /* enctype is application/x-www-form-urlencoded or text/plain or method is get */ ffilter(ofield.name) + "=" + ffilter(ofield.value) ); } } processstatus(this); } return function (oformelement) { if (!oformelement.
action) { return; } new submitrequest(oformelement); }; })(); </script> </head> <body> <h1>sending forms with pure ajax</h1> <h2>using the get method</h2> <form
action="register.php" method="get" onsubmit="ajaxsubmit(this); return false;"> <fieldset> <legend>registration example</legend> <p> first name: <input type="text" name="firstname" /><br /> last name: <input type=...
...And 8 more matches
Box-shadow generator - CSS: Cascading Style Sheets
<div id="gradient" class="gradient"> <div id="gradient_picker"> </div> </div> <div id="hue" data-topic="hue" class="hue"> <div id="hue_selector"> </div> </div> <div class="info"> <div class="input" data-topic="hue" data-title='h:' data-
action="hsv"></div> <div class="input" data-topic="saturation" data-title='s:' data-
action="hsv"></div> <div class="input" data-topic="value" data-title='v:' data-
action="hsv"></div> </div> <div class="alpha"> <div id="alpha" data-topic="alpha"> <div id="alpha_selec...
...title='v:' data-
action="hsv"></div> </div> <div class="alpha"> <div id="alpha" data-topic="alpha"> <div id="alpha_selector"> </div> </div> </div> <div class="info"> <div class="input" data-topic="r" data-title='r:' data-
action="rgb"></div> <div class="input" data-topic="g" data-title='g:' data-
action="rgb"></div> <div class="input" data-topic="b" data-title='b:' data-
action="rgb"></div> </div> <div class="preview block"> <div id="output_color"> </div> </div> <div class=...
...on="rgb"></div> <div class="input" data-topic="b" data-title='b:' data-
action="rgb"></div> </div> <div class="preview block"> <div id="output_color"> </div> </div> <div class="block info"> <div class="input" data-topic="a" data-title='alpha:' data-
action="alpha"></div> <div class="input" data-topic="hexa" data-title='' data-
action="hexa"></div> </div> </div> </div> </div> <div class="wrap-right"> <div id="shadow_properties" class="category"> <div class="title"> shadow properties </div> <div class="group"> ...
...And 8 more matches
MathML attribute reference - MathML
, xlink:href, xlink:show and xlink:type are deprecated as well.
...ink:show and xlink:type are deprecated as well.
... well.
...And 8 more matches
Adding Events and Commands - Archive of obsolete content
list of events you can listen to, and which you use depend on the situation.
...the events that are relevant to them, but there are several events that are implemented for most elements.
...re some notable events you should keep in mind: oncommand.
...And 7 more matches
Drag and Drop - Archive of obsolete content
responsible for creating drag sessions when a drag starts, and removing the drag session when the drag is complete.
...ence to the element that is being dragged.
...lement that is being dragged.
...And 7 more matches
Multiple Rules - Archive of obsolete content
emplate-guide-photos3.rdf" ref="http://www.xulplanet.com/rdf/myphotos"> <template> <query> <content uri="?start"/> <member container="?start" child="?photo"/> <triple subject="?photo" predicate="http://purl.org/dc/elements/1.1/title" object="?title"/> </query> <rule> <where subject="?title" rel="equals" value="canal"/> <
action> <button uri="?photo" image="?photo" label="view" orient="vertical"/> </
action> </rule> <rule> <
action> <image uri="?photo" src="?photo"/> </
action> </rule> </template> </hbox> this template contains a query with two rules.
...t to compare.
...alue attribute is the value to compare to, which here is 'canal'.
...And 7 more matches
XML Templates - Archive of obsolete content
gellan" gender="male"/> <person name="laura secord" gender="female"/> </people> xml query syntax the query syntax is fairly simple for xml datasources.
...gender="female"/> </people> xml query syntax the query syntax is fairly simple for xml datasources.
...xample: <listbox datasources="people.xml" ref="*" querytype="xml"> <template> <query expr="person"/> <
action> <listitem uri="?" label="?name"/> </
action> </template> </listbox> the expr attribute is a very simple xpath expression which simply retrieves the person elements from within the datasource.
...And 7 more matches
IDBObjectStore.clear() - Web APIs
use idbobjectstore.delete passing a key or idbkeyrange.
...re is available in web workers.
...st = objectstore.clear(); returns an idbrequest object on which subsequent events related to this operation are fired.
...And 7 more matches
IDBObjectStore.delete() - Web APIs
e); parameters key the key of the record to be deleted, or an idbkeyrange to delete all records with keys in range.
...o be deleted, or an idbkeyrange to delete all records with keys in range.
...ge.
...And 7 more matches
IDBObjectStore.name - Web APIs
ject store.
...e is available in web workers.
...name = mynewname; var myobjectstorename = idbobjectstore.name; value a domstring containing the object store's name.
...And 7 more matches
XRSession - Web APIs
er property.
...which is sent to the session when one of the session's input sources has successfully completed a primary
action.
...lect event is sent after the selectstart event is sent and immediately before the selectend event is sent.
...And 7 more matches
Operable - Accessibility
re is a timeout (caused by user inactivity) warn users at the start of a process so they will not be surprised that a timeout exists (or only allow the timeout to occur after 20 hours of inactivity.
...ey will not be surprised that a timeout exists (or only allow the timeout to occur after 20 hours of inactivity.
... note: also see the wcag description for guideline 2.2 enough time: provide users enough time to read and use content.
...And 7 more matches
HTTP Index - HTTP
ent document or frame if its origin matches the allowed list of origins.
... the clear-site-data header clears browsing data (cookies, storage, cache) associated with the requesting website.
...or each of the following directives that are absent, the user agent will look for the default-src directive and will use this value for it: 82 csp: font-src csp, content-security-policy, directive, http, reference, security, font, source the http content-security-policy (csp) font-src directive specifies valid sources for fonts loaded using @font-face.
...And 7 more matches
ui/toolbar - Archive of obsolete content
a panel, a toolbar: does not overlap with any web content is persistent, remaining visible until the user chooses to close it is a fixed size, and appears in a fixed location usage creating and destroying toolbars you don't specify toolbar content directly: instead, you create other ui components and supply them to the toolbar constructor.
...hooses to close it is a fixed size, and appears in a fixed location usage creating and destroying toolbars you don't specify toolbar content directly: instead, you create other ui components and supply them to the toolbar constructor.
...ing toolbars you don't specify toolbar content directly: instead, you create other ui components and supply them to the toolbar constructor.
...And 6 more matches
SQLite Templates - Archive of obsolete content
dummy value; '*' is typically used.
...sqlite datasource is just an sql select statement, as text inside the query element.
...y a listbox containing the values in one column in a database table.
...And 6 more matches
More Event Handlers - Archive of obsolete content
d("outerbox"); outerbox.addeventlistener('command',boxpressed,true); </script> here, an event listener has been added to the button and another event listener has been added to the box.
...ners would be called and both alerts would appear.
...ar.
...And 6 more matches
Using the Editor from XUL - Archive of obsolete content
he document we want to edit has loaded successfully in nseditorshell::onenddocumentload().
...shell goes away (as a result of nseditorboxobject releasing its reference) it releases the owning reference on the editor.
...key event, puts that into a string, and calls nshtmleditor::typedtext(), which simply calls nshtmleditor::inserttext().
...And 6 more matches
IME handling guide
ndler(s) on each platform.
...xactly same.
...sitionend events and notifies mozilla::editorbase and mozilla::texteditor of the events.
...And 6 more matches
Web Replay
cordreplay.enablerewinding when disabled, firefox records a page signifcantly faster.
...ution (resume/rewind).
... main table classes (for now plhashtable and pldhashtable) are instrumented so that they always iterate over elements in the order they were added when recording or replaying.
...And 6 more matches
IDBIndex.name - Web APIs
s a string which names the index.
...ex.
...yntax var indexname = idbindex.name; idbindex.name = indexname; value a domstring specifying a name for the index.
...And 6 more matches
IDBObjectStore.get() - Web APIs
ature is available in web workers.
...quest = objectstore.get(key); parameters key the key or key range that identifies the record to be retrieved.
...on of one of the following types: exception description trans
actioninactiveerror this idbobjectstore's trans
action is inactive.
...And 6 more matches
IDBObjectStore.put() - Web APIs
the put() method of the idbobjectstore interface updates a given record in a database, or inserts a new record if the given item does not already exist.
... in a separate thread, creates a structured clone of the value and stores the cloned value in the object store.
...creates a structured clone of the value and stores the cloned value in the object store.
...And 6 more matches
XRInputSourceEvent() - Web APIs
re listed under event types below.
...sed on the xrinputsourceeventinit dictionary which contains the values to assign to the new event's properties.
...he values to assign to the new event's properties.
...And 6 more matches
XRInputSourceEvent - Web APIs
viewerpose() on it; instead, use getpose().
...y an xrinputsource object indicating which input source generated the input event.
...erated the input event.
...And 6 more matches
Cognitive accessibility - Accessibility
guage numbers symbols and math understanding and making choices a solid approach to providing accessible solutions for people with cognitive impairments includes: delivering content in more than one way, such as by text-to-speech or by video; providing easily-understood content, such as text written using plain-language standards; focusing attention on important content; minimizing distr
actions, such as unnecessary content or advertisements; providing consistent web page layout and navigation; incorporating familiar elements, such as underlined links that are blue when not visited and purple when visited; dividing processes into logical, essential steps with progress indicators; making website authentication as easy as possible without compromising security; and making forms easy ...
...g users enough additional time to complete tasks or eliminate time constraints altogether.
...onds.
...And 6 more matches
font-variant-numeric - CSS: Cascading Style Sheets
the font-variant-numeric css property controls the usage of alternate glyphs for numbers, fr
actions, and ordinal markers.
...rmal; font-variant-numeric: ordinal; font-variant-numeric: slashed-zero; font-variant-numeric: lining-nums; /* <numeric-figure-values> */ font-variant-numeric: oldstyle-nums; /* <numeric-figure-values> */ font-variant-numeric: proportional-nums; /* <numeric-spacing-values> */ font-variant-numeric: tabular-nums; /* <numeric-spacing-values> */ font-variant-numeric: diagonal-fr
actions; /* <numeric-fr
action-values> */ font-variant-numeric: stacked-fr
actions; /* <numeric-fr
action-values> */ font-variant-numeric: oldstyle-nums stacked-fr
actions; /* global values */ font-variant-numeric: inherit; font-variant-numeric: initial; font-variant-numeric: unset; this property can take one of two forms: either the keyword value normal or one or more of the other values listed b...
...he sizing of figures used for numbers.
...And 6 more matches
<input type="submit"> - HTML: Hypertext Markup Language
n by the user agent.
...f "submit" or "submit query." here's an example of a submit button with a default label in your browser: <input type="submit"> additional attributes in addition to the attributes shared by all <input> elements, submit button inputs support the following attributes: attribute description form
action the url to which to submit the form's data; overrides the form's
action attribute, if any formenctype a string specifying the encoding type to use for the form data formmethod the http method (get or post) to use when submitting the form.
...form data formmethod the http method (get or post) to use when submitting the form.
...And 6 more matches
<input>: The Input (Form Input) element - HTML: Hypertext Markup Language
in supporting browsers and devices with dynamic keyboards.
... media capture input method in file upload controls checked radio, checkbox whether the command or control is checked dirname text, search name of form field to use for sending the element's directionality in form submission disabled all whether the form control is disabled form all associates the control with a form element form
action image, submit url to use for form submission formenctype image, submit form data set encoding type to use for form submission formmethod image, submit http method to use for form submission formnovalidate image, submit bypass form control validation for form submission formtarget image, submit browsing context for form submission ...
...ckboxes and radio buttons is on.
...And 6 more matches
Intl.NumberFormat() constructor - JavaScript
tyle to use in unit formatting, the defaults is "short".
...ing, the defaults is "short".
...l into two groups: minimumintegerdigits, minimumfr
actiondigits, and maximumfr
actiondigits in one group, minimumsignificantdigits and maximumsignificantdigits in the other.
...And 6 more matches
Intl.PluralRules() constructor - JavaScript
ation about this option, see the intl page.
...e the intl page.
...wo groups: minimumintegerdigits, minimumfr
actiondigits, and maximumfr
actiondigits in one group, minimumsignificantdigits and maximumsignificantdigits in the other.
...And 6 more matches
Enhanced Extension Installation - Archive of obsolete content
th the info held by this file, a compatibility check is run on all installed items.
... "needsrestart" bit when the extension manager's startup completes, shuts down xpcom and relaunches the application.
... of the item to be completely removed from the extensions datasource and the new data from the install manifest of the upgrade copied in, to avoid duplicate assertions.
...And 5 more matches
Static Content - Archive of obsolete content
nupopup> <menuitem label="all"/> </menupopup> <template> <query> <content uri="?start"/> <triple subject="?country" predicate="http://www.w3.org/1999/02/22-rdf-syntax-ns#type" object="?start"/> <triple subject="?country" predicate="http://purl.org/dc/elements/1.1/title" object="?countrytitle"/> </query> <
action> <menupopup> <menuitem uri="?country" label="?countrytitle" value="?country"/> </menupopup> </
action> </template> </menulist> the only difference between the previous example and this one is that the menulist element has some additional content added before the template.
...asn't present.
...ate will also be created.
...And 5 more matches
Using Recursive Templates - Archive of obsolete content
me="female"> <person name="cleopatra"/> <person name="laura secord"/> </group> </people> we could display this data in a flat list by using the right query: <query expr="group/person/"> or, we could display one level for the two groups, and use another level for each person.
...le> we could display this data in a flat list by using the right query: <query expr="group/person/"> or, we could display one level for the two groups, and use another level for each person.
...however, a further step is done to retrieve an additional level of nodes.
...And 5 more matches
How to build custom form controls - Learn web development
sign the control's behavior are different from the ones who implement it.
...ve state and the open state are completely different, the answer is again "nothing will happen" because we did not define any keyboard inter
actions for the opened state.
...ame way as the select for all users, from keyboard to mouse to touch to screen reader, and any other input device.
...And 5 more matches
Your first form - Learn web development
hese subtopics in more detail later on in the module.
...eb server.
...orm> element, like this: <form
action="/my-handling-form-page" method="post"> </form> this element formally defines a form.
...And 5 more matches
NSS Developer Tutorial
e formatting line length should not exceed 80 characters.
...th should not exceed 80 characters.
...entation level is 4.
...And 5 more matches
IDBDatabaseSync - Web APIs
ectstore (in domstring name, in domstring keypath, in optional boolean autoincrement) raises (idbdatabaseexception); idbobjectstoresync openobjectstore (in domstring name, in optional unsigned short mode) raises (idbdatabaseexception); void removeobjectstore (in domstring storename) raises (idbdatabaseexception); void setversion (in domstring version); idbtrans
actionsync trans
action (in optional domstringlist storenames, in optional unsigned int timeout) raises (idbdatabaseexception); attributes attribute type description description readonly domstring the human-readable description of the connected database.
...his method can raise an idbdatabaseexception with the following code: not_found_err if the object store with the given name (based on case-sensitive comparison) does not exist in the connected database.
...ception with the following code: not_found_err if the object store with the given name (based on case-sensitive comparison) does not exist in the connected database.
...And 5 more matches
IndexedDB API - Web APIs
tails, and some explanation of key concepts.
...er, unlike sql-based rdbmses, which use fixed-column tables, indexeddb is a javascript-based object-oriented database.
...s implemented by the window and worker objects.
...And 5 more matches
ServiceWorkerRegistration.showNotification() - Web APIs
erviceworkerregistration interface creates a notification on an active service worker.
...ion interface creates a notification on an active service worker.
...kerregistration.shownotification(title, [options]); parameters title the title that must be shown within the notification options optional an object that allows configuring the notification.
...And 5 more matches
ARIA: application role - Accessibility
scription the application role indicates to assistive technologies that this part of the web content contains elements that do not conform to any other known html element or wai-aria widget.
...m to any other known html element or wai-aria widget.
...e other assistive technologies (at) have traditionally grabbed the whole web content from the browser at once after it had finished loading.
...And 5 more matches
ARIA: button role - Accessibility
the semantic <button> or <input type="button"> elements, you will need to make the element focusable and have to define event handlers for click and keydown events, including the enter and space keys, in order to process the user's input.
...eed to make the element focusable and have to define event handlers for click and keydown events, including the enter and space keys, in order to process the user's input.
...ot change when its state changes.
...And 5 more matches
Accessibility documentation index - Accessibility
eople as possible to use web sites, even when those people's abilities are limited in some way.
...ccessibility, like using drag and drop for placement of the widgets.
...rty.
...And 5 more matches
Event reference
dom events are sent to notify code of interesting things that have taken place.
...ll as a link to the specification or specifications that define the event.
...t event html5 the associated document is about to be printed or previewed for printing.
...And 5 more matches
<mfrac> - MathML
the mathml <mfrac> element is used to display fr
actions.
... the mathml <mfrac> element is used to display fr
actions.
... the mathml <mfrac> element is used to display fr
actions.
...And 5 more matches
simple-storage - Archive of obsolete content
.
...ructing arrays be careful to construct array objects conditionally in your code, or you may zero them each time the construction code runs.
...example, each time firefox is started).
...And 4 more matches
Using Multiple Queries to Generate More Results - Archive of obsolete content
y will generate a result for each person.
...uish the content, although you could use exactly the same content if you wish.
...?title" class="header"/> </
action> </rule> </queryset> <queryset> <query> <content uri="?start"/> <triple subject="?start" predicate="http://www.xulplanet.com/rdf/people" object="?people"/> <member container="?people" child="?item"/> </query> <rule> <binding subject="?item" predicate="http://purl.org/dc/elements/1.1/title" object="?title"/> <
action> <label uri="?item" value="?title"/> </
action> </rule> </queryset> </template> you can view the example.
...And 4 more matches
Textbox (XPFE autocomplete) - Archive of obsolete content
oreblurwhilesearching, ignoreblurwhilesearching, inputtooltiptext, label, maxlength, maxrows, minresultsforpopup, minresultsforpopup, nomatch, onchange, onerrorcommand, oninput, onsearchcomplete, ontextcommand, ontextentered, ontextrevert, ontextreverted, open, readonly, searchsessions, showcommentcolumn, showcommentcolumn, showpopup, size, tabindex, tabscrolling, tabscrolling, timeout, type, user
action, value properties accessible, alwaysopenpopup, autofill, autofillaftermatch, completedefaultindex, crop, disableautocomplete, disabled, editable, focused, forcecomplete, highlightnonmatches, ignoreblurwhilesearching, inputfield, issearching, iswaiting, label, maxlength, maxrows, minresultsforpopup, nomatch, open, popup, popupopen, resultspopup, searchcount, searchparam, searchsess...
... editable, focused, forcecomplete, highlightnonmatches, ignoreblurwhilesearching, inputfield, issearching, iswaiting, label, maxlength, maxrows, minresultsforpopup, nomatch, open, popup, popupopen, resultspopup, searchcount, searchparam, searchsessions, selectionend, selectionstart, sessioncount, showcommentcolumn, showpopup, size, tabindex, tabscrolling, textlength, textvalue, timeout, type, user
action, value methods addsession, clearresults, getdefaultsession, getresultat, getresultcount, getresultvalueat, getsession, getsessionbyname, getsessionresultat, getsessionstatusat, getsessionvalueat, removesession, select, setselectionrange, syncsessions examples (example needed) attributes accesskey type: character this should be set to a character that is used as a shortc...
... if true, the autocomplete behavior will be disabled.
...And 4 more matches
Advanced Rules - Archive of obsolete content
.
...s tag, a bindings tag and an
action tag, although the bindings tag is not always needed.
...the simple syntax, the content is placed directly inside the rule.
...And 4 more matches
Broadcasters and Observers - Archive of obsolete content
ckbox will have the same label 'open'.
...nstance, let's say that we want the back
action in a browser to be disabled.
... button on the toolbar, the keyboard shortcut (alt+left for example) and any back commands on popup menus.
...And 4 more matches
Implementation Status - Archive of obsolete content
lculate supported 6.1.6 constraint supported 6.1.7 p3ptype unsupported 279049; 6.2.1 atomic datatype partial we will support simpletype's using length, minlength, maxlength, pattern, maxinclusive, mininclusive, maxexclusive, minexclusive, totaldigits, and fr
actiondigits 7.
...s, and dynamic dependencies partial we probably already do most of it due to our 1.0 work, but we haven't verified we meet the 1.1 standards, yet 7.4 expression categories supported 7.4.2 model binding expressions and computed expressions supported 7.4.3 expressions in
actions and submissions partial 7.4.4 ui expressions partial scenarios exist where controls contained inside other controls inside a repeat won't be bound correctly 333638; 7.4.5 ui binding in other xml vocabularies unsupported not a compliance requirement for an xforms processor 7.4.6...
...peat module partial 264329; 273706; 9.3.1 repeat partial we do not support number attribute 302026; 9.3.2 nested repeats supported 9.3.3 repeat processing partial we currently obey the 1.0 rules for repeat 9.3.4 user interface inter
action partial we currently obey the 1.0 rules for repeat, no support for @number 302026; 9.3.5 creating repeating structures via attributes partial does not work for html:tr, html:td, or xf:group elements 340515; 350617; 9.3.6 itemset supported performance problem with large itemsets 372197; ...
...And 4 more matches
Desktop mouse and keyboard controls - Game development
e == 40) { downpressed = true; } else if(event.keycode == 38) { uppressed = true; } } the keyuphandler looks almost exactly the same as the keydownhandler above, but instead of setting the pressed variables to true, we would set them to false.
..., right: 39, down: 40 }; that way instead of using the codes to compare the input in the handler functions we could do something like this, which is arguably easier to remember: if(event.keycode == keyboardhelper.left) { leftpressed = true; } note: you can also find a list if the different keycodes and what keys they relate to in the keycode reference page.
...ser approach as i mentioned before you can write everything on your own, but you can also take the advantage of built-in functions in frameworks like phaser — these will make your life easier and development a lot faster.
...And 4 more matches
Componentizing our Svelte app - Learn web development
single responsibility principle — that is, a component should ideally only do one thing.
...curred.
...the all, active, and completed buttons that allow you to apply filters to the displayed todo items.
...And 4 more matches
Redis Tips
p together people who don't use their products.
...> incr foo (integer) 43 redis> incrby foo 17 (integer) 60 notice that these results come back as numbers, not strings.
...ey had before you changed it.
...And 4 more matches
nsIClipboardDragDropHooks
lipboarddragdrophooks as nsisupports note: overrides/hooks need to be added to each window (as appropriate).
...s not enable them for every window.
... in the order they are added.
...And 4 more matches
nsIHttpActivityObserver
rface is active and should observe http activity, otherwise false.
...k at request headers in aextrastringdata activity_subtype_request_body_sent 0x5002 the http request's body has been sent.
...ngdata activity_subtype_request_body_sent 0x5002 the http request's body has been sent.
...And 4 more matches
Address book sync client design
144)] interface nsiabsynclistener : nsisupports { /** * notify the observer that the ab sync authorization operation has begun.
... status code for the sync request * amsg - a text string describing the error (if any).
...t string describing the error (if any).
...And 4 more matches
FileHandle API - Web APIs
ive a page refresh/app relaunch, you need to store the handle in a more permanent location, like the database itself.
...it allows to monitor the progress of an operation.
... sometimes writing and reading operations can be very long, therefore it is a good idea to monitor the operation to provide feedback to the user.
...And 4 more matches
IDBCursor.delete() - Web APIs
, you have to use idbindex.opencursor() instead.
...ad.
...yntax myidbcursor.delete(); returns an idbrequest object on which subsequent events related to this operation are fired.
...And 4 more matches
IDBCursor.source - Web APIs
the source read-only property of the idbcursor interface returns the idbobjectstore or idbindex that the cursor is iterating over.
...or is iterating over.
...e idbobjectstore or idbindex that the cursor is iterating over.
...And 4 more matches
IDBCursor.update() - Web APIs
eature is available in web workers.
...var anidbrequest = myidbcursor.update(value); parameters value the new value to be stored at the current position.
...rs value the new value to be stored at the current position.
...And 4 more matches
IDBObjectStore - Web APIs
this feature is available in web workers.
...b workers.
...ore.openkeycursor() returns an idbrequest object, and, in a separate thread, returns a new idbcursor.
...And 4 more matches
MediaSession - Web APIs
the mediasession interface of the media session api allows a web page to provide custom behaviors for standard media playback inter
actions, and to report metadata that can be sent by the user agent to the device or operating system for presentation in standardized user interface elements.
...evice might deliver the metadata provided by calling mediasession to the device in order to be controllable using the global user interface.
...ession to the device in order to be controllable using the global user interface.
...And 4 more matches
Pointer events - Web APIs
lease the pointer capture el.releasepointercapture(ev.pointerid); } function init() { let el = document.getelementbyid("target"); // register pointerdown and pointercancel handlers el.onpointerdown = downhandler; el.onpointercancel = cancelhandler; } </script> <body onload="init();"> <div id="target"> touch me ...
... el.releasepointercapture(ev.pointerid); } function init() { let el = document.getelementbyid("target"); // register pointerdown and pointercancel handlers el.onpointerdown = downhandler; el.onpointercancel = cancelhandler; } </script> <body onload="init();"> <div id="target"> touch me ...
... values pan-x and pan-y, mean that touches that begin on the specified region are only for horizontal and vertical scrolling, respectively.
...And 4 more matches
Using Touch Events - Web APIs
or the application can use interpreted mouse events for the application input.
...he application input.
...t different locations on the touch surface), thus enhancing user experiences.
...And 4 more matches
Number.prototype.toExponential() - JavaScript
the toexponential() method returns a string representing the number object in exponential notation.
... the toexponential() method returns a string representing the number object in exponential notation.
...ve-examples and send us a pull request.
...And 4 more matches
Promise - JavaScript
the promise object represents the eventual completion (or failure) of an asynchronous operation, and its resulting value.
...led if it is either fulfilled or rejected, but not pending.
...mise d, (promise c, (promise x) ) ) a promise can participate in more than one nesting.
...And 4 more matches
mimeTypes.rdf corruption - SVG: Scalable Vector Graphics
actually, in mozilla firefox 1.5, the media type for files embedded into html using the html <embed> and <object> tags is (unfortunately) obtained in the same way as it's obtained for local files instead of using the http headers as it should.
...ely) obtained in the same way as it's obtained for local files instead of using the http headers as it should.
... in two ways.
...And 4 more matches
panel - Archive of obsolete content
rectory.
...main.js" looks like this: var data = require("sdk/self").data; // construct a panel, loading its content from the "text-entry.html" // file in the "data" directory, and loading the "get-text.js" script // into it.
...looks like this: var data = require("sdk/self").data; // construct a panel, loading its content from the "text-entry.html" // file in the "data" directory, and loading the "get-text.js" script // into it.
...And 3 more matches
Getting Started (jpm) - Archive of obsolete content
ou'll be shown the complete contents of "package.json" and asked to accept it.
... to accept it.
...have installed firefox developer as an alternate browser, you may need to provide the path to it.
...And 3 more matches
Getting started (cfx) - Archive of obsolete content
-main.js written * lib/main.js written * doc/main.md written your sample add-on is now ready for testing: try "cfx test" and then "cfx run".
...r sample add-on is now ready for testing: try "cfx test" and then "cfx run".
... icon-64.png back at the command prompt, type: cfx run this is the sdk command to run a new instance of firefox with your add-on installed.
...And 3 more matches
Supporting per-window private browsing - Archive of obsolete content
firefox 20 introduced per-window private browsing mode, in which private user data is stored and accessed concurrently with public user data from another window.
... private browsing mode, in which private user data is stored and accessed concurrently with public user data from another window.
...rivatebrowsingutils.jsm and use privatebrowsingutils.getprivacycontextfromwindow(win), passing a window object that is related to the content in question.
...And 3 more matches
Event Handlers - Archive of obsolete content
event handlers are defined using handler elements.
...re defined using handler elements.
...dler specifies what event it is listening for using the event attribute.
...And 3 more matches
Audio for Web games - Game development
file sizes but lower seeking accuracy.
...udio api allows precise timing and control of audio playback, we can use it to play samples at specific moments, which is a crucial immersive aspect of gaming.
...ementing a more dynamic musical experience.
...And 3 more matches
Index - Learn web development
web browsers and javascript.
...u should understand these concepts before working through the other articles in the module.
...oked at the fundamental building blocks of javascript, we'll test your knowledge of loops, functions, conditionals and events by getting you to build a fairly common item you'll see on a lot of websites — a javascript-powered image gallery.
...And 3 more matches
Introduction to client-side frameworks - Learn web development
rendering something in the dom – and at no point do we add classes that we could use later to style our list-items!
...we have to remember to update our ui in the right time and in the right way.
... have little or no interactive capability, a framework (and all of its javascript) may not be necessary at all.
...And 3 more matches
Accessibility/LiveRegionDevGuide
web page mutation events, such as adding to a list, trigger both an object changed and a text changed event.
...instead, all text changed events should be examined for the presence of an embed character.
...performance the most significant difference between at-spi and iaccessible2 is that at-spi is an inter-process communication service while iaccessible2 runs in process.
...And 3 more matches
Mork
e mid indicates that the next cell should be deleted.
... next cell should be deleted.
...t seen that case though, so it may not be an issue in practice.
...And 3 more matches
Monitoring HTTP activity
gecko includes the nsihttpactivityobserver interface, which you can implement in your code to monitor http trans
actions in real time, receiving a callback as the trans
actions take place.
...an implement in your code to monitor http trans
actions in real time, receiving a callback as the trans
actions take place.
...ime an
action of interest takes place on the http channel.
...And 3 more matches
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.
... « nsiaccessible page summary this method provides array of localized string of global keyboard accelerator for the given
action index supported by accessible.
...And 3 more matches
nsILoginManagerStorage
creating a login manager storage module for details.
...ould use the login manager service and nsiloginmanager interface instead.
...ogin the login to add to the login storage.
...And 3 more matches
nsIXULTemplateBuilder
e element as a direct child.
... a direct child.
...or each result produced by the query.
...And 3 more matches
MailNews fakeserver
*/ ]; for (var handler in handlers) { // this sets up the fake server var server = new nsmailserver(new handler(daemon)); // port to use.
...omething // larger than 1024 for best results.
... 1024 for best results.
...And 3 more matches
Using popup notifications
ests geolocation information: this lets the user decide whether or not to share their location when it's convenient to do so, instead of being compelled to do it at once.
...s lets the user decide whether or not to share their location when it's convenient to do so, instead of being compelled to do it at once.
...e popup notification at the appropriate time like this: popupnotifications.show(gbrowser.selectedbrowser, "sample-popup", "this is a sample popup notification.", null, /* anchor id */ { label: "do something", accesskey: "d", callback: function() { alert("doing something awesome!"); } }, null /* secondary
action */ ); in this case, we aren't providing any secondary
actions; that is,
actions provided to the user through the drop-down menu.
...And 3 more matches
Element: cut event - Web APIs
the cut event is fired when the user has initiated a "cut"
action through the browser's user interface.
... the cut event is fired when the user has initiated a "cut"
action through the browser's user interface.
... the cut event is fired when the user has initiated a "cut"
action through the browser's user interface.
...And 3 more matches
IDBCursor.advance() - Web APIs
e advance() method of the idbcursor interface sets the number of times a cursor should move its position forward.
... sets the number of times a cursor should move its position forward.
... of the following types: exception description trans
actioninactiveerror this idbcursor's trans
action is inactive.
...And 3 more matches
IDBCursor.continue() - Web APIs
ional key parameter.
...the cursor advances to the immediate next position, based on its direction.
...lid key.
...And 3 more matches
IDBIndex.count() - Web APIs
syntax var request = myindex.count(); var request = myindex.count(key); parameters key optional the key or key range that identifies the record to be counted.
...request = myindex.count(key); parameters key optional the key or key range that identifies the record to be counted.
... this method may raise a domexception of one of the following types: exception description trans
actioninactiveerror this idbindex's trans
action is inactive.
...And 3 more matches
IDBIndex.get() - Web APIs
eters key optional a key or idbkeyrange that identifies the record to be retrieved.
...that identifies the record to be retrieved.
... this method may raise a domexception of one of the following types: exception description trans
actioninactiveerror this idbindex's trans
action is inactive.
...And 3 more matches
IDBIndex.getKey() - Web APIs
ameters key optional a key or idbkeyrange that identifies a record to be retrieved.
...e that identifies a record to be retrieved.
... this method may raise a domexception of one of the following types: exception description trans
actioninactiveerror this idbindex's trans
action is inactive.
...And 3 more matches
IDBIndex.objectStore - Web APIs
the objectstore property of the idbindex interface returns the name of the object store referenced by the current index.
...dex using idbindex.opencursor.
...ex.opencursor.
...And 3 more matches
IDBIndex.openCursor() - Web APIs
default to a key range that selects all the records in this object store.
... records in this object store.
... exception description trans
actioninactiveerror this idbindex's trans
action is inactive.
...And 3 more matches
IDBIndex.openKeyCursor() - Web APIs
default to a key range that selects all the records in this object store.
... records in this object store.
... exception description trans
actioninactiveerror this idbindex's trans
action is inactive.
...And 3 more matches
IDBObjectStore.count() - Web APIs
query optional a key or idbkeyrange object that specifies a range of records you want to count.
...pecifies a range of records you want to count.
...ired.
...And 3 more matches
IDBObjectStore.openCursor() - Web APIs
id values are "next", "nextunique", "prev", and "prevunique".
...revunique".
... this method may raise a domexception of one of the following types: exception description invalidstateerror this idbobjectstore or idbindex has been deleted.
...And 3 more matches
IDBObjectStore.openKeyCursor() - Web APIs
id values are "next", "nextunique", "prev", and "prevunique".
...revunique".
... this method may raise a domexception of one of the following types: exception description invalidstateerror this idbobjectstore or idbindex has been deleted.
...And 3 more matches
IDBVersionChangeEvent - Web APIs
re is available in web workers.
...e live.) var note = document.queryselector("ul"); // in the following line, you should include the prefixes of implementations you want to test.
...ument.queryselector("ul"); // in the following line, you should include the prefixes of implementations you want to test.
...And 3 more matches
Checking when a deadline is due - Web APIs
alidation (i have used the required attribute in my html to force validation, in those that do.) else { var newitem = [ { tasktitle: title.value, hours : hours.value, minutes : minutes.value, day : day.value, month : month.value, year : year.value, notified : "no" } ]; // open a read/write db trans
action, ready for adding the data var trans
action = db.trans
action(["todolist"], "readwrite"); // report on the success of opening the trans
action trans
action.oncomplete = function(event) { note.innerhtml += '<li>trans
action opened for task addition.</li>'; }; trans
action.onerror = function(event) { note.innerhtml += '<li>trans
action not opened due to error.
..."], "readwrite"); // report on the success of opening the trans
action trans
action.oncomplete = function(event) { note.innerhtml += '<li>trans
action opened for task addition.</li>'; }; trans
action.onerror = function(event) { note.innerhtml += '<li>trans
action not opened due to error.
...n the success of opening the trans
action trans
action.oncomplete = function(event) { note.innerhtml += '<li>trans
action opened for task addition.</li>'; }; trans
action.onerror = function(event) { note.innerhtml += '<li>trans
action not opened due to error.
...And 3 more matches
SVGGraphicsElement: cut event - Web APIs
the cut event is fired on an svggraphicselement when the user has initiated a "cut"
action through the browserʼs user interface.
... the cut event is fired on an svggraphicselement when the user has initiated a "cut"
action through the browserʼs user interface.
...nt is fired on an svggraphicselement when the user has initiated a "cut"
action through the browserʼs user interface.
...And 3 more matches
Service Worker API - Web APIs
service workers essentially act as proxy servers that sit between web applications, the browser, and the network (when available).
... win over previous attempts in this area such as; appcache because they don't make assumptions about what you are trying to do, and then break when those assumptions are not exactly right; you have granular control over everything.
...when there are no longer any pages loaded that are still using the old service worker.
...And 3 more matches
Viewpoints and viewers: Simulating cameras in WebXR - Web APIs
ver, and though we assume these are under a permissive license due to their frequent reuse, ownership is not certain.
...the various windows of an aircraft in a flight simulator, or to see the views from all the security cameras within the game level (a common feature of spy and stealth-based games).
...mes, a camera or camera-like object could be used to determine what a non-player character can see, relying on the same rendering and physics engine used by player characters for non-player characters.
...And 3 more matches
Web Authentication API - Web APIs
nresponse interface).
...ll only really care about steps 1 and 5 where the create() function is called and subsequently returns; however, steps 2, 3, and 4 are essential to understanding the processing that takes place in the browser and authenticator and what the resulting data means.
...will store the new public key associated with the user's account for future use -- that is, whenever the user desires to use the public key for authentication.
...And 3 more matches
XRSession: squeeze event - Web APIs
the webxr event squeeze is sent to an xrsession when one of the session's input sources has completed a primary squeeze
action.
... the webxr event squeeze is sent to an xrsession when one of the session's input sources has completed a primary squeeze
action.
... command, or performing a recognizable gesture when using a video tracking system or handheld controller with an accelerometer.
...And 3 more matches
ARIA: grid role - Accessibility
imply a specific visual presentation, it implies a relationship among elements.
...mportant to consider in keyboard inter
action design.
...ltiselectable is set to true, multiple items in the grid can be selected.
...And 3 more matches
Mobile accessibility checklist - Accessibility
> <h2>secondary heading</h2> <h2>another secondary heading</h2> <h3>low level heading</h3> aria landmark roles should be used to describe an app or document structure, such as banner, complementary, contentinfo, main, navigation, search.
...ary heading</h2> <h2>another secondary heading</h2> <h3>low level heading</h3> aria landmark roles should be used to describe an app or document structure, such as banner, complementary, contentinfo, main, navigation, search.
...ow level heading</h3> aria landmark roles should be used to describe an app or document structure, such as banner, complementary, contentinfo, main, navigation, search.
...And 3 more matches
OpenType font features guide - CSS: Cascading Style Sheets
font features or variants refer to different glyphs or character styles contained within an opentype font.
...ures to turn them on or off in a given text block.
...esigned to be used inline with copy so the numerals visually blend with the surrounding glyphs in a similar fashion to small caps.
...And 3 more matches
Overview of events and handlers - Developer guides
change to dynamic page rendering, browsers loop continuously between processing, drawing, presenting content, and waiting for some new event trigger.
...al browser flow to the event driven browser.
...the value of the 'onclick' attribute, although this second approach is usually only used in very simple web pages.
...And 3 more matches
switch - JavaScript
t is your name?
...output: your name?
...t modern browsers, there will be cases where you would want to use let and const statements to declare block-scoped variables.
...And 3 more matches
indexed-db - Archive of obsolete content
e can't access the dom, you can't do this.
...is almost identical to the dom indexeddb api, so we haven't repeated its documentation here, but refer you to the indexeddb api documentation for all the details.
...) to open the database, add a new item to the database, and get all items in the database.
...And 2 more matches
List Open Tabs - 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.
...And 2 more matches
Bindings - Archive of obsolete content
ject="?title"/> <triple subject="?photo" predicate="http://purl.org/dc/elements/1.1/description" object="?description"/> </query> it works similarly to the previous triple.
... a triple that doesn't cause a result to be removed as a possible match.
...ause a result to be removed as a possible match.
...And 2 more matches
Building Menus With Templates - Archive of obsolete content
s such as those with a type attribute set to menu.
...entire content of a complex menu does not need to be created until the user needs to use the menu.
... expr="person"/> <
action> <menupopup> <menuitem uri="?" label="?name"/> </menupopup> </
action> </template> </button> <button label="children" oncommand="alert(this.previoussibling.childnodes.length);"/> in this example, the datasources attribute has been placed on a menu-type button.
...And 2 more matches
Building Trees - Archive of obsolete content
wish, you can also use the content builder for a tree.
...nt builder for a tree.
...g an sqlite datasource: <tree datasources="profile:messages.sqlite" ref="*" querytype="storage" flags="dont-build-content"> <treecols> <treecol id="subject" label="subject" flex="3"/> <treecol id="sender" label="sender" flex="2"/> <treecol id="date" label="date" flex="1"/> </treecols> <template> <query> select subject, sender, date from messages </query> <
action> <treechildren> <treeitem uri="?"> <treerow> <treecell label="?subject"/> <treecell label="?sender"/> <treecell label="?date"/> </treerow> </treeitem> </treechildren> </
action> </template> </tree> features of the tree builder besides the label of a cell, there are several other cell properties you can set w...
...And 2 more matches
Special Condition Tests - Archive of obsolete content
that must match for the outer iteration is the root element, the one with the datasources attribute on it.
...e on it.
... be the element with the uri attribute from the previous iteration.
...And 2 more matches
XML Assignments - Archive of obsolete content
is, we use an additional element, the assign element.
...ref="*" querytype="xml"> <template> <query expr="person"> <assign var="?namelength" expr="string-length(@name)"/> <assign var="?siblings" expr="count(../*) - 1"/> </query> <
action> <hbox uri="?" align="center"> <button label="?name"/> <label value="?gender"/> <label value="?namelength"/> <label value="?siblings"/> </hbox> </
action> </template> </vbox> two assign elements are placed as children of the query element.
...nt(../*) - 1"/> </query> <
action> <hbox uri="?" align="center"> <button label="?name"/> <label value="?gender"/> <label value="?namelength"/> <label value="?siblings"/> </hbox> </
action> </template> </vbox> two assign elements are placed as children of the query element.
...And 2 more matches
XUL Event Propagation - Archive of obsolete content
us xulnote.
...poses, but they play a particularly important role in creating interactive xul-based user interfaces, since it is events that bring the information about user
actions to the code behind the interface.
...ermined.
...And 2 more matches
Mobile touch controls - Game development
uld be dragged around the page, which would show the browser scroll bars and look messy.
...: this.game.input.ondown.add(itemtouched, this); function itemtouched(pointer) { // do something } the itemtouched() function will be executed when the ondown event is dispatched by touching the screen.
...t, but you can also detect the
actions on any game objects like sprites or buttons by using oninputover, oninputout, oninputdown, oninputup, ondragstart, or ondragstop: this.button.events.oninputover.add(itemtouched, this); function itemtouched(button, pointer) { // do something } that way you'll be able to attach an event to any object in the game, like the player's ship, and react to the
actions performed by the user.
...And 2 more matches
Introducing asynchronous JavaScript - Learn web development
n the background code finishes running, it calls the callback function to let you know the work is done, or to let you know that something of interest has happened.
...e the callback is waiting on the xhr call to finish downloading the resource (using the onload event handler) before it passes it to the callback.
...work — and returning a promise.
...And 2 more matches
Introduction to events - Learn web development
previous overview: building blocks next events are
actions or occurrences that happen in the system you are programming, which the system tells you about so you can respond to them in some way if desired.
... previous overview: building blocks next events are
actions or occurrences that happen in the system you are programming, which the system tells you about so you can respond to them in some way if desired.
...ive study; just what you need to know at this stage.
...And 2 more matches
Ember Interactivity: Footer functionality, conditional rendering - Learn web development
...
...js, add the following getter underneath the existing all() getter to define what the incomplete todos actually are: get incomplete() { return this.todos.filter(todo => { return todo.iscompleted === false; }); } using array.filter(), we declare that "incomplete" todos are ones that have iscompleted equal to false.
...following getter underneath the existing all() getter to define what the incomplete todos actually are: get incomplete() { return this.todos.filter(todo => { return todo.iscompleted === false; }); } using array.filter(), we declare that "incomplete" todos are ones that have iscompleted equal to false.
...And 2 more matches
Accessibility information for UI designers and developers
best avoided for this, as they are often too low in contrast.
...example, the select element displays an ideal mobile interface on mobile operating systems like android and ios.
...stems like android and ios.
...And 2 more matches
Software accessibility: Where are we today?
software vendors created products and software which helped people who could not perform one of the four basic tasks to use common computer applications.
...eased the employment and personal fulfillment opportunities of hundreds of thousands of persons with disabilities, and the importance of their work cannot be diminished.
... of thousands of persons with disabilities, and the importance of their work cannot be diminished.
...And 2 more matches
mach
r raw build output.
...u have always used them.
...file "mach" (a py script) , which you need, is not there though - look for that driver at moz-central or here directly.
...And 2 more matches
Displaying Places information using views
f the place attribute and property.
...vhistoryresultnode objects contained in the rows.
...on the view itself, the nsiplacesview interface of the view itself, the nsinavhistoryresulttreeviewer interface of the view's view, and the nsitreeview interface of the view's view.
...And 2 more matches
Animated PNG graphics
ing with 0.
...e.
...region defined by x_offset, y_offset, width, and height.
...And 2 more matches
nsIAccessibleEvent
ge 0x800b 0x000a 0x0007 an object has changed location, shape, or size.
...tion, shape, or size.
...t_name_change 0x800c 0x000b 0x0008 an object's name property has changed.
...And 2 more matches
nsIDOMEvent
void stopimmediatepropagation(); void stoppropagation(); attributes attribute type description bubbles boolean used to indicate whether or not an event is a bubbling event.
...(); void stoppropagation(); attributes attribute type description bubbles boolean used to indicate whether or not an event is a bubbling event.
...wer, or mixed case version of the string "dom".
...And 2 more matches
nsIEditorObserver
editor/idl/nsieditorobserver.idlscriptable used by applications wishing to be notified when the editor has completed a user
action.
... editor/idl/nsieditorobserver.idlscriptable used by applications wishing to be notified when the editor has completed a user
action.
... editor/idl/nsieditorobserver.idlscriptable used by applications wishing to be notified when the editor has completed a user
action.
...And 2 more matches
nsILoginManager
asses["@mozilla.org/login-manager;1"] .getservice(components.interfaces.nsiloginmanager); method overview void addlogin(in nsilogininfo alogin); nsiautocompleteresult autocompletesearch(in astring asearchstring, in nsiautocompleteresult apreviousresult, in nsidomhtmlinputelement aelement); unsigned long countlogins(in astring ahostname, in astring a
actionurl, in astring ahttprealm); boolean fillform(in nsidomhtmlformelement aform); void findlogins(out unsigned long count, in astring ahostname, in astring a
actionurl, 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); ...
...ng description aelement missing description return value missing description countlogins() returns the number of logins matching the specified criteria.
...ssword, as the logins don't need to be decrypted).
...And 2 more matches
DOMException - Web APIs
_clone_err) encodingerror the encoding or decoding operation failed (no legacy code value and constant name).
...code value and constant name).
...on failed for an unknown transient reason (e.g.
...And 2 more matches
DataTransfer.dropEffect - Web APIs
ch type of operation will occur.
... if the new value is one of the values listed below, then the property's current value will be set to the new value and other values will be ignored.
...value and other values will be ignored.
...And 2 more matches
HTMLInputElement - Web APIs
size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmlinputelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties properties related to the parent form form read only htmlformelement object: returns a reference to the parent <form> element.
...o,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmlinputelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties properties related to the parent form form read only htmlformelement object: returns a reference to the parent <form> element.
...:hover text { fill: #0095dd; pointer-events: all;} properties properties related to the parent form form read only htmlformelement object: returns a reference to the parent <form> element.
...And 2 more matches
IDBCursor - Web APIs
ore.
...starts at the upper bound of the key range and moves downwards (monotonically decreasing in the order of keys).
... iterate through all the records in the object store.
...And 2 more matches
IDBDatabase: abort event - Web APIs
the abort event is fired on idbdatabase when a trans
action is aborted and bubbles up to the connection object.
... the abort event is fired on idbdatabase when a trans
action is aborted and bubbles up to the connection object.
... event is fired on idbdatabase when a trans
action is aborted and bubbles up to the connection object.
...And 2 more matches
IDBFactory.open() - Web APIs
ive.) var note = document.queryselector("ul"); // in the following line, you should include the prefixes // of implementations you want to test.
...nt.queryselector("ul"); // in the following line, you should include the prefixes // of implementations you want to test.
...the following line, you should include the prefixes // of implementations you want to test.
...And 2 more matches
IDBFactory - Web APIs
e our to-do notifications app (view example live.) // in the following line, you should include the prefixes of implementations you want to test.
...s app (view example live.) // in the following line, you should include the prefixes of implementations you want to test.
...in the following line, you should include the prefixes of implementations you want to test.
...And 2 more matches
IDBKeyRange.bound() - Web APIs
the lower or upper parameters were not passed a valid key.
... parameters were not passed a valid key.
... if we used idbkeyrange.bound("a", "f", true, true);, then the range would not include "a" and "f", only the values between them.
...And 2 more matches
IDBKeyRange.lower - Web APIs
= mykeyrange.lower value the lower bound of the key range (can be any type.) example the following example illustrates how you'd use a key range.
...lue the lower bound of the key range (can be any type.) example the following example illustrates how you'd use a key range.
....
...And 2 more matches
IDBKeyRange.lowerBound() - Web APIs
a domexception of the following type: exception description dataerror the value parameter passed was not a valid key.
... following type: exception description dataerror the value parameter passed was not a valid key.
... the key value "f" and all that come after it.
...And 2 more matches
IDBKeyRange.lowerOpen - Web APIs
false the lower-bound value is included in the key range.
...er-bound value is included in the key range.
...o the console, which should appear as "true": the lower bound is open, so won't be included in the range.
...And 2 more matches
IDBKeyRange.only() - Web APIs
exceptions this method may raise a domexception of the following types: exception description dataerror the value parameter passed was not a valid key.
...od may raise a domexception of the following types: exception description dataerror the value parameter passed was not a valid key.
...r with idbobjectstore.opencursor, declaring keyrangevalue as its optional key range value.
...And 2 more matches
IDBKeyRange.upper - Web APIs
= mykeyrange.upper value the upper bound of the key range (can be any type.) example the following example illustrates how you'd use a key range.
...lue the upper bound of the key range (can be any type.) example the following example illustrates how you'd use a key range.
....
...And 2 more matches
IDBKeyRange.upperBound() - Web APIs
d may raise a domexception of the following type: exception description dataerror the value parameter passed was not a valid key.
...tion of the following type: exception description dataerror the value parameter passed was not a valid key.
...s its optional key range value.
...And 2 more matches
IDBKeyRange.upperOpen - Web APIs
false the upper-bound value is included in the key range.
...er-bound value is included in the key range.
...o the console, which should appear as "true": the upper bound is open, so won't be included in the range.
...And 2 more matches
IDBKeyRange - Web APIs
creates a new key range with only a lower bound.
...ge with only a lower bound.
...they should be open bounds.
...And 2 more matches
IDBObjectStore.autoIncrement - Web APIs
store has its own separate auto increment counter.
...base in the db variable.
...lot below db = dbopenrequest.result; // run the adddata() function to add the data to the database adddata(); }; function adddata() { // create a new object ready to insert into the idb var newitem = [ { tasktitle: "walk dog", hours: 19, minutes: 30, day: 24, month: "december", year: 2013, notified: "no" } ]; // open a read/write db trans
action, ready for adding the data var trans
action = db.trans
action(["todolist"], "readwrite"); // report on the success of the trans
action completing, when everything is done trans
action.oncomplete = function(event) { note.innerhtml += '<li>trans
action completed.</li>'; }; trans
action.onerror = function(event) { note.innerhtml += '<li>trans
action not opened due to error.
...And 2 more matches
IDBObjectStore.index() - Web APIs
feature is available in web workers.
...tions this method may raise a domexception of one of the following types: exception description invalidstateerror the source object store has been deleted, or the trans
action for the object store has finished.
...a cursor directly on an objectstore using idbobjectstore.opencursor except that the returned records are sorted based on the index, not the primary key.
...And 2 more matches
IDBObjectStore.indexNames - Web APIs
the indexnames read-only property of the idbobjectstore interface returns a list of the names of indexes on objects in this object store.
... the database in the db variable.
...s used a lot below db = this.result; // run the adddata() function to add the data to the database adddata(); }; function adddata() { // create a new object ready to insert into the idb var newitem = [ { tasktitle: "walk dog", hours: 19, minutes: 30, day: 24, month: "december", year: 2013, notified: "no" } ]; // open a read/write db trans
action, ready for adding the data var trans
action = db.trans
action(["todolist"], "readwrite"); // report on the success of the trans
action completing, when everything is done trans
action.oncomplete = function(event) { note.innerhtml += '<li>trans
action completed.</li>'; }; trans
action.onerror = function(event) { note.innerhtml += '<li>trans
action not opened due to error.
...And 2 more matches
IDBObjectStore.keyPath - Web APIs
the keypath read-only property of the idbobjectstore interface returns the key path of this object store.
...base in the db variable.
...lot below db = dbopenrequest.result; // run the adddata() function to add the data to the database adddata(); }; function adddata() { // create a new object ready to insert into the idb var newitem = [ { tasktitle: "walk dog", hours: 19, minutes: 30, day: 24, month: "december", year: 2013, notified: "no" } ]; // open a read/write db trans
action, ready for adding the data var trans
action = db.trans
action(["todolist"], "readwrite"); // report on the success of the trans
action completing, when everything is done trans
action.oncomplete = function(event) { note.innerhtml += '<li>trans
action completed.</li>'; }; trans
action.onerror = function(event) { note.innerhtml += '<li>trans
action not opened due to error.
...And 2 more matches
IDBVersionChangeEvent.newVersion - Web APIs
ive.) var note = document.queryselector("ul"); // in the following line, you should include the prefixes of // implementations you want to test.
...nt.queryselector("ul"); // in the following line, you should include the prefixes of // implementations you want to test.
...the following line, you should include the prefixes of // implementations you want to test.
...And 2 more matches
Key Values - Web APIs
ied" the user agent wasn't able to map the event's virtual keycode to a specific key value.
... "insert" the insert key, ins.
... vk_insert (0x2d) gdk_key_insert (0xff63) gdk_key_kp_insert (0xff9e) qt::key_insert (0x01000006) keycode_insert (124) "paste" paste from the clipboard.
...And 2 more matches
KeyboardEvent - Web APIs
keyboardevent objects describe a user inter
action with the keyboard; each event describes a single inter
action between the user and a key (or combination of a key with modifier keys) on the keyboard.
... keyboardevent objects describe a user inter
action with the keyboard; each event describes a single inter
action between the user and a key (or combination of a key with modifier keys) on the keyboard.
...e keyboard; each event describes a single inter
action between the user and a key (or combination of a key with modifier keys) on the keyboard.
...And 2 more matches
MSSiteModeEvent - Web APIs
explorer and microsoft edge.
...soft edge, the createevent()/initevent() constructor pattern for synthetic events is deprecated.
...s not supported for windows store apps using javascript.
...And 2 more matches
Web-based protocol handlers - Web APIs
"http://www.google.co.uk/?uri=%s", "burger handler"); </script> </head> <body> <h1>web protocol handler sample</h1> <p>this web page will install a web protocol handler for the <code>web+burger:</code> protocol.</p> </body> </html> activating now, anytime the user activates a link that uses the registered protocol, the browser will route the
action to the url supplied when the web application registered.
... <h1>web protocol handler sample</h1> <p>this web page will install a web protocol handler for the <code>web+burger:</code> protocol.</p> </body> </html> activating now, anytime the user activates a link that uses the registered protocol, the browser will route the
action to the url supplied when the web application registered.
... when the web application registered.
...And 2 more matches
Notification - Web APIs
object itself.
...alues are: denied — the user refuses to have notifications displayed.
......
...And 2 more matches
Using the Payment Request API - Web APIs
ccesspanel.style.display = 'block'; }); }) this object provides the developer with access to details they can use to complete the logical steps required after the payment completes, such as an email address to contact the customer, a shipping address for mailing goods out to them, etc.
... the logical steps required after the payment completes, such as an email address to contact the customer, a shipping address for mailing goods out to them, etc.
...details-container'); additionaldetailscontainer.style.display = 'block'; window.scrollto(additionaldetailscontainer.getboundingclientrect().x, 0); }).catch(function(error) { // handle error.
...And 2 more matches
Supporting both TouchEvent and MouseEvent - Web APIs
's web content is designed only to work with mouse input.
...if a browser supports touch, the browser must still emulate mouse events so content that assumes mouse-only input will work as is without direct modification.
...lly, a touch-based application does not need to explicitly address mouse input.
...And 2 more matches
XRSession.onsqueezeend - Web APIs
the xrsession interface's onsqueezeend event handler property is a function to be invokedn when the squeezeend event sent to an xrsession when a primary squeeze
action ends.
... the xrsession interface's onsqueezeend event handler property is a function to be invokedn when the squeezeend event sent to an xrsession when a primary squeeze
action ends.
... the xrsession interface's onsqueezeend event handler property is a function to be invokedn when the squeezeend event sent to an xrsession when a primary squeeze
action ends.
...And 2 more matches
XRSession: squeezestart event - Web APIs
the webxr event squeezestart is sent to an xrsession when the user begins a primary squeeze
action on one of its input sources.
... the webxr event squeezestart is sent to an xrsession when the user begins a primary squeeze
action on one of its input sources.
... the webxr event squeezestart is sent to an xrsession when the user begins a primary squeeze
action on one of its input sources.
...And 2 more matches
font-variant - CSS: Cascading Style Sheets
, styleset(), character-variant(), swash(), ornaments(), annotation() specifies the keywords and functions related to the font-variant-alternates longhand property.
...ite-caps, unicase, titling-caps specifies the keywords and functions related to the font-variant-caps longhand property.
...titling-caps specifies the keywords and functions related to the font-variant-caps longhand property.
...And 2 more matches
<number> - CSS: Cascading Style Sheets
the <number> css data type represents a number, being either an integer or a number with a fr
actional component.
... the <number> css data type represents a number, being either an integer or a number with a fr
actional component.
... digits, and may be appended to an integer.
...And 2 more matches
Content type - SVG: Scalable Vector Graphics
char* where char is the production for a character, as defined in xml 1.0 , section 2.2.
...efined in xml 1.0 , section 2.2.
... <clock-value> clock values have the same syntax as in smil animation specification.
...And 2 more matches
Creating Reusable Modules - Archive of obsolete content
ilters(nsifilepicker.filterall | nsifilepicker.filtertext); var rv = fp.show(); if (rv == nsifilepicker.returnok || rv == nsifilepicker.returnreplace) { var file = fp.file; // get the path as string.
...ifilepicker.filterall | nsifilepicker.filtertext); var rv = fp.show(); if (rv == nsifilepicker.returnok || rv == nsifilepicker.returnreplace) { var file = fp.file; // get the path as string.
...back var hash = ch.finish(false); // convert the binary hash data to a hex string.
...r hash = ch.finish(false); // convert the binary hash data to a hex string.
Display a Popup - Archive of obsolete content
orial you'll need to have learned the basics of jpm.
...e "index.js" looks like this: var data = require("sdk/self").data; // construct a panel, loading its content from the "text-entry.html" // file in the "data" directory, and loading the "get-text.js" script // into it.
...js" looks like this: var data = require("sdk/self").data; // construct a panel, loading its content from the "text-entry.html" // file in the "data" directory, and loading the "get-text.js" script // into it.
...32.png icon-64.png text-entry.html index.js run the add-on, click the button, and you should see the panel.
Adding windows and dialogs - Archive of obsolete content
u should always keep them in mind: chrome.
...perating systems order and position their buttons differently in their dialogs.
..."&xulschoolhello.hellodialog.title;" buttons="accept,cancel" ondialogaccept="return xulschoolchrome.hellodialog.accept();" ondialogcancel="return xulschoolchrome.hellodialog.cancel();" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> carefully read the specification of the dialog element.
...'s also a useful accessibility feature, because screen readers will read the caption right before reading any text in its contents.
Index of archived content - Archive of obsolete content
et/style stylesheet/utils system/child_process system/environment system/events system/runtime system/unload system/xul-app tabs/utils test/assert test/harness test/httpd test/runner test/utils ui/button/
action ui/button/toggle ui/frame ui/id ui/sidebar ui/toolbar util/array util/collection util/deprecate util/list util/match-pattern util/object util/uuid window/utils release notes ...
... guidelines extension versioning, update and compatibility extensions support in seamonkey 2 firefox addons developer guide hiding browser chrome hotfix extension how to convert an overlay extension to restartless inline options install manifests installing extensions and themes from web pages inter
action between privileged and non-privileged pages jetpack processes legacy add-ons legacy extensions for firefox for android api accounts.jsm browserapp addtab closetab deck getbrowserfor...
... panels homeprovider.jsm homestorage nativewindow contextmenus doorhanger menu toast notifications.jsm page
actions.jsm prompt.jsm runtimepermissions.jsm snackbars.jsm sound.jsm tab addons developer guide code snippets creating a user interface firefox hub walkthrough initialization and cleanup prerequisites walkthrough ...
...er-window private browsing supporting private browsing mode table cellmap table cellmap - border collapse table layout regression tests table layout strategy tamarin abcasm tamarin acceptance testing abc assembler tests
actionscript acceptance tests tamarin acceptance test template
actionscript performance tests cmdline tests running tamarin acceptance tests running tamarin performance tests tamarin build system documentation tamarin rele...
Drag and Drop JavaScript Wrapper - Archive of obsolete content
the buttonobserver and textobserver variables.
...perties, each set to a function which handles a particular aspect of drag and drop.
...me type, such as 'text/unicode'.
... var txt1 = 'hello'; var txt2 = 'there'; transferdata.data = new transferdataset(); var tmp = new transferdata(); tmp.adddataforflavour("text/unicode",txt1); transferdata.data.push(tmp); new transferdata(); tmp.adddataforflavour("text/unicode",txt2); transferdata.data.push(tmp); } } you will need to add an observer to each element that can either start a drag
action or can accept dropped objects.
JavaScript crypto - Archive of obsolete content
tecrmfrequest() function generates a key and creates a crmf request object.
...signature on signed blob ca/ra validates identity of user ca/ra sends wrapped encryption private key to kra kra sends escrow verification back to ca ca creates and signs certificates ca sends certificates back to the user (importusercertificates) typical use the ca's enrollment page could look something like this: <!doctype html> <h2>request a cert</h2> <form name="reqform" method="post"
action="http://your.ra.site.org"> <p><input type=hidden name=cert_request value=""> <p>name: <input type=text name=name value=""> <p>password: <input type=password name="password" value=""> <p><input type=submit name="send" value="submit"> </form> <script> /* the following values could be filled in by the server cgi */ var authenticator = "server_magic"; var keytransportcert = null; var crmfobject = nul...
...mozilla might exhibit unpredictable behavior.
...vior.
Elements - Archive of obsolete content
g is attached and removed when the binding is detached.
...he script inside the handler is executed when the event handler is matched.
...ide the handler is executed when the event handler is matched.
...used with mouse handlers to specify how many times a button has been clicked.
A XUL Bestiary - Archive of obsolete content
and its children, the popup and menuitems.
...ect when that object performs some
action.
... by a button when it is clicked.
...out these events, then you probably never know about them.
Menus - Archive of obsolete content
to set the label and an access key for the item.
...abel="open" accesskey="o"/> the access key will only function while the menu it is contained within is open, so access keys only need to be unique within that menu.
...ction can be associated with the menuitem.
...y.
OpenClose - Archive of obsolete content
eged content window (such as a web page) can only open a popup while its window is focused, and it is in the currently active tab.
... open property is set to true, then the menu is open, otherwise the menu is closed.
... you should always provide an alternate means of accessing the functionality of the menu.
...ccessing the functionality of the menu.
Filtering - Archive of obsolete content
ed or removed, the template must be rebuilt by calling the rebuild method.
...edicate to find the individual countries.
...="?countrytitle"/> </query> the
action body will need to generate a <menuitem> for each result.
... need to include a <menupopup> around all of the items.
RDF in Mozilla FAQ - Archive of obsolete content
ly arranged because the eventual intent is to introduce templates using the extended form -- which in many ways is conceptually simpler, 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?
... although it's possible to create a xul template with an "implicit" set of datasources by specifying the datasources attribute, there are often times when you won't know the datasource that you want to add until after the xul is loaded.
...n change anything about a template using the w3c dom apis.
... apis.
Introduction to game development for the Web - Game development
distributing those games.
... tablets, their home laptops, their work desktops, or anything else.
... to easily port your existing games.
...he power to control audio and video data, including teleconferencing and transmitting other application data back and forth between two users.
First input delay - MDN Web Docs Glossary: Definitions of Web-related terms
first input delay (fid) measures the time from when a user first interacts with your site (i.e.
... first input delay (fid) measures the time from when a user first interacts with your site (i.e.
... first input delay (fid) measures the time from when a user first interacts with your site (i.e.
...ntrol) to the time when the browser is actually able to respond to that inter
action.
CSS values and units - Learn web development
possible values.
...sents a decimal number — it may or may not have a decimal point with a fr
actional component, for example 0.255, 128, or -1.2.
...h will remain the same no matter what else changes.
... at is the group of values known as functions.
How do I start to design my website? - Learn web development
a new site just to spread the word about how cute our cats are.
...ame topic, having everything in one place will help us meet our goals and help our followers connect with us.
...your website two things to notice.
...e" generates a long to-do list, which only grows longer as you think about it.
Graceful asynchronous programming with Promises - Learn web development
previous overview: asynchronous next promises are a comparatively new feature of the javascript language that allow you to defer further
actions until after a previous
action has completed, or respond to its failure.
...ailurecallback); this is much better — it is easier to see what is going on, we only need a single .catch() block to handle all the errors, it doesn't block the main thread (so we can keep playing video games while we wait for the pizza to be ready to collect), and each operation is guaranteed to wait for previous operations to complete before running.
...esponding to failure something is missing — currently, there is nothing to explicitly handle errors if one of the promises fails (rejects, in promise-speak).
... if any of the promises passed to promise.all() reject, the whole block will reject.
Cooperative asynchronous JavaScript: Timeouts and intervals - Learn web development
) * 13; console.log(posx); } else { posx += 2; } this is the code that calculates how to update the position in each animation frame.
...culates how to update the position in each animation frame.
...the players that they can now press their button to win.
...eeventlistener() so that once the winning press has happened, no more keyboard input is possible to mess up the final game result.
Perceived performance - Learn web development
ding spinner, or a series of useful hints and tips (or jokes, or whatever else you think might be appropriate).
...r does it weight which content important to a user more highly, so it's not a perfect metric.
...th delay.
...ormat, compressed, and in the correct size.
Introduction to the server side - Learn web development
ignificant benefit of server-side code is that it allows you to tailor website content for individual users.
...de development is highly recommended.
...d for individual users and thereby create a much better user experience.
... of the things you might be able to do when you're a server-side programmer.
Website security - Learn web development
name = 'a\';drop table users; select * from userinfo where \'t\' = \'t'; web frameworks will often take care of the character escaping for you.
...ed account using an http post request that includes the account name and an amount of money.
...).
... client-side cookies that the browser associated with the site (adding associated site cookies to requests is normal browser behavior).
A bird's-eye view of the Mozilla framework
author: susan d.
...+ programming languages, object-oriented programming (oop) terminology and design concepts, the microsoft® component object model (com), and the corba omg interface definition language (idl).
...o support a simplehelp viewer ui
action.
...orts { void queryinterface(in nsiidref uuid, iid_is(uuid),retval] out nsqiresult result); [noscript, notxpcom] nsrefcnt addref(); [noscript, notxpcom] nsrefcnt release(); }; the uuid parameter to queryinterface() is the iid uniqely identifying the interface.
How Mozilla's build system works
clude other moz.build files, such as /toolkit/toolkit.mozbuild, which define the tiers.
...to iterate over, as determined by the tier list.
...nd
actions used to build the tree (such as makefiles).
... to a well-defined set of variables whose name is uppercase.
Creating Custom Events That Can Pass Data
this page describes how to implement custom dom events that can be used to pass data.
...ocevent->createevent(ns_literal_string("nsdommyevent"), getter_addrefs(event)); //create the event event->initevent(ns_literal_string("nsdommyevent"), pr_true, pr_true); //initialize it twindow = do_queryinterface(awindow); //use the window for a target.
...ring("nsdommyevent"), getter_addrefs(event)); //create the event event->initevent(ns_literal_string("nsdommyevent"), pr_true, pr_true); //initialize it twindow = do_queryinterface(awindow); //use the window for a target.
...face(awindow); //use the window for a target.
Performance
te code for the sake of brevity the "better" examples also omit some best practices and only demonstrate how to fix the problem described in their respective subtopics.
...t may seem fairly innocencous in this toy example, real scripts often have a lot more functions and initialize some fairly heavyweight objects.
...bserver("document-element-inserted", { observe: function(doc, topic, data) { if(doc.ownerglobal.top != content) return; // bail out if this is for another tab decoratedocument(doc); } }) observer notifications get fired for events that happen anywhere in the browser, they are not scoped to the current tab.
...don:paragraph-count", callback); tabmm.loadframescript("data:,sendasyncmessage('my-addon:paragraph-count', {num: content.document.queryselectorall('p').length})", false) } function decoratebutton(button, count) { // do stuff with result } this executes the script only when it is needed and only in one tab and allows it to be garbage-collected immediately after execution.
IPDL Tutorial
each protocol is declared in a separate file.
...he actual work involved in each message.
...child and the parent must implement methods for allocating and deallocating the subprotocol actor.
...irtual bool deallocpplugininstancechild(pplugininstancechild* actor) { delete actor; // actor destructors are always virtual, so it's safe to call delete on them!
Mozilla DOM Hacking Guide
perty() member function.
...p me!
... behavior of "setting the location property on the window object".
...t xpconnect expects a nsidomlocation object.
Midas
s.
...mes", "allowclipboard"); user_pref("capability.policy.allowclipboard.clipboard.paste", "allaccess"); see: more about security preferences note: the shortcut key will automatically trigger this command (typically accel-v) with or without the signed js or any code on the page to handle it.
... drawn slightly higher than normal text.
...y higher than normal text.
Rhino Debugger
ovides an editable command line for you to enter javascript code and view system output.
...may select the file->open menu item on the menu bar to load javascript scripts contained in files.
... to reflect the names and values of the variables visible at that scope.
...click on the line number of the line at which you want to set a breakpoint.
Shell global objects
set bits are a superset of the other's.
...bsumes nothing, while a principals of ~0 subsumes all other principals.
...marker([options]) return a freshly allocated object whose [[class]] name is allocationmarker.
...ect whose [[class]] name is allocationmarker.
TPS Formdata Lists
required.
...essed in hours from the present, so 0 means now, and -24 means 24 hours ago.
...ilure", date: -2 }, { fieldname: "username", value: "joe" } ]; formdata lists and phase
actions you can use the following functions in phase
actions for formdata lists: formdata.add formdata.delete formdata.verify formdata.verifynot for an example, see the tps formdata unittest: http://hg.mozilla.org/services/tps/f...st_formdata.js notes note 1, tps supports the delete
action for formdata, but sync currently does not correctly sync deleted form data, see bug 564296.
...formdata.verify formdata.verifynot for an example, see the tps formdata unittest: http://hg.mozilla.org/services/tps/f...st_formdata.js notes note 1, tps supports the delete
action for formdata, but sync currently does not correctly sync deleted form data, see bug 564296.
Gecko events
has changed.
...argets: table_cell - the cell of <xul:tree/>, any accessible for html element when @title or @alt attribute is changed.
..., any accessible for html element when @title or @alt attribute is changed.
...lement when @title or @alt attribute is changed.
Component Internals
in this components directory makes up a typical gecko installation, providing functionality that consists of networking, layout, composition, a cross-platform user interface, and others.
... which it is implemented and the objects that its factory code creates for use by clients.
...plement interfaces that will listen to the progress.
...he factory code.
nsIDocShell
new document has been set up) read only.
...only.
...nt is going away.
...ko 1.8 prescontext nsprescontext presentation context for the currently loaded document.
nsIEditor
rits from: nsisupports last changed in gecko 18.0 (firefox 18.0 / thunderbird 18.0 / seamonkey 2.15) method overview [noscript] void init(in nsidomdocument doc, in nsicontent aroot, in nsiselectioncontroller aselcon, in unsigned long aflags); void setattributeorequivalent(in nsidomelement element, in astring sourceattrname, in astring sourceattrvalue, in boolean asuppresstrans
action); void removeattributeorequivalent(in nsidomelement element, in domstring sourceattrname, in boolean asuppresstrans
action); void postcreate(); void predestroy(in boolean adestroyingframes); selected content removal void deleteselection(in short
action, in short stripwrappers); document info and file methods void resetmodificationcou...
...edestroy(in boolean adestroyingframes); selected content removal void deleteselection(in short
action, in short stripwrappers); document info and file methods void resetmodificationcount(); long getmodificationcount(); void incrementmodificationcount(in long amodcount); void incrementmodificationcount(in long amodcount); trans
action methods void dotrans
action(in nsitrans
action txn); void enableundo(in boolean enable); void undo(in unsigned long count); void canundo(out boolean isenabled, out boolean canundo); void redo(in unsigned long count); void canredo(out boolean isenabled, out boolean canredo); void begintrans
action(); void endtrans
action(); ...
...s
action(in nsitrans
action txn); void enableundo(in boolean enable); void undo(in unsigned long count); void canundo(out boolean isenabled, out boolean canundo); void redo(in unsigned long count); void canredo(out boolean isenabled, out boolean canredo); void begintrans
action(); void endtrans
action(); void beginplaceholdertrans
action(in nsiatom name); void endplaceholdertrans
action(); boolean shouldtxnsetselection(); void setshouldtxnsetselection(in boolean should); inline spellchecking methods nsiinlinespellchecker getinlinespellchecker(in boolean autocreate); void syncrealtimespell(); void setspellcheckuseroverride(in boolean enable); clipboard methods ...
...at do the same editorapi.outputtostring('text/xml', 2); // the body is not recognized, everything is printed void outputtostream(in nsioutputstream astream, in astring formattype, in acstring charsetoverride, in unsigned long flags); listener methods void addeditorobserver(in nsieditorobserver observer);obsolete since gecko 18 void seteditorobserver(in edit
actionlistener observer); void removeeditorobserver(in nsieditorobserver observer obsolete since gecko 18); void addedit
actionlistener(in nsiedit
actionlistener listener); void removeedit
actionlistener(in nsiedit
actionlistener listener); void adddocumentstatelistener(in nsidocumentstatelistener listener); void removedocumentstatelistener(in nsidocumentstatelis...
nsIHapticFeedback
underbird 3.3 / seamonkey 2.1) implemented by: @mozilla.org/widget/hapticfeedback;1 as a service: var hapticfeedback = components.classes["@mozilla.org/widget/hapticfeedback;1"] .getservice(components.interfaces.nsihapticfeedback); once you have the service, you can initiate haptic feedback (that is, cause the device to vibrate, if it's supported) by calling performsimple
action(): hapticfeedback.performsimple
action(components.interfaces.nsihapticfeedback.longpress); method overview void performsimple
action(in long islongpress); constants press length constants constant value description shortpress 0 specify as the
action type to perform a short vibration.
...ng performsimple
action(): hapticfeedback.performsimple
action(components.interfaces.nsihapticfeedback.longpress); method overview void performsimple
action(in long islongpress); constants press length constants constant value description shortpress 0 specify as the
action type to perform a short vibration.
...ts.interfaces.nsihapticfeedback.longpress); method overview void performsimple
action(in long islongpress); constants press length constants constant value description shortpress 0 specify as the
action type to perform a short vibration.
...verview void performsimple
action(in long islongpress); constants press length constants constant value description shortpress 0 specify as the
action type to perform a short vibration.
nsIWebContentHandlerRegistrar
of webservice handlers.
...); in this example the services.wm.getenumerator was used to find a window that had the same host name (contentwindow.location.hostname) as the uri (uri.host) we are trying to add.
...window.location.hostname) as the uri (uri.host) we are trying to add.
...f('gecko.handlerservice.allowregisterfromdifferenthost', true); } var htmlcontentwindow = services.wm.getmostrecentwindow('navigator:browser'); //because we set the preference to true above, we need any window that has a browser, just pass the domwindow and the registerprotocolhandler will get the contentwindow from it nsiwchr.registerprotocolhandler("mailto", "http://mail.live.com/secure/start?
action=compose&to=%s", "outlook.com live mail", htmlcontentwindow); if (!allowregisterfromdifferenthost) { //it this variable is false, than we had set the pref to true obviously.
XPCOM Interface Reference
this is a reference to the xpcom interfaces provided by the mozilla platform.
...istenernsimessagelistenermanagernsimessagesendernsimessagewakeupservicensimessengernsimicrosummarynsimicrosummarygeneratornsimicrosummaryobservernsimicrosummaryservicensimicrosummarysetnsimimeconverternsimimeheadersnsimodulensimsgaccountnsimsgaccountmanagerextensionnsimsgcompfieldsnsimsgcustomcolumnhandlernsimsgdbhdrnsimsgdbviewnsimsgdbviewcommandupdaternsimsgdatabasensimsgfilternsimsgfiltercustom
actionnsimsgfilterlistnsimsgfoldernsimsgheaderparsernsimsgidentitynsimsgincomingservernsimsgmessageservicensimsgprotocolinfonsimsgrule
actionnsimsgsearchcustomtermnsimsgsearchnotifynsimsgsearchscopetermnsimsgsearchsessionnsimsgsearchtermnsimsgsearchvaluensimsgsendlaternsimsgthreadnsimsgwindownsimsgwindowcommandsnsimutablearraynsinavbookmarkobservernsinavbookmarksservicensinavhistorybatchcallbacknsinavhis...
...onnsitaskbarpreviewcontrollernsitaskbarprogressnsitaskbartabpreviewnsitaskbarwindowpreviewnsitelemetrynsitextinputprocessornsitextinputprocessorcallbacknsitextinputprocessornotificationnsithreadnsithreadeventfilternsithreadinternalnsithreadmanagernsithreadobservernsithreadpoolnsithreadpoollistenernsitimernsitimercallbacknsitoolkitnsitoolkitprofilensitoolkitprofileservicensitraceablechannelnsitrans
actionnsitrans
actionlistnsitrans
actionlistenernsitrans
actionmanagernsitransferablensitransportnsitransporteventsinknsitransportsecurityinfonsitreeboxobjectnsitreecolumnnsitreecolumnsnsitreecontentviewnsitreeselectionnsitreeviewnsiurinsiurifixupnsiurifixupinfonsiurlnsiurlformatternsiurlparsernsiutf8converterservicensiutf8stringenumeratornsiuuidgeneratornsiupdatensiupdatechecklistenernsiupdatecheckernsiup...
...ptionnsixsltprocessornsixsltprocessorobsoletensixulappinfonsixulbrowserwindownsixulbuilderlistenernsixulruntimensixulsortservicensixultemplatebuildernsixultemplatequeryprocessornsixultemplateresultnsixulwindownsixmlrpcclientnsixmlrpcfaultnsizipentrynsizipreadernsizipreadercachensizipwriternsmsgfilterfileattribvaluensmsgfolderflagtypensmsgjunkstatusnsmsgkeynsmsglabelvaluensmsgpriorityvaluensmsgrule
actiontypensmsgsearchattribnsmsgsearchopnsmsgsearchscopensmsgsearchtermnsmsgsearchtypevaluensmsgsearchvaluensmsgsearchwidgetvaluenspipromptservice see also interfaces grouped by function ...
Element: auxclick event - Web APIs
ting device button (any mouse button other than the primary—usually leftmost—button) has been pressed and released both within the same element.
... preventing default
actions for the vast majority of browsers that map middle click to opening a link in a new tab, including firefox, it is possible to cancel this behavior by calling preventdefault() from within an auxclick event handler.
...s for the vast majority of browsers that map middle click to opening a link in a new tab, including firefox, it is possible to cancel this behavior by calling preventdefault() from within an auxclick event handler.
... this too is not a preventable default behavior of auxclick.
Element - Web APIs
ected.
...has a contextmenu attribute.
...nting device (typically a mouse).
...ch points are placed on the touch surface.
ExtendableMessageEvent.data - Web APIs
= extendablemessageevent.data; value any data type.
... value any data type.
...de a service worker to respond to a push messages by sending the data received via pushmessagedata to the main context via a channel message, the event object of onmessage will be a extendablemessageevent.
...spond to a push messages by sending the data received via pushmessagedata to the main context via a channel message, the event object of onmessage will be a extendablemessageevent.
ExtendableMessageEvent.lastEventId - Web APIs
endablemessageevent.lasteventid; value a domstring.
...d; value a domstring.
...de a service worker to respond to a push messages by sending the data received via pushmessagedata to the main context via a channel message, the event object of onmessage will be a extendablemessageevent.
...spond to a push messages by sending the data received via pushmessagedata to the main context via a channel message, the event object of onmessage will be a extendablemessageevent.
ExtendableMessageEvent.origin - Web APIs
= extendablemessageevent.origin; value a usvstring.
...n; value a usvstring.
...de a service worker to respond to a push messages by sending the data received via pushmessagedata to the main context via a channel message, the event object of onmessage will be a extendablemessageevent.
...spond to a push messages by sending the data received via pushmessagedata to the main context via a channel message, the event object of onmessage will be a extendablemessageevent.
ExtendableMessageEvent.ports - Web APIs
event.ports; value an array of messageport objects.
...of messageport objects.
...de a service worker to respond to a push messages by sending the data received via pushmessagedata to the main context via a channel message, the event object of onmessage will be a extendablemessageevent.
...spond to a push messages by sending the data received via pushmessagedata to the main context via a channel message, the event object of onmessage will be a extendablemessageevent.
ExtendableMessageEvent.source - Web APIs
value a client, serviceworker or messageport object.
... or messageport object.
...de a service worker to respond to a push messages by sending the data received via pushmessagedata to the main context via a channel message, the event object of onmessage will be a extendablemessageevent.
...spond to a push messages by sending the data received via pushmessagedata to the main context via a channel message, the event object of onmessage will be a extendablemessageevent.
IDBCursor.key - Web APIs
the key read-only property of the idbcursor interface returns the key for the record at the cursor's position.
...its the album title in each case, which is our key).
...le in each case, which is our key).
... us to select the data based on a key; we can just grab all of it.
IDBCursor.primaryKey - Web APIs
rty of the idbcursor interface returns the cursor's current effective key.
...n each case, which is our primarykey): hemispheres the cursor does not require us to select the data based on a key; we can just grab all of it.
...h is our primarykey): hemispheres the cursor does not require us to select the data based on a key; we can just grab all of it.
... us to select the data based on a key; we can just grab all of it.
IDBCursorWithValue.value - Web APIs
the value read-only property of the idbcursorwithvalue interface returns the value of the current cursor, whatever that is.
...on we log the value of the cursor with cursor.value.
...ue of the cursor with cursor.value.
... us to select the data based on a key; we can just grab all of it.
IDBCursorWithValue - Web APIs
middle" alignment-baseline="middle">idbcursorwithvalue</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} methods inherits methods from its parent interface, idbcursor.
... iterate through all the records in the object store.
...all the records in the object store.
... us to select the data based on a key; we can just grab all of it.
IDBIndex.isAutoLocale - Web APIs
the isautolocale read-only property of the idbindex interface returns a boolean indicating whether the index had a locale value of auto specified upon its creation (see createindex()'s optionalparameters.) syntax var myindex = objectstore.index('index'); console.log(myindex.isautolocale); value a boolean.
...le contacts database.
...ase.
...encursor — this works the same as opening a cursor directly on an objectstore using idbobjectstore.opencursor except that the returned records are sorted based on the index, not the primary key.
IDBIndex.keyPath - Web APIs
the keypath property of the idbindex interface returns the key path of the current index.
...records are sorted based on the index, not the primary key.
...d based on the index, not the primary key.
... current index is logged to the console: it should be returned as lname.
IDBIndex.locale - Web APIs
x (for example en-us, or pl) if it had a locale value specified upon its creation (see createindex()'s optionalparameters.) note that this property always returns the current locale being used in this index, in other words, it never returns "auto".
...a simple contacts database.
... database.
...dex.opencursor — this works the same as opening a cursor directly on an objectstore using idbobjectstore.opencursor except that the returned records are sorted based on the index, not the primary key.
IDBIndex.multiEntry - Web APIs
hose multientry property is set to true/false.
...cords are sorted based on the index, not the primary key.
...based on the index, not the primary key.
...s of the index is logged to the console: it should be returned as false.
IDBIndex.unique - Web APIs
hat the index will not be able to accept duplicate entries.
...ed records are sorted based on the index, not the primary key.
...rted based on the index, not the primary key.
...s of the index is logged to the console: it should be returned as false.
IDBIndex - Web APIs
nd to the given key or are in range, if key is an idbkeyrange.
...a cursor directly on an objectstore using idbobjectstore.opencursor except that the returned records are sorted based on the index, not the primary key.
... on an objectstore using idbobjectstore.opencursor except that the returned records are sorted based on the index, not the primary key.
...the returned records are sorted based on the index, not the primary key.
IDBObjectStore.createIndex() - Web APIs
ect in the connected database.
...scription constrainterror occurs if an index with the same name already exists in the database.
...multientry is set to true in the objectparameters object.
...ameters object.
IDBObjectStore.deleteIndex() - Web APIs
the deleteindex() method of the idbobjectstore interface destroys the index with the specified name in the connected database, used during a version upgrade.
... note: this feature is available in web workers.
...web workers.
...dex(indexname); parameters indexname the name of the existing index to remove.
LayoutShift - Web APIs
the layoutshift interface of the layout instability api provides insights into the stability of web pages based on movements of the elements on the page.
... the layoutshift interface of the layout instability api provides insights into the stability of web pages based on movements of the elements on the page.
... the layoutshift interface of the layout instability api provides insights into the stability of web pages based on movements of the elements on the page.
... the layoutshift interface of the layout instability api provides insights into the stability of web pages based on movements of the elements on the page.
PushMessageData - Web APIs
ce.
...s pushmessagedata.arraybuffer() extracts the data as an arraybuffer object.
...extracts the data as a blob object.
...ob object.
RTCRtpSender.getParameters() - Web APIs
the rtcrtpsender interface returns an rtcrtpsendparameters object describing the current configuration for the encoding and transmission of media on the sender's track.
...erface returns an rtcrtpsendparameters object describing the current configuration for the encoding and transmission of media on the sender's track.
...value an rtcrtpsendparameters object indicating the current configuration of the sender.
....
Storage Access API - Web APIs
orageaccess() is resolved, the embedded page will gain access to its entire first-party storage, not just cookies.
...ethods the storage api methods are implemented on the document interface: document.hasstorageaccess() returns a promise that resolves with a boolean value indicating whether the document has access to its first-party storage.
...access() returns a promise that resolves with a boolean value indicating whether the document has access to its first-party storage.
...t resolves with a boolean value indicating whether the document has access to its first-party storage.
Touch events - Web APIs
to provide quality support for touch-based user interfaces, touch events offer the ability to interpret finger (or stylus) activity on touch screens or trackpads.
... to provide quality support for touch-based user interfaces, touch events offer the ability to interpret finger (or stylus) activity on touch screens or trackpads.
...ctivity on touch screens or trackpads.
...tively low-level apis that can be used to support application-specific multi-touch inter
actions such as a two-finger gesture.
WebGL by example - Web APIs
next » webgl by example is a series of live samples with short explanations that showcase webgl concepts and capabilities.
..., because more advanced examples could not repeat comments about parts of the code that were previously explained.
...the browser window.
...ialization easier.
XRPose.transform - Web APIs
ed object by passing the event frame's pose into a function called findtargetusingray(), then dispatches the event differently depending on the user's handedness; this is done by comparing the value of the xrinputsource property handedness to a value in the variable user.handedness.
... called findtargetusingray(), then dispatches the event differently depending on the user's handedness; this is done by comparing the value of the xrinputsource property handedness to a value in the variable user.handedness.
...hand
action() function.
...r("select", event => { let source = event.inputsource; let frame = event.frame; let targetraypose = frame.getpose(source.targetrayspace, myrefspace); let targetobject = findtargetusingray(targetray.transform.matrix); if (source.targetraymode == "tracked-pointer") { if (source.handedness == user.handedness) { targetobject.primary
action(); } else { targetobject.offhand
action(); } } }); specifications specification status comment webxr device apithe definition of 'xrpose.transform' in that specification.
XRSession.onselect - Web APIs
the onselect property of the xrsession object is the event handler for the select event, which is dispatched when a primary
action is completed successfully by the user.
... the onselect property of the xrsession object is the event handler for the select event, which is dispatched when a primary
action is completed successfully by the user.
...session object is the event handler for the select event, which is dispatched when a primary
action is completed successfully by the user.
...imary
action is completed successfully by the user.
XRSession: selectend event - Web APIs
the webxr event selectend is sent to an xrsession when one of its input sources ends its primary
action or when an input source that's in the process of handling an ongoing primary
action is disconnected without successfully completing the
action.
... the webxr event selectend is sent to an xrsession when one of its input sources ends its primary
action or when an input source that's in the process of handling an ongoing primary
action is disconnected without successfully completing the
action.
...peaking a command, or performing a recognizable gesture when using a video tracking system or handheld controller with an accelerometer.
...electend, and select.
XRSession: selectstart event - Web APIs
the webxr event selectstart is sent to an xrsession when the user begins a primary
action on one of its input sources.
... the webxr event selectstart is sent to an xrsession when the user begins a primary
action on one of its input sources.
...aking a command, or performing a recognizable gesture when using a video tracking system or handheld controller with an accelerometer.
...electend, and select.
XRSession: squeezeend event - Web APIs
the webxr event squeezeend is sent to an xrsession when one of its input sources ends its primary
action or when an input source that's in the process of handling an ongoing primary
action is disconnected without successfully completing the
action.
... the webxr event squeezeend is sent to an xrsession when one of its input sources ends its primary
action or when an input source that's in the process of handling an ongoing primary
action is disconnected without successfully completing the
action.
...mmand, or performing a recognizable gesture when using a video tracking system or handheld controller with an accelerometer.
...queezeend, and squeeze.
ARIA Test Cases - Accessibility
) pass expected behaviour met fail expected behaviour notmet 1.
...tem can be dropped should be indicated from now on when they receive focus or arrowing onto them with the virtual cursor.
...(leopard) pass n/a pass pass zoomtext - - - - orca - - - - link basic link example link variants expected at behavior: screen reader should announce the text or label for the link when it is focused, and the fact that it's a link.
...hange aria-controls and live="polite" changes -- live region with a combination of polite real world changes and button-controlled changes expected at behavior: (al) minimal: the screen reader should utilize the politeness level to read changes that occur.
ARIA: feed role - Accessibility
nset="428" aria-setsize="-1">...</article> <article aria-posinset="429" aria-setsize="-1">...</article> ...
...self, and make sure to set it back to false when processing ends, or the user may not see the updates.
...readers which elements to speak after the label when navigating by article.
...h a reading mode are responsible for: indicating which article contains the reading cursor by ensuring the article element or one of its descendants has dom focus.
Border-image generator - CSS: Cascading Style Sheets
ass="image" src="https://udn.realityripple.com/samples/7b/dd37c1d691.png" data-stateid="border4"/> <img class="image" src="https://udn.realityripple.com/samples/a9/b9fff72dab.png" data-stateid="border5"/> <img class="image" src="https://udn.realityripple.com/samples/fb/c0b285d3da.svg" data-stateid="border6"/> </div> </div> <div id="load-
actions" class="group section"> <div id="toggle-gallery" data-
action="hide"> </div> <div id="load-image" class="button"> upload image </div> <input id="remote-url" type="text" placeholder="load an image from url"/> <div id="load-remote" class="button"> </div> </div> <div id="general-controls" class="group section"> <div class="...
...80px; float: left; margin: 10px; opacity: 0.5; background-color: #fff; box-shadow: 0px 0px 3px 1px #bababa; } #image-gallery .image[selected="true"] { box-shadow: 0px 0px 3px 1px #3bba52; opacity: 1; } #image-gallery .image:hover { cursor: pointer; box-shadow: 0px 0px 3px 1px #30ace5; opacity: 1; } #image-gallery[data-collapsed='true'] { margin-top: -100px; } /* load menu */ #load-
actions { margin: 10px 0; } #toggle-gallery { width: 30px; height: 25px; margin: 10px; color: #fff; background-image: url('https://mdn.mozillademos.org/files/6005/arrow-up-white.png'); background-repeat: no-repeat; background-position: top 4px center; background-color: #888888 !important; border-radius: 2px; float: left; } #toggle-gallery:hover { cursor: pointer; } #toggle-gallery[data-...
...s { margin: 10px 0; } #toggle-gallery { width: 30px; height: 25px; margin: 10px; color: #fff; background-image: url('https://mdn.mozillademos.org/files/6005/arrow-up-white.png'); background-repeat: no-repeat; background-position: top 4px center; background-color: #888888 !important; border-radius: 2px; float: left; } #toggle-gallery:hover { cursor: pointer; } #toggle-gallery[data-
action='show'] { background-image: url('https://mdn.mozillademos.org/files/6001/arrow-down-white.png'); background-color: #888888 !important; } #toggle-gallery[data-
action='hide'] { background-image: url('https://mdn.mozillademos.org/files/6005/arrow-up-white.png'); } .button { width: 100px; height: 25px; margin: 10px; color: #fff; text-align: center; font-size: 12px; line-height: 25px; bac...
...etscale = function getscale() { return scale/100; }; var togglegallery = function togglegallery() { var gallery = getelembyid('image-gallery'); var button = getelembyid('toggle-gallery'); var state = 1; button.addeventlistener('click', function() { state = 1 ^ state; if (state === 0) { gallery.setattribute('data-collapsed', 'true'); button.setattribute('data-
action', 'show'); } else { gallery.removeattribute('data-collapsed'); button.setattribute('data-
action', 'hide'); } }); }; var init = function init() { var gallery = getelembyid('image-gallery'); var browse = getelembyid('load-image'); var remote = getelembyid('remote-url'); var load_remote = getelembyid('load-remote'); remote.addeventlistener('change', func...
<button>: The Button element - HTML: Hypertext Markup Language
ment to associate the button with (its form owner).
...id of a <form> in the same document.
...ton (it's inside/associated with a <form> and doesn't have type="button"), this attribute specifies the http method used to submit the form.
... no default behavior, and does nothing when pressed by default.
<input type="search"> - HTML: Hypertext Markup Language
unless it can't be helped.
... description autocorrect whether or not to allow autocorrect while editing this input field.
...x.
...al is not specified, the search event is only sent when the user explicitly initiates a search (such as by pressing the enter or return key while editing the field).
<input type="text"> - HTML: Hypertext Markup Language
ing within a control, if the user agent's preferences override the setting.
...erences override the setting.
...for android only.
...tes whether or not to activate automatic correction while the user is editing this field.
MIME types (IANA media types) - HTTP
o classes of type: discrete and multipart.
... subtype, text/plain should be used.
...tent-type: multipart/form-data; boundary=aboundarystring (other headers associated with the multipart document as a whole) --aboundarystring content-disposition: form-data; name="myfile"; filename="img.jpg" content-type: image/jpeg (data) --aboundarystring content-disposition: form-data; name="myfield" (data) --aboundarystring (more subparts) --aboundarystring-- the following <form>: <form
action="http://localhost:8000/" method="post" enctype="multipart/form-data"> <label>name: <input name="mytextfield" value="test"></label> <label><input type="checkbox" name="mycheckbox"> check</label> <label>upload file: <input type="file" name="myfile" value="test.txt"></label> <button>send the file</button> </form> will send this message: post / http/1.1 host: localhost:8000 user-agent: mozi...
...3d6b6a416f9b5 content-type: text/html content-range: bytes 300-400/1270 -color: #f0f0f2; margin: 0; padding: 0; font-family: "open sans", "helvetica --3d6b6a416f9b5-- importance of setting the correct mime type most web servers send unrecognized resources as the application/octet-stream mime type.
CSP: navigate-to - HTTP
the http content-security-policy (csp) navigate-to directive restricts the urls to which a document can initiate navigations by any means including <form> (if form-
action is not specified), <a>, window.location, window.open, etc.
... the http content-security-policy (csp) navigate-to directive restricts the urls to which a document can initiate navigations by any means including <form> (if form-
action is not specified), <a>, window.location, window.open, etc.
...ipt.
...report-sample' requires a sample of the violating code to be included in the violation report.
Index - HTTP
the clear-site-data header clears browsing data (cookies, storage, cache) associated with the requesting website.
...k for the other csp fetch directives.
...the user agent will look for the default-src directive and will use this value for it: 34 csp: font-src csp, directive, http, reference, security the http content-security-policy (csp) font-src directive specifies valid sources for fonts loaded using @font-face.
... content-security-policy require-sri-for directive instructs the client to require the use of subresource integrity for scripts or styles on the page.
HTTP Messages - HTTP
http messages are how data is exchanged between a server and a client.
... multiple lines.
...ike content of an html form), or the document associated with a response.
... start-line and http headers of the http message are collectively known as the head of the requests, whereas its payload is known as the body.
Network Error Logging - HTTP
of the policy, in seconds (in a similar way to e.g.
...nder the origin that the policy header is set.
...e reporting api payload is shown.
.../bad-request" } } dns name not resolved note that the phase is set to dns in this report and no server_ip is available to include.
Expressions and operators - JavaScript
s the value of its right operand to its left operand.
... returns true if the left operand is less than or equal to the right operand.
... can override operator precedence by using parentheses.
...onchange event handler, using this to pass it to the form element, as in the following example: <p>enter a number between 18 and 99:</p> <input type="text" name="age" size=3 onchange="validate(this, 18, 99);"> grouping operator the grouping operator ( ) controls the precedence of evaluation in expressions.
Using Promises - JavaScript
ng(newresult)) .then(finalresult => { console.log(`got the final result: ${finalresult}`); }) .catch(failurecallback); important: always return results, otherwise callbacks won't catch the result of a previous promise (with arrow functions () => x is short for () => { return x; }).
...inalresult => { console.log(`got the final result: ${finalresult}`); }) .catch(failurecallback); important: always return results, otherwise callbacks won't catch the result of a previous promise (with arrow functions () => x is short for () => { return x; }).
...by adding a handler for the unhandledrejection event, like this: window.addeventlistener("unhandledrejection", event => { /* you might start here by adding code to examine the promise specified by event.promise and the reason in event.reason */ event.preventdefault(); }, false); by calling the event's preventdefault() method, you tell the javascript runtime not to do its default
action when rejected promises go unhandled.
...e this: window.addeventlistener("unhandledrejection", event => { /* you might start here by adding code to examine the promise specified by event.promise and the reason in event.reason */ event.preventdefault(); }, false); by calling the event's preventdefault() method, you tell the javascript runtime not to do its default
action when rejected promises go unhandled.
Intl.DateTimeFormat.prototype.formatToParts() - JavaScript
.
... returns, looks like this: [ { type: 'day', value: '17' }, { type: 'weekday', value: 'monday' } ] possible types are the following: day the string used for the day, for example "17".
...fill for this feature is available in the proposal repository.
... }, { type: 'day', value: '17' }, { type: 'literal', value: '/' }, { type: 'year', value: '2012' }, { type: 'literal', value: ', ' }, { type: 'hour', value: '3' }, { type: 'literal', value: ':' }, { type: 'minute', value: '00' }, { type: 'literal', value: ':' }, { type: 'second', value: '42' }, { type: 'fr
actionalsecond', value: '000' }, { type: 'literal', value: ' ' }, { type: 'dayperiod', value: 'am' } ] now the information is available separately and it can be formatted and concatenated again in a customized way.
Intl.PluralRules.prototype.resolvedOptions() - JavaScript
his locale, the key-value pairs that were requested and are supported for this locale are included in locale.
...ue pairs that were requested and are supported for this locale are included in locale.
...significantdigits the values provided for these properties in the options argument or filled in as defaults.
...or these properties in the options argument or filled in as defaults.
MathML element reference - MathML
ical notation whereas content markup provides the underlying mathematical meaning and is not supposed to be rendered by the mathml parser (see bug 276028).
...ereas content markup provides the underlying mathematical meaning and is not supposed to be rendered by the mathml parser (see bug 276028).
...the mathml 3 specification.
... <mpadded> <mphantom> <mroot> <mrow> <msqrt> <mstyle> script and limit elements <mmultiscripts> <mover> <mprescripts> <msub> <msubsup> <msup> <munder> <munderover> <none> tabular math <maligngroup> <malignmark> <mlabeledtr> <mtable> <mtd> <mtr> elementary math <mlongdiv> <mscarries> <mscarry> <msgroup> <msline> <msrow> <mstack> uncategorized elements <m
action> semantic annotations <annotation> <annotation-xml> <semantics> ...
Types of attacks - Web security
unt=bob&amount=1000000&for=mallory"> now, if you are logged into your bank account and your cookies are still valid (and there is no other validation), you will transfer money as soon as you load the html that contains this image.
... <input type="hidden" name="account" value="bob"> <input type="hidden" name="amount" value="1000000"> <input type="hidden" name="for" value="mallory"> </form> <script>window.addeventlistener('domcontentloaded', (e) => { document.queryselector('form').submit(); }</script> there are a few techniques that should be used to prevent this from happening: get endpoints should be idempotent—
actions that enact a change and do not simply retrieve data should require sending a post (or other http method) request.
...quest.
...en the request is sent.
context-menu - Archive of obsolete content
unction (node, data) {' + ' console.log("you clicked " + data);' + '});', items: [ cm.item({ label: "item 1", data: "item1" }), cm.item({ label: "item 2", data: "item2" }), cm.item({ label: "item 3", data: "item3" }) ] }); communicating with the add-on often you will need to collect some kind of information in the click listener and perform an
action unrelated to content.
...nction(){self.postmessage(); return false;})', onmessage: function(){ var cmitems = getmostrecentbrowserwindow().document.queryselectorall(".addon-context-menu-item[value^='"+ uuidstr +"']"); for(var i=0; i < cmitems.length; i++) cmitems[i].tooltiptext = cmitems[i].value.substring(36); } }); globals constructors item(options) creates a labeled menu item that can perform an
action when clicked.
...f the window.
passwords - Archive of obsolete content
ms to authenticate its users, then the corresponding credential is an html form credential.
...ng properties: username the username.
...the hostname and (optional) port.
windows - Archive of obsolete content
pen("http://www.example.com"); // open a new window and set a listener for "open" event.
...://www.example.com"); // open a new window and set a listener for "open" event.
...n(window) { // do stuff like listen for content // loading.
Overview - Archive of obsolete content
deprecated in firefox 29 and removed in firefox 38.
...onwards.
...e button, try the
action button or toggle button apis, and for a more complex widget try the toolbar or sidebar apis.
Finding window handles - Archive of obsolete content
var gdk = ctypes.open('libgdk-x11-2.0.so.0'); // types let guint32 = ctypes.uint32_t; let gdkwindow = ctypes.structtype('gdkwindow'); // https://developer.gnome.org/gdk3/stable/gdk3-windows.html#gdk-window-focus var gdk_window_focus = gdk.declare('gdk_window_focus', ctypes.default_abi, ctypes.void_t, gdkwindow.ptr, guint32); // https://developer.gnome.org/gdk2/stable/gdk2-x-window-system-inter
action.html#gdk-x11-get-server-time var gdk_x11_get_server_time = gdk.declare('gdk_x11_get_server_time', ctypes.default_abi, guint32, gdkwindow.ptr); var browserwindow_madeintogdkwinptr = gdkwindow.ptr(ctypes.uint64(gdkwindowptrstring)); var rez_gst = gdk_x11_get_server_time(browserwindow_madeintogdkwinptr); console.info('rez_gst:', rez_gst, uneval(rez_gst)); // return is a number of ms since the comp...
...i, ctypes.void_t, gtkwindow.ptr); //https://developer.gnome.org/gtk3/stable/gtkwindow.html#gtk-window-present-with-time var gtk_window_present_with_time = gtk.declare('gtk_window_present_with_time', ctypes.default_abi, ctypes.void_t, gtkwindow.ptr, guint32); // gdk_x11_get_server_time is needed for gtk_window_present_with_time // https://developer.gnome.org/gdk2/stable/gdk2-x-window-system-inter
action.html#gdk-x11-get-server-time var gdk_x11_get_server_time = gdk.declare('gdk_x11_get_server_time', ctypes.default_abi, guint32, gdkwindow.ptr); var browserwindow_madeintogdkwinptr = gdkwindow.ptr(ctypes.uint64(gdkwindowptrstring)); var gptr = gpointer(); var rez_gwgud = gdk_window_get_user_data(browserwindow_madeintogdkwinptr, gptr.address()); console.info('rez_gwgud:', rez_gwgud, /*rez_gwgud.to...
... // types let guint32 = ctypes.uint32_t; let gdkwindow = ctypes.structtype('gdkwindow'); let gdkdrawable = ctypes.structtype('gdkdrawable'); let card32; if (/^(alpha|hppa|ia64|ppc64|s390|x86_64)-/.test(services.appinfo.xpcomabi)) { card32 = ctypes.unsigned_int; } else { card32 = ctypes.unsigned_long; } let xid = card32; //https://developer.gnome.org/gdk2/stable/gdk2-x-window-system-inter
action.html#gdk-x11-drawable-get-xid var gdk_x11_drawable_get_xid = gdk.declare('gdk_x11_drawable_get_xid', ctypes.default_abi, xid, gdkdrawable.ptr); var browserwindow_madeintogdkwinptr = gdkwindow.ptr(ctypes.uint64(gdkwindowptrstring)); var browserwindow_madeintogdkdrawable = ctypes.cast(browserwindow_madeintogdkwinptr, gdkdrawable.ptr); var browserwindow_madeintoxid = gdk_x11_drawable_get_xid(brow...
Miscellaneous - Archive of obsolete content
ntbyid("scrollarea"); elm.addeventlistener("dommousescroll", function scroll(event){ //event.detail is positive for a downward scroll, negative for an upward scroll alert("scrolling " + event.detail + " lines"); }, false); </script> if you do not receive a dommousescroll event while holding any of the modifier keys (ctrl,shift,alt,meta) you should check the mousewheel.withcontrolkey.
action and related preferences.
...usescroll", function scroll(event){ //event.detail is positive for a downward scroll, negative for an upward scroll alert("scrolling " + event.detail + " lines"); }, false); </script> if you do not receive a dommousescroll event while holding any of the modifier keys (ctrl,shift,alt,meta) you should check the mousewheel.withcontrolkey.
action and related preferences.
...scroll, negative for an upward scroll alert("scrolling " + event.detail + " lines"); }, false); </script> if you do not receive a dommousescroll event while holding any of the modifier keys (ctrl,shift,alt,meta) you should check the mousewheel.withcontrolkey.
action and related preferences.
Abc Assembler Tests - Archive of obsolete content
it is possible to write tests using the abc assembler.
...cted:*, actual:*):void - compare the results of a testcase where name is the testcase name compare_typeerror(name:string, expected:*, actual:*):void - special function for comparing typeerrors (runtimeerrors) - will only compare the first 22 chars of expected and actual so that test can be run in release and releasedebugger configurations.
...case where name is the testcase name compare_typeerror(name:string, expected:*, actual:*):void - special function for comparing typeerrors (runtimeerrors) - will only compare the first 22 chars of expected and actual so that test can be run in release and releasedebugger configurations.
Tamarin Acceptance Testing - Archive of obsolete content
are required to complete the following steps.
...ps.
... acceptance test suite [info] self tests [info] submit a sandbox build request to test against platforms that you may not have locally [info] available tamarin acceptance test suites
actionscript acceptance tests:
actionscript acceptance tests running tamarin acceptance tests abc assembler tests cmdline tests performance tests
actionscript performance tests running tamarin performance tests built-in self tests see instructions in doc/selftest.html in the tamarin repository.
XUL Events - Archive of obsolete content
<menu> or a <menuitem> in no longer hovered or highlighted.popuphiddenthe popuphidden event is executed when a <menupopup>, <panel> or <tooltip> has become hidden.popuphidingthe popuphiding event is executed when a <menupopup>, <panel> or <tooltip> is about to be hidden.popupshowingthe popupshowing event is executed when a <menupopup>, <panel> or <tooltip> is about to become visible.
...vent is sent when a mouse button is pressed and released.
... this event occurs when a command update occurs on a <commandset> element.
Additional Template Attributes - Archive of obsolete content
rted into the root node, in this example the listbox, not inside the template.
...ute inside the
action body.
...lanet.com/rdf/myphotos"> <template container="?start" member="?photo"> <rule> <image uri="?photo" src="?photo"/> </rule> </template> </hbox> in this example, the ?photo variable can be used instead of 'rdf:*' (although you can use either even if you specify the member variable).
Multiple Rule Example - Archive of obsolete content
« previousnext » the most common use of multiple rules is to apply different
action bodies to different results.
... predicate="http://purl.org/dc/elements/1.1/title" object="?title"/> <triple subject="?photo" predicate="http://purl.org/dc/elements/1.1/description" object="?description"/> <triple subject="?photo" predicate="http://purl.org/dc/elements/1.1/date" object="?date"/> </conditions> <
action> <hbox uri="?photo" class="box-padded"> <vbox> <label value="?title"/> <image src="?photo"/> </vbox> <groupbox> <caption label="photo details"/> <label value="?description"/> <label value="date: ?date"/> </groupbox> </hbox> </
action> </rule> <rule> <conditions> ...
...escription"/> <label value="date: ?date"/> </groupbox> </hbox> </
action> </rule> <rule> <conditions> <content uri="?start"/> <member container="?start" child="?photo"/> <triple subject="?photo" predicate="http://purl.org/dc/elements/1.1/title" object="?phototitle"/> </conditions> <
action> <vbox uri="?photo" class="box-padded"> <label value="?phototitle"/> <image src="?photo"/> </vbox> </
action> </rule> </template> </vbox> in this example, the first rule matches only those photos with title, description, and date properties.
Recursive Generation - Archive of obsolete content
t is the generated element.
...ds/sample.rdf" ref="http://www.xulplanet.com/rdf/a"> <template> <query> <content uri="?start"/> <triple subject="?start" predicate="http://www.xulplanet.com/rdf/relateditem" object="?relateditem"/> </query> <
action> <hbox uri="?relateditem"> <button label="?start"/> <button label="?relateditem"/> </hbox> </
action> </template> <hbox id="http://www.xulplanet.com/rdf/b"> <button label="http://www.xulplanet.com/rdf/a"/> <button label="http://www.xulplanet.com/rdf/b"/> </hbox> <hbox id="http://www.xulplanet.com/rdf/c"> <button label="http://www.xulplanet.com/rdf/a"/> <button label="http://www.xulplanet.com/rdf/c"/> </hbox> <hbox id="http://www.xulplanet.com/rdf/d"> <button label...
... out of it, so the result is rejected.
Simple Example - Archive of obsolete content
images/t/palace.jpg, ?title = 'palace from above') (?start = http://www.xulplanet.com/rdf/myphotos, ?photo = http://www.xulplanet.com/ndeakin/images/t/canal.jpg, ?title = 'canal') (?start = http://www.xulplanet.com/rdf/myphotos, ?photo = http://www.xulplanet.com/ndeakin/images/t/obelisk.jpg, ?title = 'obelisk') since the triple is the last statement, three matches total have been found.
...?start = http://www.xulplanet.com/rdf/myphotos, ?photo = http://www.xulplanet.com/ndeakin/images/t/obelisk.jpg, ?title = 'obelisk') since the triple is the last statement, three matches total have been found.
...g, ?title = 'obelisk') since the triple is the last statement, three matches total have been found.
menubar - Archive of obsolete content
isplayed along the top of the screen, and all non-menu related elements inside the menubar will be ignored.
...op of the screen, and all non-menu related elements inside the menubar will be ignored.
...n-menu related elements inside the menubar will be ignored.
Using SOAP in XULRunner 1.9 - Archive of obsolete content
r ns = 'http://example.com/soap/namespace'; var method = 'foo'; var params = { 'foo': 'bar', 'baz': 'bang' }; var callback = function(obj) { components.utils.reporterror(obj.tosource()); }; soapclient.proxy = url; var body = new soapobject(method); body.ns = ns; for (var k in params) { body.appendchild(new soapobject(k).val(params[k])); } var req = new soaprequest(url, body); req.
action = ns + '#' + method; soapclient.sendrequest(req, callback); diff between jqsoapclient.js and sasoapclient.js 42c42 < var jsout = $.xmltojson(xdata.responsexml); --- > var jsout = xmlobjectifier.xmltojson(xdata.responsexml); 46,60c46,62 < $.ajax({ < type: "post", < url: soapclient.proxy, < datatype: "xml", < processdata: false, < data: content, < complete...
... data: content, < complete: getresponse, < contenttype: soapclient.contenttype + "; charset=\"" + soapclient.charset + "\"", < beforesend: function(req) { < req.setrequestheader("method", "post"); < req.setrequestheader("content-length", soapclient.contentlength); < req.setrequestheader("soapserver", soapclient.soapserver); < req.setrequestheader("soap
action", soapreq.
action); < } < }); --- > var xhr = new xmlhttprequest(); > xhr.mozbackgroundrequest = true; > xhr.open('post', soapclient.proxy, true); > xhr.onreadystatechange = function() { > if (4 != xhr.readystate) { return; } > getresponse(xhr); > }; > var headers = { > 'method': 'post', > 'content-type': soapclient.contenttype + '; charset="' + > soa...
...pen('post', soapclient.proxy, true); > xhr.onreadystatechange = function() { > if (4 != xhr.readystate) { return; } > getresponse(xhr); > }; > var headers = { > 'method': 'post', > 'content-type': soapclient.contenttype + '; charset="' + > soapclient.charset + '"', > 'content-length': soapclient.contentlength, > 'soapserver': soapclient.soapserver, > 'soap
action': soapreq.
action > }; > for (var h in headers) { xhr.setrequestheader(h, headers[h]); } > xhr.send(content); ...
Using JavaScript Generators in Firefox - Archive of obsolete content
the generator so we use a timeout.
... use a timeout.
...out(function() { generator.close(); }, 0); } // our main steps function databaseoperation() { mozindexeddb.open("mytestdatabase").onsuccess = grabevent; var event = yield; var db = event.target.result; if (db.version != "1.0") { db.setversion("1.0").onsuccess = grabevent; event = yield; var trans
action = event.trans
action; db.createobjectstore("stuff"); trans
action.oncomplete = grabevent; yield; } db.trans
action(["stuff"]).objectstore("stuff").get("foo").onsuccess = grabevent; event = yield; alert("got result: " + event.target.result); // we're all done.
XForms Switch Module - Archive of obsolete content
introduction xforms switch module define a switch construct that allows the creation of user interfaces where the user interface can be varied based on user
actions and events.
...es where the user interface can be varied based on user
actions and events.
...isible.
Anatomy of a video game - Game development
modern game development arena understand what is required when building a game and how web standards like javascript lend themselves as tools.
...rprisingly, this pattern corresponds to how a game engine is programmed.
...pace, which we call stopmain, that contains the id returned from our main loop's most recent call to requestanimationframe().
Examples - Game development
ling space shooter.
...r around the disaster area and save the stranded victims (ga.me.) polycraft a shipwreck 'n survive game.
...sembly with emscripten assorted demos wavegl webgl visualizer for sound sources.
Implementing controls using the Gamepad API - Game development
using the gamepad api.
...xpecting will be the same button you'll actually get.
...he single press if(!hold) { // loop through the cached states from the previous frame for(var j=0,p=gamepadapi.buttonscache.length; j<p; j++) { // if the button was already pressed, ignore new press if(gamepadapi.buttonscache[j] == button) { newpress = false; } } } } } return newpress; }, there are two types of
action to consider for a button: a single press and a hold.
JavaScript building blocks - Learn web development
ugh our previous module, javascript first steps.
...of dealing with functions.
... their values are, how to make use of them in your code, and how to make your own custom functions return useful values.
Introduction to web APIs - Learn web development
in greater detail) are: apis for manipulating documents loaded into the browser.
...tx = canvas.getcontext('2d'); anything that we want to do to the canvas is then achieved by calling properties and methods of the context object (which is an instance of canvasrenderingcontext2d), for example: ball.prototype.draw = function() { ctx.beginpath(); ctx.fillstyle = this.color; ctx.arc(this.x, this.y, this.size, 0, 2 * math.pi); ctx.fill(); }; note: you can see this code in
action in our bouncing balls demo (see it running live also).
... how this would be used: let requesturl = 'https://mdn.github.io/learning-area/javascript/oojs/json/superheroes.json'; let request = new xmlhttprequest(); request.open('get', requesturl); request.responsetype = 'json'; request.send(); request.onload = function() { const superheroes = request.response; populateheader(superheroes); showheroes(superheroes); } note: you can see this code in
action in our ajax.html example (see it live also).
Basic math in JavaScript — numbers and operators - Learn web development
actually defined as a string.
...but there are some more complex types, which provide useful shortcuts to keep your code neater and more efficient.
...hange the line that calculates y so the box is 75px high, but the 75 is calculated using the numbers 25 and 3 and an arithmetic operator.
Client-Server Overview - Learn web development
il what happens when a server receives a "dynamic request" from a browser.
...r) web browsers communicate with web servers using the hypertext transfer protocol (http).
...a web page, submit a form, or run a search, the browser sends an http request to the server.
Package management basics - Learn web development
g choice of tooling, probably the most important lesson is to learn what the tool you select is capable of.
...an be a significant amount of time wasted on waiting for dependencies to install (and copy to the computer).
...kage managers.
Eclipse CDT Manual Setup
t "workspace default" to "doxygen".
...and", you must change the current builder by clicking on "tool chain editor" (in c/c++ build) and choosing another builder (e.g., "gnu make builder").
...te so that the just-print-mozilla-build.py script runs quickly.
mozbrowsercontextmenu
arge incompatibilities between implementations and the behavior may change in the future.
...deo context menu, this is the src of the image or video clicked on to get the context menu.
...the image or video clicked on to get the context menu.
MathML Demo: <mo> - operator, fence, separator, or accent
m ] + ( m m ) + { m m } + ⟨ m m ⟩ + | m m | m m m [ m m m ] ( m m ) { m m } ⟨ m m ⟩ | m m | m m in latex, all fencing symbols are symmetric - they have equal extent above and below the math axis of the run of math in which they occur directly.
...er fences, | 1 + | 2 + | 3 + | 4 + | .
...n the following example [ [ a b ] + [ b a ] ] + [ a b ] latex fences that are built into fr
actions (\binom, etc.) are not stretchy, but they are taller in displays.
Mozilla Web Developer FAQ
therefore, it is impossible to test whether mozilla reacts exactly like browser x to every possible input.
...la reacts exactly like browser x to every possible input.
...akes software quality assurance challenging.) also, the ways in which browser x reacts to some standards-incompliant input are not all intentional.
AsyncTestUtils extended framework
asynctestutils.js: core async testing logic.
...rovides the syntheticmessage abstr
action and messagegenerator class that can generate one or more syntheticmessages at a time.
...ge abstr
action and messagegenerator class that can generate one or more syntheticmessages at a time.
Introduction to NSPR
he host operating systems supported by nspr differ widely in the mechanisms they use to support thread priorities.
...n the same thread.
... attribute of the condition, the program must test that itself.
An overview of NSS Internals
ps a predefined set of ca certificates.
... key pair.
...sing the asn.1 parser(s), a template definition is passed to the parser, which will analyze the asn.1 data stream accordingly.
Python binding for NSS
project information python-nss is a python binding for nss (network security services) and nspr (netscape portable runtime).
...able runtime).
... method, function and property names are always lower case with words seperated by underscores.
NSS tools : cmsutil
n, on cryptographic message syntax (cms) messages.
...(cms) messages.
...ore arguments.
NSS tools : crlutil
e revocation list management tool, type the command crlutil option [arguments] where options and arguments are combinations of the options and arguments listed in the following section.
...type the command crlutil option [arguments] where options and arguments are combinations of the options and arguments listed in the following section.
...d delete certificate revocation list from cert database.
NSS tools : cmsutil
syntax (cms) messages.
...n cmsutil, type the command cmsutil option [arguments] where option and arguments are combinations of the options and arguments listed in the following section.
...options options specify an
action.
NSS tools : crlutil
management tool, type the command crlutil option [arguments] where options and arguments are combinations of the options and arguments listed in the following section.
... crlutil option [arguments] where options and arguments are combinations of the options and arguments listed in the following section.
... crl to the cert database -e erase all crls of specified type from the cert database -l list existing crl located in cert database file.
Necko Architecture
w to interpret the protocol that the handler registered for.
...ion doesn't begin until the user initiates the trans
action using the nsichannel api.
... initiate an asynchronous transfer, you receive callbacks that notify you when things are happening.
GCIntegration - SpiderMonkey Redirect 1
the spidermonkey garbage collector (gc) will be changing a lot in the future.
...rbage collector (gc) will be changing a lot in the future.
... automatically be traced if the object is native.
TPS Tab Lists
a tabs asset list is an array of objects with the following keys: uri: the uri of the tab, required.
... a tabs asset list is an array of objects with the following keys: uri: the uri of the tab, required.
...ab belongs to.
XUL Accessibility
the control attribute, if the description element is found then use its content.
...element is found then use its content.
...rol" control="control" /> <hbox role="grouping" id="control" /> get tooltiptext attribute value if the aria role is used and it allows to have accessible value then aria-valuetext or aria-valuenow are used if the element is xlink then value is generated from link location
actions if the element is xlink then jump
action is exposed if the element has registered click event handler then click
action is exposed xul elements notification used to display an informative message.
History Service Design
re of initializing places, syncing data to disk and finalize statements, so usually that's not a problem.
...ta to disk and finalize statements, so usually that's not a problem.
...her services like tags, annotations.
Places Developer Guide
lders of this folder are tags, and their children are uris that have been tagged with that folder's name.
...been tagged with that folder's name.
...t is an object representing the folder you specified above.
An Overview of XPCOM
hout breaking or having to recreate the application.
...omponent guarantees that the interfaces it provides will be immutable - that they will provide the same access to the same methods across different versions of the component - establishing a contract with the software clients that use it.
... diverged.
Creating the Component Code
o the download progress, or providing a new content type handler.
... the object itself is the nsifactory object.
...ial entry point is called, it is passed xpcom's component manager and the location of the shared library where your component lives.
nsICommandLine
itive); void removearguments(in long astart, in long aend); nsifile resolvefile(in astring aargument); nsiuri resolveuri(in astring aargument); attributes attribute type description length long number of arguments in the command line.
...n long astart, in long aend); nsifile resolvefile(in astring aargument); nsiuri resolveuri(in astring aargument); attributes attribute type description length long number of arguments in the command line.
...ing aargument); attributes attribute type description length long number of arguments in the command line.
nsILoginInfo
tprealm, in astring ausername, in astring apassword, in astring ausernamefield, in astring apasswordfield); boolean matches(in nsilogininfo alogininfo, in boolean ignorepassword); attributes attribute type description formsubmiturl astring the origin, not url, a form-based login was submitted to.
... boolean matches(in nsilogininfo alogininfo, in boolean ignorepassword); attributes attribute type description formsubmiturl astring the origin, not url, a form-based login was submitted to.
...a form-based login was submitted to.
nsIMsgProtocolInfo
t is the account type that are you are interested in.
...ure); attributes attribute type description candelete boolean true if an account of this type may be deleted.
...lean new in thunderbird 24 (bug 832034) preflightprettynamewithemailaddress boolean unused.
nsIMsgWindow
ands nsimsgwindowcommands this allows the backend code to send commands to the ui, such as clearmsgpane.
...nds this allows the backend code to send commands to the ui, such as clearmsgpane.
...o the ui, such as clearmsgpane.
nsINavBookmarkObserver
be removed.
...ing the batch change, but the observer is guaranteed that onendupdatebatch() will be called at the completion of changes.
...ong avisitid, in prtime atime, in unsigned long atransitiontype, in nsiuri auri, in long long aparentid, in acstring aguid, in acstring aparentguid ); parameters aitemid the id of the bookmark that was visited.
nsINavHistoryObserver
toolkit/components/places/nsinavhistoryservice.idlscriptable this interface is similar to the nsirdfobserver class, but is used to observe inter
actions on the global history.
... toolkit/components/places/nsinavhistoryservice.idlscriptable this interface is similar to the nsirdfobserver class, but is used to observe inter
actions on the global history.
...inavhistoryservice.idlscriptable this interface is similar to the nsirdfobserver class, but is used to observe inter
actions on the global history.
nsIObserver
the topic that the observer has been registered for.
... multiple topics/subjects, the implementor is responsible for filtering.
..., add, remove, or enumerate notifications in the implementation of this method.
nsISpeculativeConnect
to get access to the i/o service's implementation of nsispeculativeconnect.
...lbacks, in nsieventtarget atarget); methods speculativeconnect() call this method to hint to the networking layer that a new trans
action for the specified uri is likely to happen soon.
...esource immediately so that it is ready (or at least in the process of becoming ready) when the trans
action is actually submitted.
nsIXULTemplateQueryProcessor
syntax or the form of the data implies the value.
...oduce one set of results.
...g generateresults(), but after initializeforbuilding() has been called.
Index
ichard h.
...on 5: xul extensions, thunderbird thunderbird's user interface is written in xul and javascript.
...mn thunderbird the article "creating a custom column" will get you well on the road to creating your own columns and populating them with custom data.
Introduction to DOM Inspector - Firefox Developer Tools
d, a browser pane at the bottom of the dom inspector window will open up, displaying the web page.
...e sheets viewer, the css rules viewer lists all recognized rules from that style sheet in order.
...n is the ability is the ability the dom inspector gives you to dynamically update information reflected in the dom about web pages, user interface, and other elements.
Document: copy event - Web APIs
the copy event fires when the user initiates a copy
action through the browser's user interface.
... the copy event fires when the user initiates a copy
action through the browser's user interface.
...ent handler property oncopy the original target for this event is the element that was the intended target of the copy
action.
Document: cut event - Web APIs
the cut event is fired when the user has initiated a "cut"
action through the browser's user interface.
... the cut event is fired when the user has initiated a "cut"
action through the browser's user interface.
... event handler property oncut the original target for this event is the element that was the intended target of the cut
action.
Document: paste event - Web APIs
the paste event is fired when the user has initiated a "paste"
action through the browser's user interface.
... the paste event is fired when the user has initiated a "paste"
action through the browser's user interface.
...andler property onpaste the original target for this event is the element that was the intended target of the paste
action.
Document - Web APIs
nimationend fired when an animation has completed normally.
...n fired when an animation iteration has completed.
...hen an animation starts.
DragEvent - Web APIs
the dragevent interface is a dom event that represents a drag and drop inter
action.
... the dragevent interface is a dom event that represents a drag and drop inter
action.
...a pointer device (such as a mouse) on the touch surface and then dragging the pointer to a new location (such as another dom element).
Element: copy event - Web APIs
the copy event fires when the user initiates a copy
action through the browser's user interface.
... the copy event fires when the user initiates a copy
action through the browser's user interface.
... bubbles yes cancelable yes interface clipboardevent event handler property oncopy the event's default
action is to copy the selection (if any) to the clipboard.
Element: paste event - Web APIs
the paste event is fired when the user has initiated a "paste"
action through the browser's user interface.
... the paste event is fired when the user has initiated a "paste"
action through the browser's user interface.
...true) then the default
action is to insert the contents of the clipboard into the document at the cursor position.
Event.preventDefault() - Web APIs
the event interface's preventdefault() method tells the user agent that if the event does not get explicitly handled, its default
action should not be taken as it normally would be.
...teners calls stoppropagation() or stopimmediatepropagation(), either of which terminates propagation at once.
...ut); } else { // insert warningbox after mytextbox mytextbox.parentnode.insertbefore(warningbox, mytextbox.nextsibling); } warningtimeout = window.settimeout(function() { warningbox.parentnode.removechild(warningbox); warningtimeout = -1; }, 2000); } result 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.
Event.returnValue - Web APIs
the event property returnvalue indicates whether the default
action for this event has been prevented or not.
... the event property returnvalue indicates whether the default
action for this event has been prevented or not.
... the event property returnvalue indicates whether the default
action for this event has been prevented or not.
GlobalEventHandlers.onclick - Web APIs
the onclick property of the globaleventhandlers mixin is the eventhandler for processing click events on a given element.
... the onclick property of the globaleventhandlers mixin is the eventhandler for processing click events on a given element.
... the onclick property of the globaleventhandlers mixin is the eventhandler for processing click events on a given element.
HTMLButtonElement - Web APIs
form read only is a htmlformelement reflecting the form that this button is associated with.
...is attribute is the id of that form element.
...on of 'htmlbuttonelement' in that specification.
HTMLDialogElement - Web APIs
amily="consolas,monaco,andale mono,monospace" 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.
...r inter
action.
....
IDBDatabase.close() - Web APIs
the close() method of the idbdatabase interface returns immediately and closes the connection in a separate thread.
... the close() method of the idbdatabase interface returns immediately and closes the connection in a separate thread.
... the close() method of the idbdatabase interface returns immediately and closes the connection in a separate thread.
IDBDatabase.deleteObjectStore() - Web APIs
the deleteobjectstore() method of the idbdatabase interface destroys the object store with the given name in the connected database, along with any indexes that reference it.
...onchange trans
action.
...dbinstance.deleteobjectstore(name); parameters name the name of the object store you want to delete.
IDBLocaleAwareKeyRange - Web APIs
n the locale, so for example in lithuanian y is sorted between i and k.
...for example in lithuanian y is sorted between i and k.
... only difference between idbkeyrange and idblocaleawarekeyrange is that the latter doesn’t do the aforementioned check.
IDBObjectStore.getKey() - Web APIs
re is available in web workers.
...st = objectstore.getkey(key); parameters key the key or key range that identifies the record to be retrieved.
... trans
actioninactiveerror this idbobjectstore's trans
action is inactive.
IDBRequest.error - Web APIs
te: this feature is available in web workers.
...m the idbobjectstore (made available as objectstoretitlerequest.result), updates one property of the record, and then puts the updated record back into the object store.
...jectstoretitlerequest.result), updates one property of the record, and then puts the updated record back into the object store.
IDBRequest - Web APIs
thrown.
...e read only the source of the request, such as an idbindex or an idbobjectstore.
...the request.
Timing element visibility with the Intersection Observer API - Web APIs
ng this api lets everything get streamlined by the browser to reduce the impact on performance substantially.
... 0.0; if it is, that means the element has become totally obscured.
...e push the ad onto the redrawlist so we know it needs to be updated during the next animation frame.
MSManipulationEvent.initMSManipulationEvent() - Web APIs
anbubblearg, cancelablearg, viewarg, detailarg, laststate, currentstate); parameters typearg [in] type: domstring the type of the event being created.
...laststate, currentstate); parameters typearg [in] type: domstring the type of the event being created.
...[in] type: domstring the type of the event being created.
MediaMetadata.MediaMetadata() - Web APIs
the metadata parameters are as follows: title: the title of the media to be played.
...ay of images associated with the playing media.
... following example creates a new media session and assigns
action handlers to it: if ('mediasession' in navigator){ navigator.mediasession.metadata = new mediametadata({ title: "podcast episode title", artist: "podcast host", album: "podcast name", artwork: [{src: "podcast.jpg"}] }); navigator.mediasession.set
actionhandler('play', function() {}); navigator.mediasession.set
actionhandler('pause', function() {}); navigator.mediasession.set
actionhandler('seekbackward', function() {}); navigator.mediasession.set
actionhandler('seekforward', function() {}); navigator.mediasession.set
actionhandler('previoustrack', function() {}); navigator.mediasession.set
actionhandler('nexttrack', function() {}); } specifications specification status comment me...
MediaSession.metadata - Web APIs
d by the browser to the device for presentation in any standard media control user interface the device might offer.
... information about the media currently being played.
... following example creates a new media session and assigns
action handlers to it: if ('mediasession' in navigator){ navigator.mediasession.metadata = new mediametadata({ title: "podcast episode title", artist: "podcast host", album: "podcast name", artwork: [{src: "podcast.jpg"}] }); navigator.mediasession.set
actionhandler('play', function() {}); navigator.mediasession.set
actionhandler('pause', function() {}); navigator.mediasession.set
actionhandler('seekbackward', function() {}); navigator.mediasession.set
actionhandler('seekforward', function() {}); navigator.mediasession.set
actionhandler('previoustrack', function() {}); navigator.mediasession.set
actionhandler('nexttrack', function() {}); } specifications specification status comment me...
NotificationEvent - Web APIs
iceworkerglobalscope of a serviceworker.
...roperties inherits properties from its ancestor, event.
... no support nochrome android full support 42firefox android full support 44opera android full support 37safari ios ?
PaymentRequest.show() - Web APIs
the paymentrequest interface's show() method instructs the user agent to begin the process of showing and handling the user interface for the payment request to the user.
...me payment has already been shown for this request (its state is interactive because it is being shown already).
...mises for more information if you need more information about working with promises.
PaymentRequest - Web APIs
ad only secure context if requested via payment options, returns the shipping address chosen by the user for the purposes of calculating shipping.
...ates they are ready to complete the trans
action (i.e., they hit "pay").
...urns the type of shipping used to fulfill the trans
action.
Payment Request API - Web APIs
f card numbers, and can tell the user if a card has expired (or is about to expire).
...e.g, "we only accept visa or mastercard"), or allow the user to say which is their default/favorite card.
...ains address information; used for billing and shipping addresses, for example.
Pinch zoom gestures - Web APIs
ave = pointerup_handler; } pointer down the pointerdown event is fired when a pointer (mouse, pen/stylus or touch point on a touchscreen) makes contact with the contact surface.
...r = "1px solid black"; // if the number of pointers down is less than two then reset diff tracker if (evcache.length < 2) { prevdiff = -1; } } application ui the application uses a <div> element for the touch area and provides buttons to enable logging and to clear the log.
... diff tracker if (evcache.length < 2) { prevdiff = -1; } } application ui the application uses a <div> element for the touch area and provides buttons to enable logging and to clear the log.
RTCIceCandidate.usernameFragment - Web APIs
the read-only usernamefragment property on the rtcicecandidate interface is a string indicating the username fragment ("ufrag") that uniquely identifies a single ice inter
action session.
...cicecandidate() with a string parameter containing the candidate m-line text, the value of usernamefragment is extracted from the m-line.
...bit 4 of each character is randomly selected between 0 and 1.
SVGGraphicsElement: copy event - Web APIs
the copy event fires on svggraphicselements when the user initiates a copy
action through the browser's user interface.
... the copy event fires on svggraphicselements when the user initiates a copy
action through the browser's user interface.
... bubbles yes cancelable yes interface clipboardevent event handler property oncopy the event's default
action is to copy the selection (if any) to the clipboard.
SVGGraphicsElement: paste event - Web APIs
the paste event is fired on an svggraphicselement when the user has initiated a "paste"
action through the browser's user interface.
...s fired on an svggraphicselement when the user has initiated a "paste"
action through the browser's user interface.
...true) then the default
action is to insert the contents of the clipboard into the document at the cursor position.
sourceCapabilities - Web APIs
the uievent.sourcecapabilities read-only property returns an instance of the inputdevicecapabilities interface which provides information about the physical device responsible for generating a touch event.
...lities property for all of them will point to the same instance of inputdevicecapabilities.
...them will point to the same instance of inputdevicecapabilities.
Clearing by clicking - Web APIs
« previousnext » this example demonstrates how to combine user inter
action with webgl graphics operations by clearing the rendering context with a random color when the user clicks.
... « previousnext » this example demonstrates how to combine user inter
action with webgl graphics operations by clearing the rendering context with a random color when the user clicks.
...the rendering context with random colors this example provides a simple illustration of how to combine webgl and user inter
action.
WebGL constants - Web APIs
webglrenderingcontext.blendequationseparate() to control how the blending is calculated (for both, rbg and alpha, or separately).
... description func_add 0x8006 passed to blendequation or blendequationseparate to set an addition blend function.
...to the stored value.
Using Web Workers - Web APIs
running worker from the main thread, you can do so by calling the worker's terminate method: myworker.terminate(); the worker thread is killed immediately.
... other types of worker in addition to dedicated and shared web workers, there are other types of worker available: serviceworkers essentially act as proxy servers that sit between web applications, and the browser and network (when available).
...orker, including: navigator xmlhttprequest array, date, math, and string windowtimers.settimeout and windowtimers.setinterval the main thing you can't do in a worker is directly affect the parent page.
Window: copy event - Web APIs
the copy event fires when the user initiates a copy
action through the browser's user interface.
... the copy event fires when the user initiates a copy
action through the browser's user interface.
... event handler property oncopy the original target for this event is the element that was the intended target of the copy
action.
Window: cut event - Web APIs
the cut event is fired when the user has initiated a "cut"
action through the browser's user interface.
... the cut event is fired when the user has initiated a "cut"
action through the browser's user interface.
... event handler property oncut the original target for this event is the element that was the intended target of the cut
action.
Window: paste event - Web APIs
the paste event is fired when the user has initiated a "paste"
action through the browser's user interface.
... the paste event is fired when the user has initiated a "paste"
action through the browser's user interface.
...nt handler property onpaste the original target for this event is the element that was the intended target of the paste
action.
Window - Web APIs
available via the onanimationend property.
... via the onanimationiteration property.
...roperty.
WindowOrWorkerGlobalScope.setInterval() - Web APIs
non metus.
...cal this allowing us to write setinterval( () => this.mymethod) if we're inside myarray method.
...type="text/javascript"> function opacity (nindex, nlength, bbackwards) { this.style.opacity = nindex / nlength; if (bbackwards ?
WritableStreamDefaultController.error() - Web APIs
the error() method of the writablestreamdefaultcontroller interface causes any future inter
actions with the associated stream to error.
... the error() method of the writablestreamdefaultcontroller interface causes any future inter
actions with the associated stream to error.
...d is rarely used, since usually it suffices to return a rejected promise from one of the underlying sink’s methods.
XRSession.onsqueeze - Web APIs
the xrsession interface's onsqueeze event handler property can be set to a function which is then invoked to handle the squeeze event that's sent when the user successfully completes a primary squeeze
action on a webxr input device.
... the xrsession interface's onsqueeze event handler property can be set to a function which is then invoked to handle the squeeze event that's sent when the user successfully completes a primary squeeze
action on a webxr input device.
...off-hand (that is, the hand that isn't their dominant hand).
XRSession: select event - Web APIs
the webxr event select is sent to an xrsession when one of the session's input sources has completed a primary
action.
... the webxr event select is sent to an xrsession when one of the session's input sources has completed a primary
action.
..., speaking a command, or performing a recognizable gesture when using a video tracking system or handheld controller with an accelerometer.
Web APIs
changeevent headers history hkdfparams hmacimportparams hmackeygenparams i idbcursor idbcursorsync idbcursorwithvalue idbdatabase idbdatabaseexception idbdatabasesync idbenvironment idbenvironmentsync idbfactory idbfactorysync idbindex idbindexsync idbkeyrange idblocaleawarekeyrange idbmutablefile idbobjectstore idbobjectstoresync idbopendbrequest idbrequest idbtrans
action idbtrans
actionsync idbversionchangeevent idbversionchangerequest iirfilternode idledeadline imagebitmap imagebitmaprenderingcontext imagecapture imagedata index inputdevicecapabilities inputevent installevent installtrigger intersectionobserver intersectionobserverentry interventionreportbody k keyboard keyboardevent keyboardlayoutmap keyframeeffect keyframeeffectoptions ...
...nfiguration mediadeviceinfo mediadevices mediaelementaudiosourcenode mediaencodingconfiguration mediaerror mediaimage mediakeymessageevent mediakeysession mediakeystatusmap mediakeysystemaccess mediakeysystemconfiguration mediakeys medialist mediametadata mediapositionstate mediaquerylist mediaquerylistevent mediaquerylistlistener mediarecorder mediarecordererrorevent mediasession mediasession
actiondetails mediasettingsrange mediasource mediastream mediastreamaudiodestinationnode mediastreamaudiosourcenode mediastreamaudiosourceoptions mediastreamconstraints mediastreamevent mediastreamtrack mediastreamtrackaudiosourcenode mediastreamtrackaudiosourceoptions mediastreamtrackevent mediatrackconstraints mediatracksettings mediatracksupportedconstraints merchantvalidationevent messagechann...
...nobserver mutationobserverinit mutationrecord n ndefmessage ndefreader ndefreadingevent ndefrecord ndefwriter namelist namednodemap navigationpreloadmanager navigator navigatorconcurrenthardware navigatorid navigatorlanguage navigatoronline navigatorplugins navigatorstorage networkinformation node nodefilter nodeiterator nodelist nondocumenttypechildnode notation notification notification
action notificationevent notifyaudioavailableevent o oes_element_index_uint oes_fbo_render_mipmap oes_standard_derivatives oes_texture_float oes_texture_float_linear oes_texture_half_float oes_texture_half_float_linear oes_vertex_array_object ovr_multiview2 offlineaudiocompletionevent offlineaudiocontext offscreencanvas orientationsensor oscillatornode overconstrainederror p pagetransitioneven...
ARIA: document role - Accessibility
d properties aria-expanded include with a value of true or false if the document element is collapsible, to indicate if the document is currently expanded or collapsed.
...o it, reading mode is invoked automatically, and the content can be read right away.
...er, when the keyboard focus is set on the starting heading on a single conversation that contains the subject of the conversation, the screen reader user can use the reading mode commands to read through the messages, expand or collapse them, and manipulate them.
ARIA: listbox role - Accessibility
the accessibility api conventions.) aria-roledescription a human-readable string value which more clearly identifies the role of the listbox.
....
...e user just interacted with, even if they toggled the option to be unselected.
Web applications and ARIA FAQ - Accessibility
and properties have been added to a number of popular javascript user interface toolkits, including: dojo/dijit jquery ui fluid infusion google closure google web toolkit bbc glow yahoo!
...t officially part of the html 4 or xhtml 4 specifications.
...enabled elements to the assistive technology api as if they were native widgets.
Accessibility: What users can do to browse more safely - Accessibility
this article discusses making web content accessible for those with vestibular disorders, and those who support them, by taking advantage of personalization and accessibility settings built into the operating systems.
...essibility settings for apple (image source: developers.google.com from thomas steiner's article "move ya!
...izure-y".
Color picker tool - CSS: Cascading Style Sheets
pickertool() { /*========== 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 = function resizestart(e) { e.stoppropagation(); e.preventdefault(); if (e.button !== 0) return; valuex = e.clientx - elem.clientwidth; valuey = e.clienty - elem.clientheight; document.body.setattribute('data-resize', axis); document.addeventlistener('mousemove', mousemove); document.addeventlistener('mouseup', resizeend); }; ...
...(e) { e.stoppropagation(); e.preventdefault(); if (e.button !== 0) return; valuex = e.clientx - elem.clientwidth; valuey = e.clienty - elem.clientheight; document.body.setattribute('data-resize', axis); document.addeventlistener('mousemove', mousemove); document.addeventlistener('mouseup', resizeend); }; var mousemove = function mousemove(e) { if (
action >= 0) elem.style.width = e.clientx - valuex + 'px'; if (
action <= 0) elem.style.height = e.clienty - valuey + 'px'; }; var resizeend = function resizeend(e) { if (e.button !== 0) return; document.body.removeattribute('data-resize', axis); document.removeeventlistener('mousemove', mousemove); document.removeeventlistener('mouseup', resizeend); }; v...
...ienty - valuey + 'px'; }; var resizeend = function resizeend(e) { if (e.button !== 0) return; document.body.removeattribute('data-resize', axis); document.removeeventlistener('mousemove', mousemove); document.removeeventlistener('mouseup', resizeend); }; var handle = document.createelement('div'); handle.classname = 'resize-handle'; if (axis === 'width')
action = 1; else if (axis === 'height')
action = -1; else axis = 'both'; handle.classname = 'resize-handle'; handle.setattribute('data-resize', axis); handle.addeventlistener('mousedown', resizestart); elem.appendchild(handle); }; /*========== make an element draggable relative to it's parent ==========*/ var makedraggable = function makedraggable(elem, endfunction) { var ...
Linear-gradient Generator - CSS: Cascading Style Sheets
ve', callback); document.removeeventlistener('mouseup', up); endfunc(e); }); }); elem.addeventlistener('click', function(e) { e.stoppropagation(); }); } var color = uicolorpicker.color; var hsvcolor = uicolorpicker.hsvcolor; var uicomponent = (function uicomponent() { function makeresizable(elem, axis, callback, endfunc) { var valuex = 0; var valuey = 0; var
action = 0; var callback = typeof callback === "function" ?
...(e) { e.stoppropagation(); e.preventdefault(); if (e.button !== 0) return; valuex = e.clientx - elem.clientwidth; valuey = e.clienty - elem.clientheight; document.body.setattribute('data-resize', axis); document.addeventlistener('mousemove', mousemove); document.addeventlistener('mouseup', resizeend); }; var mousemove = function mousemove(e) { if (
action >= 0) elem.style.width = e.clientx - valuex + 'px'; if (
action <= 0) elem.style.height = e.clienty - valuey + 'px'; if (callback) callback(); }; var resizeend = function resizeend(e) { if (e.button !== 0) return; document.body.removeattribute('data-resize', axis); document.removeeventlistener('mousemove', mousemove); document.removeeventlistener...
...back(); }; var resizeend = function resizeend(e) { if (e.button !== 0) return; document.body.removeattribute('data-resize', axis); document.removeeventlistener('mousemove', mousemove); document.removeeventlistener('mouseup', resizeend); endfunc(); }; var handle = document.createelement('div'); handle.classname = 'resize-handle'; if (axis === 'width')
action = 1; else if (axis === 'height')
action = -1; else axis = 'both'; handle.classname = 'resize-handle'; handle.setattribute('data-resize', axis); handle.addeventlistener('mousedown', resizestart); elem.appendchild(handle); }; return { makeresizable : makeresizable }; })(); /** * gradient point */ var gradientpoint = function gradientpoint(axis) { var point = ...
clamp() - CSS: Cascading Style Sheets
) expression value to which the value of the property will be assigned if the preferred value is greater than this upper bound.
...hs and heights on table columns, table column groups, table rows, table row groups, and table cells in both auto and fixed layout tables may be treated as if auto had been specified.
... treated as if auto had been specified.
Event developer guide - Developer guides
r, to the change in device vertical orientation.
...played can trigger events; for example, change size if the user maximizes the window or otherwise changes it.
... parsing, and rendering of the web page for display to the user.
contextmenu - HTML: Hypertext Markup Language
the contextmenu attribute is obsolete and will be removed from all browsers the contextmenu global attribute is the id of a <menu> to use as the contextual menu for this element.
...abel="facebook" onclick="shareviafacebook()"></menuitem> </menu> </menu> <ol> <li> anywhere in the example you can share the page on twitter and facebook using the share menu from your context menu.
...f the text by using the "increase/decrease font"
actions from your context menu </li> <menu type="context" id="changefont"> <menuitem label="increase font" onclick="incfont()"></menuitem> <menuitem label="decrease font" onclick="decfont()"></menuitem> </menu> <li contextmenu="changeimage" id="changeimage"> on the image below, you can fire the "change image"
action in your context menu.<br /> <img src="https://udn.realityripple.com/samples/a2/b601bdfc0c.png" contextmenu="changeimage" id="promobutton" /> <menu type="context" id="changeimage"> <menuitem label="change image" onclick="changeimage()"></menuitem> </menu> </li> </ol> </body> javascript function shareviatwitter() { window.open("https://twitter.co...
HTML documentation index - HTML: Hypertext Markup Language
ents of type="date" create input fields that let the user enter a date, either with a textbox that validates the input or a special date picker interface.
...lement indicates a suggested color that user agents should use to customize the display of the page or of the surrounding user interface.
...oup>, or a <datalist> element.
Content-Location - HTTP
ntent-type: text/markdown # my first blog post!
...i hope it worked.
...other user of a site.
DELETE - HTTP
body may successful response has body may safe no idempotent yes cacheable no allowed in html forms no syntax delete /file.html http/1.1 example request delete /file.html http/1.1 responses if a delete method is successfully applied, there are several response status codes possible: a 202 (accepted) status code if the
action will likely succeed but has not yet been enacted.
... yes cacheable no allowed in html forms no syntax delete /file.html http/1.1 example request delete /file.html http/1.1 responses if a delete method is successfully applied, there are several response status codes possible: a 202 (accepted) status code if the
action will likely succeed but has not yet been enacted.
...l http/1.1 example request delete /file.html http/1.1 responses if a delete method is successfully applied, there are several response status codes possible: a 202 (accepted) status code if the
action will likely succeed but has not yet been enacted.
A re-introduction to JavaScript (JS tutorial) - JavaScript
t.
...ecking for null objects before accessing their attributes: var name = o && o.getname(); or for caching values (when falsy values are invalid): var name = cachedname || (cachedname = getname()); javascript has a ternary operator for conditional expressions: var allowed = (age > 18) ?
...ctions — which leads to code that is hard to maintain.
BigInt - JavaScript
/ ↪ 18014398509481982n const subtr = multi – 10n // ↪ 18014398509481972n const mod = multi % 10n // ↪ 2n const bign = 2n ** 54n // ↪ 18014398509481984n bign * -1n // ↪ –18014398509481984n the / operator also works as expected with whole numbers.
...lti – 10n // ↪ 18014398509481972n const mod = multi % 10n // ↪ 2n const bign = 2n ** 54n // ↪ 18014398509481984n bign * -1n // ↪ –18014398509481984n the / operator also works as expected with whole numbers.
...mber and a bigint may be compared as usual: 1n < 2 // ↪ true 2n > 1 // ↪ true 2 > 2 // ↪ false 2n > 2 // ↪ false 2n >= 2 // ↪ true they may be mixed in arrays and sorted: const mixed = [4n, 6, -12n, 10, 4, 0, 0n] // ↪ [4n, 6, -12n, 10, 4, 0, 0n] mixed.sort() // default sorting behavior // ↪ [ -12n, 0, 0n, 10, 4n, 4, 6 ] mixed.sort((a, b) => a - b) // won't work since subtr
action will not work with mixed types // typeerror: can't convert bigint to number // sort with an appropriate numeric comparator mixed.sort((a, b) => (a < b) ?
Intl.NumberFormat.prototype.formatToParts() - JavaScript
structure the formattoparts() method returns, looks like this: [ { type: "integer", value: "3" }, { type: "group", value: "." }, { type: "integer", value: "500" } ] possible types are the following: currency the currency string, such as the symbols "$" and "€" or the name "dollar", "euro" depending on how currencydisplay is specified.
...formattoparts() method returns, looks like this: [ { type: "integer", value: "3" }, { type: "group", value: "." }, { type: "integer", value: "500" } ] possible types are the following: currency the currency string, such as the symbols "$" and "€" or the name "dollar", "euro" depending on how currencydisplay is specified.
...stomize the formatting of this string.
Intl.NumberFormat.prototype.resolvedOptions() - JavaScript
in as a default.
...rouping the values provided for these properties in the options argument or filled in as defaults.
...resolvedoptions method var de = new intl.numberformat('de-de'); var usedoptions = de.resolvedoptions(); usedoptions.locale; // "de-de" usedoptions.numberingsystem; // "latn" usedoptions.notation; // "standard" usedoptions.signdisplay; // "auto" usedoption.style; // "decimal" usedoptions.minimumintegerdigits; // 1 usedoptions.minimumfr
actiondigits; // 0 usedoptions.maximumfr
actiondigits; // 3 usedoptions.usegrouping; // true specifications specification ecmascript internationalization api (ecma-402)the definition of 'intl.numberformat.prototype.resolvedoptions' in that specification.
Math.round() - JavaScript
the nearest integer.
...pull request.
...ess than 0.5, the argument is rounded to the integer with the lower absolute value.
MathML documentation index - MathML
al mathml presentation elements have attributes that accept length values used for size or spacing.
... and constants for specifying lengths.
...provide the possibility to add custom opening and closing parentheses (such as brackets) and separators (such as commas or semicolons) to an expression.
Example - SVG: Scalable Vector Graphics
nd above.
...id('emailme').href = 'mailto:'+email; ]]> </script> this software is free for you to use in any way whatsoever, and comes with no warranty at all.
...imit // on mote position.
Same-origin policy - Web security
note: when using document.domain to allow a subdomain to access its parent securely, you need to set document.domain to the same value in both the parent domain and the subdomain.
...ent.domain to the same value in both the parent domain and the subdomain.
...laced into three categories: cross-origin writes are typically allowed.
Caching compiled WebAssembly modules - WebAssembly
webassembly.module indexeddb serialization support is being removed from browsers; see bug 1469395 and this spec issue.
...torename) }; }); } looking up modules in the database our next function — lookupindatabase() — provides a simple promise-based operation for looking up the given url in the object store we created above.
...vent => { if (request.result) resolve(request.result); else reject(`module ${url} was not found in wasm cache`); } }); } storing and instantiating modules next, we define a function storeindatabase() that fires off an async operation to store a given wasm module in a given database.
page-mod - Archive of obsolete content
to block certain content, to change the font style, or to display the document's dom structure.
... certain content, to change the font style, or to display the document's dom structure.
Unit Testing - Archive of obsolete content
, and give it the following contents: const { atob, btoa } = require("resource://gre/modules/services.jsm"); exports.atob = a => atob(a); exports.btoa = b => btoa(b); this code exports two functions, which just call the platform's btoa() and atob() functions.
...e it the following contents: const { atob, btoa } = require("resource://gre/modules/services.jsm"); exports.atob = a => atob(a); exports.btoa = b => btoa(b); this code exports two functions, which just call the platform's btoa() and atob() functions.
Promises - Archive of obsolete content
y code which cannot easily be upgraded to non-relational models, the sqlite.jsm module provides a clean, promise-based interface to sqlite databases.
... models, the sqlite.jsm module provides a clean, promise-based interface to sqlite databases.
MMgc - Archive of obsolete content
lizedobject will mmgc know that you want finalization behavior on your class.
...re time we spend out of the marking phase the better performance will be overall applications that have low or steady state memory requirements shouldn't suffer any marking penalty the first thing to determine is when we decide to start marking.
Drag and Drop Example - Archive of obsolete content
s a made-up attribute.
...nsdraganddrop.startdrag(event, listobserver)"/> <button label="check box" elem="checkbox" ondraggesture="nsdraganddrop.startdrag(event, listobserver)"/> <button label="text box" elem="textbox" ondraggesture="nsdraganddrop.startdrag(event, listobserver)"/> </vbox> </window> var listobserver = { ondragstart: function (event, transferdata,
action) { var txt = event.target.getattribute("elem"); transferdata.data = new transferdata(); transferdata.data.adddataforflavour("text/unicode", txt); } }; var boardobserver = { getsupportedflavours : function () { var flavours = new flavourset(); flavours.appendflavour("text/unicode"); return flavours; }, ondragover: function (event, flavour, session) {}, ondrop: ...
Firefox Sync - Archive of obsolete content
p protocol.
...ting involved and status for information on the current development status of sync including how to get involved, see https://wiki.mozilla.org/services/sync.
HTTP Class Overview - Archive of obsolete content
n overview of the classes used by the mozilla http implementation.
...handler manages preferences owns the authentication cache holds references to frequently used services nshttpchannel implements nsihttpchannel talks to the cache initiates http trans
actions processes http response codes intercepts progress notifications nshttpconnection implements nsistreamlistener & nsistreamprovider talks to the socket transport service feeds data to its trans
action object routes progress notifications nshttpconnectioninfo identifies a connection nshttptrans
action implements nsirequest encapsulates a http request and response parses incoming data nshttpchunkeddecoder owned by a trans
action strips chunked transfer encoding nshttprequesthead owns a nshttpheaderarray knows how to fill a request buffer nshttpresponsehead owns a nsht...
popupshowing - Archive of obsolete content
the popupshowing event is executed when a <menupopup>, <panel> or <tooltip> is about to become visible.
... the popupshowing event is executed when a <menupopup>, <panel> or <tooltip> is about to become visible.
PopupEvents - Archive of obsolete content
n item from the menu, or it may be because the popup was closed by clicking elsewhere.
...ng of a menupopup when a user has made a selection from a menu, as it is already too late to do so.
Attribute Substitution - Archive of obsolete content
« previousnext » so far, attribute replacement in an
action body has been used to replace an entire attribute with the value of a variable.
...is ?name"/> the effect will be that the ?name part of the attribute will be replaced by the value of the variable ?name.
Building Hierarchical Trees - Archive of obsolete content
e displayed at the first level.
...urces="people2.xml" ref="*" querytype="xml" rows="10" flags="dont-build-content"> <treecols> <treecol id="name" primary="true" label="name" flex="1"/> </treecols> <template> <query expr="*"/> <
action> <treechildren> <treeitem uri="?"> <treerow> <treecell label="?name"/> </treerow> </treeitem> </treechildren> </
action> </template> </tree> « previousnext » ...
Namespaces - Archive of obsolete content
le"> <person name="napoleon bonaparte" gender="male"/> <person name="cleopatra" gender="female"/> <person name="julius caesar" gender="male"/> <person name="ferdinand magellan" gender="male"/> <person name="laura secord" gender="female"/> </people> <listbox datasources="people.xml" ref="*" querytype="xml"> <template xmlns:ns="www.example.com/people"> <query expr="ns:person"/> <
action> <listitem uri="?" label="?ns:name"/> </
action> </template> </listbox> once added to the template element the namespaces can then be referenced inside temple rule elements too, this works both in rdf and xml templates.
.../> </
action> </template> </listbox> once added to the template element the namespaces can then be referenced inside temple rule elements too, this works both in rdf and xml templates.
Sorting Results - Archive of obsolete content
that do not use flags="dont-build-content"), sorting is done by placing the sort and sortdirection attributes on the root node of the template.
...is done by placing the sort and sortdirection attributes on the root node of the template.
XUL Reference - Archive of obsolete content
« xul reference « alphabetical list of all xul elements
action arrowscrollbox assign bbox binding bindings box broadcaster broadcasterset button browser checkbox caption clicktoscroll colorpicker column columns commandset command conditions content datepicker deck description dialog dialogheader dropmarker editor grid grippy groupbox hbox iframe image key keyset label listbox listcell listcol listcols listhead listheader listitem member menu menubar menuitem menulist menupopup menuseparator notification notificationbox observes overlay page panel param popupset preference preferences prefpane prefwindow progressmeter query queryset radio radiogroup resizer richlistbox richlistitem row rows rule scale script...
...diogroup scale splitter textbox textbox (firefox autocomplete) textbox (mozilla autocomplete) timepicker description label image listbox listitem listcell listcol listcols listhead listheader richlistbox richlistitem tree treecell treechildren treecol treecols treeitem treerow treeseparator box hbox vbox bbox deck stack grid columns column rows row scrollbox
action assign binding bindings conditions content member param query queryset rule template textnode triple where script commandset command broadcaster broadcasterset observes key keyset stringbundle stringbundleset arrowscrollbox dropmarker grippy scrollbar scrollcorner spinbuttons all attributes all properties all methods attributes defined for all xul elements style...
XUL Template Primer - Bindings - Archive of obsolete content
df#name" object="?name"/> </conditions> <bindings> <binding subject="?friend" predicate="http://home.netscape.com/nc-rdf#address" object="?addr"/> <binding subject="?addr" predicate="http://home.netscape.com/nc-rdf#street" object="?street"/> </bindings> <
action> <hbox uri="?friend"> <label value="?name"/> <label value="?street"/> </hbox> </
action> </rule> </template> </vbox> </window> the xul template primer covers the <conditions> and <
action> elements, so we won't discuss those here.
...ars: note that even though poor lumpy has no nc:address property, he still appears in the content model!
XUL controls - Archive of obsolete content
<menupopup> <menuitem label="list"/> <menuitem label="details"/> </menupopup> </button> more information about this type of menu button element.
...m label="status bar"/> </menupopup> </toolbarbutton> more information about this type of menu toolbarbutton element.
preference - Archive of obsolete content
<preferences> <preference id="pref_id" name="preference.name" type="int"/> </preferences> see preferences system for a complete example.
...s obtained from the defaultvalue property.
rule - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] a rule is used in a template.
... [ examples | attributes | properties | methods | related ] a rule is used in a template.
NPP_URLNotify - Archive of obsolete content
rs the function has the following parameters: instance pointer to the current plug-in instance.
...r calls npp_urlnotify() after the completion of a npn_geturlnotify() or npn_posturlnotify() request to inform the plug-in that the request was completed and supply a reason code for the completion.
Building a Theme - Archive of obsolete content
load it into firefox using the file->open file command and it will report xml errors to you.
...n addition, mozilla add-ons allows users to comment and provide feedback on your theme.
Desktop gamepad controls - Game development
-pad right button have an index of 3 on the wireless xbox 360, but may have a different one on another device.
...)) { this.managepause(); } pause and game over states we already learned how to control the whole lifecycle of the game: pausing the gameplay, restarting it, or getting back to the main menu.
API - MDN Web Docs Glossary: Definitions of Web-related terms
an api (application programming interface) is a set of features and rules that exist inside a software program (the application) enabling inter
action with it through software - as opposed to a human user interface.
...eo and audio, broadcasting it to another user in a conference call, or capturing image stills from the video.
Mobile accessibility - Learn web development
swiping left and right to move between them, or by sliding your finger around on the screen to move between different items (when you find the item you want, you can remove your finger to select it).
...to minimize the amount of typing needed.
Pseudo-classes and pseudo-elements - Learn web development
valid to write pseudo-classes and elements without any element selector preceding them.
...write :first-child and the rule would apply to any element that is the first child of an <article> element, not just a paragraph first child — :first-child is equivalent to *:first-child.
Responsive design - Learn web development
e: 2rem; } @media (min-width: 1200px) { h1 { font-size: 4rem; } } we have edited our responsive grid example above to also include responsive type using the method outlined.
...s or rems then the text will still be zoomable.
Basic native form controls - Learn web development
the checked attribute on load match the :default pseudo class, even if they are no longer checked.
...a the get method, you'll see the values appended to the url as follows: http://foo.com?pos.x=123&pos.y=456 this is a very convenient way to build a "hot map".
Other form controls - Learn web development
previous overview: forms next we now look at the functionality of non-<input> form elements in detail, from other control types such as drop-down lists and multi-line text fields, to other useful form features such as the <output> element (which we saw in
action in the previous article), and progress bars.
...nt to find out more.) play with the interactive example at the top of the resize reference page for a demonstration of how these work.
UI pseudo-classes - Learn web development
if(billinglabels[i].getattribute('class') === 'billing-label disabled-label') { billinglabels[i].setattribute('class', 'billing-label'); } else { billinglabels[i].setattribute('class', 'billing-label disabled-label'); } } } it uses the change event to let the user enable/disable the billing fields, and toggle the styling of the associated labels.
... to investigate.
Asynchronous JavaScript - Learn web development
itional methods javascript has available for running code asychronously after a set time period has elapsed, or at a regular interval (e.g.
...ailable for running code asychronously after a set time period has elapsed, or at a regular interval (e.g.
Working with JSON - Learn web development
ng) before sending.
...equest.onload = function() { const superheroestext = request.response; // get the string from the response const superheroes = json.parse(superheroestext); // convert it to an object populateheader(superheroes); showheroes(superheroes); } as you might guess, stringify() works the opposite way.
Web performance - Learn web development
building websites requires html, css, and javascript.
...ering, including how your content makes it into your users browser to be viewed, to what groups of people we need to consider when thinking about performance, how do users perceive performance?
Server-side web frameworks - Learn web development
formation encoded in the structure of the url by defining "capture patterns" in the url mapper (see the last code fragment in the section above).
... spring-based applications that you can "just run".
Ember resources and troubleshooting - Learn web development
nsform that wraps its argument with a setter function.
...gs functions to be declared: <checkbox @value={{this.somedata}} @ontoggle={{fn (mut this.somedata) (not this.somedata)}} /> whereas, without mut, a component class would be needed: import component from '@glimmer/component'; import { tracked } from '@glimmer/tracking'; import {
action } from '@ember/object'; export default class example extends component { @tracked somedata = false; @
action setdata(newvalue) { this.somedata = newvalue; } } which would then be called in the template like so: <checkbox @data={{this.somedata}} @onchange={{this.setdata}} /> due to the conciseness of using mut, it may be desireable to reach for it.
Ember app structure and componentization - Learn web development
mponents/header.hbs skip app/components/header.js tip to add a class, run `ember generate component-class header` installing component-test create tests/integration/components/header-test.js header.hbs is the template file where we’ll include the html structure for just that component.
...ate component todo-list ember generate component todo ember generate component footer you’ll now see the following inside your todomvc/app/components directory: now that we have all of our component structure files, we can cut and paste the html for each component out of the application.hbs file and into each of those components, and then re-write the application.hbs to reflect our new abstr
actions.
Framework main features - Learn web development
cle is a collection of phases a component goes through from the time it is rendered by the browser (often called mounting) to the time that it is removed from the dom (often called unmounting).
...ifecycles, frameworks take different-but-similar approaches to how they render your applications.
Beginning our React todo list - Learn web development
running live version, see https://mdn.github.io/todo-react-build/.
... top: -2px; left: -2px; width: 44px; height: 44px; } .c-cb > input[type="checkbox"] { -webkit-font-smoothing: antialiased; cursor: pointer; position: absolute; z-index: 1; margin: 0; opacity: 0; } .c-cb > label { font-size: inherit; font-family: inherit; line-height: inherit; display: inline-block; margin-bottom: 0; padding: 8px 15px 5px; cursor: pointer; touch-
action: manipulation; } .c-cb > label::before { content: ""; position: absolute; border: 2px solid currentcolor; background: transparent; } .c-cb > input[type="checkbox"]:focus + label::before { border-width: 4px; outline: 3px dashed #228bec; } .c-cb > label::after { box-sizing: content-box; content: ""; position: absolute; top: 11px; left: 9px; width: 18px; height: 7px; tran...
Starting our Svelte Todo list app - Learn web development
utton type="button" class="btn"> edit <span class="visually-hidden">complete the rest of the tutorial</span> </button> <button type="button" class="btn btn__danger"> delete <span class="visually-hidden">complete the rest of the tutorial</span> </button> </div> </div> </li> </ul> <hr /> <!-- more
actions --> <div class="btn-group"> <button type="button" class="btn btn__primary">check all</button> <button type="button" class="btn btn__primary">remove completed</button> </div> </div> check the rendered out again, and you'll see something like this: it's current not very nicely styled, and also functionally useless.
... top: -2px; left: -2px; width: 44px; height: 44px; } .c-cb > input[type="checkbox"] { -webkit-font-smoothing: antialiased; cursor: pointer; position: absolute; z-index: 1; margin: 0; opacity: 0; } .c-cb > label { font-size: inherit; font-family: inherit; line-height: inherit; display: inline-block; margin-bottom: 0; padding: 8px 15px 5px; cursor: pointer; touch-
action: manipulation; } .c-cb > label::before { content: ""; position: absolute; border: 2px solid currentcolor; background: transparent; } .c-cb > input[type="checkbox"]:focus + label::before { border-width: 4px; outline: 3px dashed #228bec; } .c-cb > label::after { box-sizing: content-box; content: ""; position: absolute; top: 11px; left: 9px; width: 18px; height: 7px; tran...
Deploying our app - Learn web development
tending to trigger a new deployment to netlify each time we push to a github repo.
...ne 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.
Mozilla's Section 508 Compliance
(h) when animation is displayed, the information shall be displayable in at least one non-animated presentation mode at the option of the user.
...and information retrieval that does not require user speech shall be provided, or support for assistive technology used by people with disabilities shall be provided.
Adding a new event
overs how to add a new event to the mozilla (firefox) source code.
...good header file from what your event class represents.
HTTP logging
sometimes, while debugging your web app (or client-side code using necko), it can be useful to log http traffic.
... crash.
Download
a download object represents a single download, with associated state and
actions.
...e retained during the new download attempt.
FxAccountsOAuthClient.jsm
t and only argument is an object that has "state" and "code" properties.
...urned from client registration.
Reporting a Performance Problem
button in the top right labeled 'publish' which will allow you to upload this profile and once completed will write out a link.
... less information a profile contains, the harder it is to analyze and turn into
actionable data.
L20n
avascript api an api for l20n.js.
...o their localization infrastructure.
NSPR's Position On Abrupt Thread Termination
ilable in the unix/c environment for some time (exit()), and i assume that the basic semantics defined there are applicable here.
... in the situation where it was defined (unix), which has only a single thread of execution, that is equivalent to terminating the process.
Utilities for nss samples
etpassword(file *input, file *output, char *prompt, prbool (*ok)(char *)); /* * filepasswd extracts the password from a text file * * storing passwords is often used with server environments * where prompting the user for a password or requiring it * to be entered in the commnd line is not a feasible option.
... "non-alphabetic characters\n"); continue; } return (char*) port_strdup(phrase); } } /* * filepasswd extracts the password from a text file * * storing passwords is often used with server environments * where prompting the user for a password or requiring it * to be entered in the commnd line is not a feasible option.
NSS Tools certutil
yntax to run the certificate database tool, type the command certutil option [arguments ] where options and arguments are combinations of the options and arguments listed in the following section.
... command certutil option [arguments ] where options and arguments are combinations of the options and arguments listed in the following section.
NSS Tools crlutil
tificate revocation list management tool, type the command crlutil option [arguments] where options and arguments are combinations of the options and arguments listed in the following section.
...mmand crlutil option [arguments] where options and arguments are combinations of the options and arguments listed in the following section.
NSS Tools modutil
s nt 4.0.
...ecurity module database tool, type the command modutil option [arguments] where option and arguments are combinations of the options and arguments listed in the following section.
NSS Tools pk12util
here option and arguments are combinations of the options and arguments listed in the following section.
...nations of the options and arguments listed in the following section.
certutil
curity module database management, see the modutil manpages.
... merge legacy nss databases (cert8.db and key3.db) into the newer sqlite databases (cert9.db and key4.db).
The Necko HTTP module
references rfc 2616 for the http/1.1 specification.
... references rfc 2616 for the http/1.1 specification.
Rhino overview
evaluate javascript must supply a security domain object of any object type that will be used to identify javascript code.
...that contains a representation of the signers of a piece of code for certificate-based security policies.
JS_GetGCParameter
_limit, jsgc_high_frequency_time_limit, jsgc_high_frequency_low_limit, jsgc_high_frequency_high_limit, jsgc_high_frequency_heap_growth_max, jsgc_high_frequency_heap_growth_min, jsgc_low_frequency_heap_growth, jsgc_dynamic_heap_growth, jsgc_dynamic_mark_slice, jsgc_allocation_threshold, jsgc_min_empty_chunk_count, jsgc_max_empty_chunk_count, jsgc_comp
action_enabled, jsgc_allocation_threshold_factor, jsgc_allocation_threshold_factor_avoid_interrupt, jsgc_nursery_free_threshold_for_idle_collection, jsgc_pretenure_threshold, jsgc_pretenure_group_threshold, jsgc_nursery_free_threshold_for_idle_collection_percent, jsgc_min_nursery_bytes, jsgc_min_last_ditch_gc_period, } jsgcparamkey; value (c++/js shell) desc...
...eshold_factor_avoid_interrupt / "allocationthresholdfactoravoidinterrupt" jsgc_min_empty_chunk_count / "minemptychunkcount" we try to keep at least this many unused chunks in the free chunk pool at all times, even after a shrinking gc.
TPS Pref Lists
a prefs asset list is an array of objects with name and value keys, representing browser preferences.
... a prefs asset list is an array of objects with name and value keys, representing browser preferences.
Starting WebLock
o gecko and the components you create as easily as you can from xul.
...s contents into memory.
nsIAlertsService
toolkit/components/alerts/nsialertsservice.idlscriptable this interface can be used to notify the user of something that does not require an immediate re
action.
... valid values are "auto", "ltr" or "rtl".
nsIAuthPromptWrapper
the nsiauthpromptwrapper interface is an override of nsiauthprompt which performs some
action on the data going through nsiauthprompt methods.
... the nsiauthpromptwrapper interface is an override of nsiauthprompt which performs some
action on the data going through nsiauthprompt methods.
nsIBrowserSearchService
use: var browsersearchservice = components.classes["@mozilla.org/browser/search-service;1"] .getservice(components.interfaces.nsibrowsersearchservice); attempting to use any method or attribute of this interface before init() has completed will force the service to fall back to a slower, synchronous, initialization.
...service = components.classes["@mozilla.org/browser/search-service;1"] .getservice(components.interfaces.nsibrowsersearchservice); attempting to use any method or attribute of this interface before init() has completed will force the service to fall back to a slower, synchronous, initialization.
nsIDragSession
ted( in string adataflavor ); attributes attribute type description candrop boolean set the current state of the drag, whether it can be dropped or not.
... attributes attribute type description candrop boolean set the current state of the drag, whether it can be dropped or not.
nsIMemoryReporter
n existence.
... example, the number of times the user has opened a new tab.
nsISecurityCheckedComponent
caps/idl/nsisecuritycheckedcomponent.idlscriptable provides methods that let an xpcom component define custom rules for accessing it from potentially unprivileged code.
...ings in gecko, a "capability" is a string identifying a set of
actions that code is allowed to perform.
nsISelectionPrivate
range, in consttextrangestyleref textrangestyle); native code only!
...f textrangestyle); native code only!
XPCOM Interface Reference by grouping
content nsicontentpolicy credentials nsilogininfo nsiloginmanager using nsiloginmanager nsiloginmanagerstorage nsiloginmetainfo history nsiglobalhistory nsiglobalhistory2 nsiglobalhistory3 ssl nsibadcertlistener2 system
action nsicancelable application application nsiapplicationupdateservice nsiappshell nsiappshellservice nsiappstartup xul nsixulappinfo nsixulruntime nsixultemplatebuilder nsixultemplatequeryprocessor ...
... nsisearchengine nsisearchsubmission nsiwebbrowserchrome nsiwindowcreator nsiwindowmediator nsiwindowwatcher clipboard nsiclipboard nsiclipboardcommands nsiclipboarddragdrophooklist nsiclipboarddragdrophooks nsiclipboardhelper nsiclipboardowner core
action nsitrans
actionmanager process nsiprocess nsiprocess2 thread nsithread nsithreadeventfilter nsithreadinternal nsithreadmanager nsithreadobserver nsithreadpool nsithreadpoollistener nsitoolkit ...
Accessibility Inspector - Firefox Developer Tools
depends on the element; for example, the name of most text elements is simply their textcontent, whereas form elements' names are the contents of their associated <label>.
...; for example, the name of most text elements is simply their textcontent, whereas form elements' names are the contents of their associated <label>.
AudioContextLatencyCategory - Web APIs
a new audiocontext by passing one of these values as the latencyhint option in the audiocontext() constructor's options dictionary.
...tion in the audiocontext() constructor's options dictionary.
AudioContextOptions - Web APIs
seconds or a string from the audiocontextlatencycategory enumerated string, which selects a standard value for a given type of audio usage: value description "balanced" the user agent should balance audio output latency and power consumption when selecting a latency value.
...ing, which selects a standard value for a given type of audio usage: value description "balanced" the user agent should balance audio output latency and power consumption when selecting a latency value.
Basic animations - Web APIs
dly executing the function specified by function every delay milliseconds.
...mation and requests that the browser call a specified function to update an animation before the next repaint.
DOMHighResTimeStamp - Web APIs
the domhighrestimestamp type is a double and is used to store a time value in milliseconds.
... the domhighrestimestamp type is a double and is used to store a time value in milliseconds.
Document: drag event - Web APIs
the drag event is fired every few hundred milliseconds as an element or text selection is being dragged by the user.
...me == "dropzone") { event.target.style.background = "purple"; } }, false); document.addeventlistener("dragleave", function(event) { // reset background of potential drop target when the draggable element leaves it if (event.target.classname == "dropzone") { event.target.style.background = ""; } }, false); document.addeventlistener("drop", function(event) { // prevent default
action (open as link for some elements) event.preventdefault(); // move dragged elem to the selected drop target if (event.target.classname == "dropzone") { event.target.style.background = ""; dragged.parentnode.removechild( dragged ); event.target.appendchild( dragged ); } }, false); specifications specification status comment html living standardthe ...
Element: webkitmouseforcewillbegin event - Web APIs
safari for macos fires the non-standard webkitmouseforcewillbegin event at an element before firing the initial mousedown event.
... safari for macos fires the non-standard webkitmouseforcewillbegin event at an element before firing the initial mousedown event.
Event - Web APIs
the event interface represents an event which takes place in the dom.
..., with links to their respective documentation in the mdn api reference.
Fetch API - Web APIs
ns object as the second argument (see request).
...for the abortcontroller and abortsignal interfaces (aka the abort api), which allow operations like fetch and xhr to be aborted if they have not already completed.
HTMLElement: pointermove event - Web APIs
the pointermove event is fired when a pointer changes coordinates, and the pointer has not been canceled by a browser touch-
action.
... the pointermove event is fired when a pointer changes coordinates, and the pointer has not been canceled by a browser touch-
action.
HTMLFormElement: submit event - Web APIs
bubbles yes (although specified as a simple event that doesn't bubble) cancelable yes interface submitevent event handler property globaleventhandlers.onsubmit note that the submit event fires on the <form> element itself, and not on any <button> or <input type="submit"> inside it.
...when calling the form.submit() method directly.
Headers - Web APIs
the headers interface of the fetch api allows you to perform various
actions on http request and response headers.
... the headers interface of the fetch api allows you to perform various
actions on http request and response headers.
IDBDatabase: error event - Web APIs
false }); objectstore.createindex('year', 'year', { unique: false }); }; dbopenrequest.onsuccess = (event) => { const newitem = { tasktitle: 'my task', hours: 10, minutes: 10, day: 10, month: 'january', year: 2020 }; const db = dbopenrequest.result; db.addeventlistener('error', () => { console.log(`error adding new item: ${newitem.tasktitle}`); }); // open a read/write db trans
action, ready for adding the data const trans
action = db.trans
action(['todolist'], 'readwrite'); const objectstore = trans
action.objectstore('todolist'); const objectstorerequest = objectstore.add(newitem); }; the same example, using the onerror property instead of addeventlistener(): // open the database const dbopenrequest = window.indexeddb.open('todolist', 4); dbopenrequest.onupgradeneeded...
...month', { unique: false }); objectstore.createindex('year', 'year', { unique: false }); }; dbopenrequest.onsuccess = (event) => { const newitem = { tasktitle: 'my task', hours: 10, minutes: 10, day: 10, month: 'january', year: 2020 }; const db = dbopenrequest.result; db.onerror = () => { console.log(`error adding new item: ${newitem.tasktitle}`); }; // open a read/write db trans
action, ready for adding the data const trans
action = db.trans
action(['todolist'], 'readwrite'); const objectstore = trans
action.objectstore('todolist'); const objectstorerequest = objectstore.add(newitem); }; ...
IDBIndex.getAll() - Web APIs
xceeds the number of records in the query, the browser will only retrieve the first item.
...he browser will only retrieve the first item.
IDBIndex.getAllKeys() - Web APIs
xceeds the number of records in the query, the browser will only retrieve the first item.
...he browser will only retrieve the first item.
IDBRequest: error event - Web APIs
{ unique: false }); objectstore.createindex('minutes', 'minutes', { unique: false }); objectstore.createindex('day', 'day', { unique: false }); objectstore.createindex('month', 'month', { unique: false }); objectstore.createindex('year', 'year', { unique: false }); }); dbopenrequest.addeventlistener('success', event => { const db = dbopenrequest.result; // open a read/write db trans
action, ready for adding the data const trans
action = db.trans
action(['todolist'], 'readwrite'); const objectstore = trans
action.objectstore('todolist'); const newitem = { tasktitle: 'my task', hours: 10, minutes: 10, day: 10, month: 'january', year: 2020 }; const objectstorerequest = objectstore.add(newitem); objectstorerequest.addeventlistener('error', () => { console.log(`error adding ...
...'hours', 'hours', { unique: false }); objectstore.createindex('minutes', 'minutes', { unique: false }); objectstore.createindex('day', 'day', { unique: false }); objectstore.createindex('month', 'month', { unique: false }); objectstore.createindex('year', 'year', { unique: false }); }; dbopenrequest.onsuccess = event => { const db = dbopenrequest.result; // open a read/write db trans
action, ready for adding the data const trans
action = db.trans
action(['todolist'], 'readwrite'); const objectstore = trans
action.objectstore('todolist'); const newitem = { tasktitle: 'my task', hours: 10, minutes: 10, day: 10, month: 'january', year: 2020 }; const objectstorerequest = objectstore.add(newitem); objectstorerequest.onerror = () => { console.log(`error adding new item: ${newi...
IDBRequest.onerror - Web APIs
m the idbobjectstore (made available as objectstoretitlerequest.result), updates one property of the record, and then puts the updated record back into the object store.
...jectstoretitlerequest.result), updates one property of the record, and then puts the updated record back into the object store.
IDBRequest.onsuccess - Web APIs
; example the following example requests a given record title, onsuccess gets the associated record from the idbobjectstore (made available as objectstoretitlerequest.result), updates one property of the record, and then puts the updated record back into the object store.
... a given record title, onsuccess gets the associated record from the idbobjectstore (made available as objectstoretitlerequest.result), updates one property of the record, and then puts the updated record back into the object store.
IDBRequest.readyState - Web APIs
iated record from the idbobjectstore (made available as objectstoretitlerequest.result), updates one property of the record, and then puts the updated record back into the object store in another request.
... available as objectstoretitlerequest.result), updates one property of the record, and then puts the updated record back into the object store in another request.
IDBRequest.result - Web APIs
y example the following example requests a given record title, onsuccess gets the associated record from the idbobjectstore (made available as objectstoretitlerequest.result), updates one property of the record, and then puts the updated record back into the object store.
... a given record title, onsuccess gets the associated record from the idbobjectstore (made available as objectstoretitlerequest.result), updates one property of the record, and then puts the updated record back into the object store.
IDBRequest.source - Web APIs
ssociated record from the idbobjectstore (made available as objectstoretitlerequest.result), updates one property of the record, and then puts the updated record back into the object store in another request.
...made available as objectstoretitlerequest.result), updates one property of the record, and then puts the updated record back into the object store in another request.
KeyboardEvent.keyCode - Web APIs
t useful for printable characters, especially those input with the shift or alt key pressed.
... if (event.defaultprevented) { return; // should do nothing if the default
action has been cancelled } var handled = false; if (event.key !== undefined) { // handle the event with keyboardevent.key and set handled true.
LockManager.request() - Web APIs
lock for a given name is held, no other lock with the same name can be held.
..., but no "exclusive" locks with that name can be held or granted.
MediaStream - Web APIs
removed from the specification; you should instead check the value of mediastreamtrack.readystate to see if its value is ended for the track or tracks you want to ensure have finished playing.
... want to ensure have finished playing.
Navigator.mediaSession - Web APIs
ect that can be used to share with the browser metadata and other information about the current playback state of media being handled by a document.
... system in order to a device's standard media control user experience to describe and control the playback of the media.
PaymentResponse.complete() - Web APIs
the paymentrequest method complete() of the payment request api notifies the user agent that the user inter
action is over, and causes any remaining user interface to be closed.
... completion.
PaymentResponse - Web APIs
the paymentresponse interface of the payment request api is returned after a user selects a payment method and approves a payment request.
... wrong with the payment response's data (and there is a recoverable error), this method allows a merchant to request that the user retry the payment.
Payment processing concepts - Web APIs
ayment method and the user's payment request; for example, if the user chooses to pay using a credit card that isn't accepted by the payee, the payment can't be made.
... payment can't be made.
PointerEvent.isPrimary - Web APIs
nter that caused the event to be fired is the primary device and returns false otherwise.
... are being used concurrently, multiple pointers (one for each pointertype) are considered primary.
Using Pointer Events - Web APIs
ontact with the surface.
... text below uses the term "finger" when describing the contact with the surface, but it could, of course, also be a stylus, mouse, or other method of pointing at a location.
ReadableByteStreamController.error() - Web APIs
the error() method of the readablebytestreamcontroller interface causes any future inter
actions with the associated stream to error.
... the error() method of the readablebytestreamcontroller interface causes any future inter
actions with the associated stream to error.
ReadableStreamDefaultController.error() - Web APIs
the error() method of the readablestreamdefaultcontroller interface causes any future inter
actions with the associated stream to error.
... the error() method of the readablestreamdefaultcontroller interface causes any future inter
actions with the associated stream to error.
TextTrack.mode - Web APIs
disabled, unless the default boolean attribute is specified, in which case the default mode is showing.
...hen the mode is showing, text tracks are performed.
VTTCue() - Web APIs
the vttcue() constructor creates and returns a new vttcue object.
...ing the beginning of the range of the media data to which this cue applies.
VTTCue - Web APIs
the vttcue interface—part of the api for handling webvtt (text tracks on media presentations)—describes and controls the text track associated with a particular <track> element.
...e text track associated with a particular <track> element.
Raining rectangles - Web APIs
« previousnext » a simple webgl game that demonstrates clearing with solid colors, scissoring, animation, and user inter
action.
... « previousnext » a simple webgl game that demonstrates clearing with solid colors, scissoring, animation, and user inter
action.
Simple color animation - Web APIs
« previousnext » a very basic color animation created using webgl, performed by clearing the drawing buffer with a different random color every second.
... buffer with a different random color every second.
Window.open() - Web APIs
<p><a href="http://www.spreadfirefox.com/" target="promotefirefoxwindowname" onclick="openffpromotionpopup(); return false;" title="this link will create a new window or will re-use an already opened one" >promote firefox adoption</a></p> the above code solves a few usability problems related to links opening secondary window.
...up(); return false;" title="this link will create a new window or will re-use an already opened one" >promote firefox adoption</a></p> the above code solves a few usability problems related to links opening secondary window.
WindowOrWorkerGlobalScope.clearInterval() - Web APIs
the clearinterval() method of the windoworworkerglobalscope mixin cancels a timed, repeating
action which was previously established by a call to setinterval().
... the clearinterval() method of the windoworworkerglobalscope mixin cancels a timed, repeating
action which was previously established by a call to setinterval().
Synchronous and asynchronous requests - Web APIs
onsole.error(xhr.statustext); } } }; xhr.onerror = function (e) { console.error(xhr.statustext); }; xhr.send(null); line 2 specifies true for its third parameter to indicate that the request should be handled asynchronously.
...e a simple synchronous request.
XMLHttpRequestEventTarget.onabort - Web APIs
the xmlhttprequesteventtarget.onabort is the function called when an xmlhttprequest trans
action is aborted, such as when the xmlhttprequest.abort() function is called.
... the xmlhttprequesteventtarget.onabort is the function called when an xmlhttprequest trans
action is aborted, such as when the xmlhttprequest.abort() function is called.
XMLHttpRequestEventTarget.onerror - Web APIs
the xmlhttprequesteventtarget.onerror is the function called when an xmlhttprequest trans
action fails due to an error.
...en an xmlhttprequest trans
action fails due to an error.
XMLHttpRequestEventTarget.onloadstart - Web APIs
the xmlhttprequesteventtarget.onloadstart is the function called when an xmlhttprequest trans
action starts transferring data.
... the xmlhttprequesteventtarget.onloadstart is the function called when an xmlhttprequest trans
action starts transferring data.
XRSession.onsqueezestart - Web APIs
the xrsession interface's onsqueezestart event handler property can be set to a function which is then invoked to handle the squeezestart event that's sent when the user successfully begins a primary squeeze
action on a webxr input device.
... the xrsession interface's onsqueezestart event handler property can be set to a function which is then invoked to handle the squeezestart event that's sent when the user successfully begins a primary squeeze
action on a webxr input device.
Using the link role - Accessibility
using the operating system's accessibility api if it supports it.
...ink function navigatelink(e) { if (e.type === 'click' || e.key === 'enter') { let ref = e.target != null ?
ARIA annotations - Accessibility
tions, which allow the creation of accessible annotations inside web documents.
...ontaining text that is marked/highlighted for reference purposes.
ARIA: alert role - Accessibility
often to tell the user an element has been dynamically updated.
...d with css or javascript, it would automatically trigger the screen reader to read out the content.
ARIA: figure role - Accessibility
nd properties aria-describedby the id of an element containing reference text serving as a caption.
...d of an element containing reference text serving as a caption.
ARIA: row role - Accessibility
a-colindex, aria-level, aria-rowindex, and aria-selected.
...d or treegrid, indicating the position, or index, of each row.
ARIA: tab role - Accessibility
ve, they should have their aria-selected attribute set to true, otherwise it should be set to false.
...ir aria-selected attribute set to true, otherwise it should be set to false.
ARIA: table role - Accessibility
udes cells that span multiple rows or multiple columns, then aria-rowspan or aria-colspan should be included as well.
...ria-colcount="-1".
Alerts - Accessibility
orm, for example — that you want to put some accessible error checking into.
... inputs?
ARIA - Accessibility
accessible rich internet applications (aria) is a set of attributes that define ways to make web content and web applications (especially those developed with javascript) more accessible to people with disabilities.
...screen reader software.
Web Accessibility: Understanding Colors and Luminance - Accessibility
understaning color, luminance, and saturation is important in meeting wcag 2 accessibility guidelines in terms of ensuring enough color contrast for sighted users with color blindness or reduced vision and preventing seizures and other physical re
actions in people with vestibular disorders.
..."l" in hsl stands for luminance, and sometimes, for luminosity -- and also, has been referred to as "lightness" luminance and brightness are not the same.
Keyboard - Accessibility
a pointing device, such as a mouse, then it should also be focusable using the keyboard, and the user should be able to do something by interacting with it.
...ractive elements must be able to be activated using a keyboard if the user can interact with an element using touch or a pointing device, then the element should also support interacting using the keyboard.
Resizing background images with background-size - CSS: Cascading Style Sheets
background-size css property offers two special size values, contain and cover.
...ound-size: contain; width: 160px; height: 160px; border: 2px solid; color: pink; resize: both; overflow: scroll; } result cover the cover value specifies that the background image should be sized so that it is as small as possible while ensuring that both dimensions are greater than or equal to the corresponding size of the container.
Basic Concepts of grid layout - CSS: Cascading Style Sheets
{ border: 2px solid #f76707; border-radius: 5px; background-color: #fff4e6; } .wrapper > div { border: 2px solid #ffa94d; border-radius: 5px; background-color: #ffd8a8; padding: 1em; color: #d9480f; } the fr unit tracks can be defined using any length unit.
...ground-color: #ffd8a8; padding: 1em; color: #d9480f; } in this next example, we create a definition with a 2fr track then two 1fr tracks.
<color> - CSS: Cascading Style Sheets
that appear 3-d due to two concentric layers of surrounding border.
...rpolation of colors happens in the alpha-premultiplied srgba color space to prevent unexpected gray colors from appearing.
max() - CSS: Cascading Style Sheets
notes math expressions involving percentages for widths and heights on table columns, table column groups, table rows, table row groups, and table cells in both auto and fixed layout tables may be treated as if auto had been specified.
...nd table cells in both auto and fixed layout tables may be treated as if auto had been specified.
min() - CSS: Cascading Style Sheets
notes math expressions involving percentages for widths and heights on table columns, table column groups, table rows, table row groups, and table cells in both auto and fixed layout tables may be treated as if auto had been specified.
...nd table cells in both auto and fixed layout tables may be treated as if auto had been specified.
Audio and Video Delivery - Developer guides
one of the principle uses of eme is to allow browsers to implement drm (digital rights management), which helps to prevent web-based content (especially video) from being copied.
...o the audio/video api.
Mouse gesture events - Developer guides
veral mozilla-specific dom events used to handle mouse gestures.
... can be made with a mouse or trackpad and can be interpreted to perform specific tasks.
Making content editable - Developer guides
64 and firefox-specific html editing ui has been deprecated for additional details.
...r: pointer; } img.intlink { border: 0; } #toolbar1 select { font-size:10px; } #textbox { width: 540px; height: 200px; border: 1px #000000 solid; padding: 12px; overflow: scroll; } #textbox #sourcetext { padding: 0; margin: 0; min-width: 498px; min-height: 200px; } #editmode label { cursor: pointer; } </style> </head> <body onload="initdoc();"> <form name="compform" method="post"
action="sample.php" onsubmit="if(validatemode()){this.mydoc.value=odoc.innerhtml;return true;}return false;"> <input type="hidden" name="mydoc"> <div id="toolbar1"> <select onchange="formatdoc('formatblock',this[this.selectedindex].value);this.selectedindex=0;"> <option selected>- formatting -</option> <option value="h1">title 1 <h1></option> <option value="h2">title 2 <h2></option> <option ...
Date and time formats used in HTML - HTML: Hypertext Markup Language
llowed.
... january 28, 1986 at 11:38:00.01 am 1986-01-28 11:38:00.010 1986-01-28t11:38:00.011 january 28, 1986 at 11:38:00.01 am 0170-07-31t22:00:00 0170-07-31t22:002 july 31, 170 at 10:00 pm notice that after normalization, this is the same string as the previous datetime-local string.
<input type="range"> - HTML: Hypertext Markup Language
similar to the -moz-orient non-standard css property impacting the <progress> and <meter> elements, the orient attribute defines the orientation of the range slider.
...mal places, you should set the value of step to 0.01: <input type="range" min="5" max="10" step="0.01"> if you want to accept any value regardless of how many decimal places it extends to, you can specify a value of any for the step attribute: <input type="range" min="0" max="3.14" step="any"> this example lets the user select any value between 0 and π without any restriction on the fr
actional part of the value selected.
Evolution of HTTP - HTTP
d by a response to that request): get /myimage.gif http/1.0 user-agent: ncsa_mosaic/2.0 (windows 3.1) 200 ok date: tue, 15 nov 1994 08:12:32 gmt server: cern/3.0 libwww/2.17 content-type: text/gif (image content) these novelties have not been introduced as concerted effort, but as a try-and-see approach over the 1991-1995 period: a server and a browser added one feature and it saw if it got tr
action.
...it has been further extended for specific applications like carddav to handle address book entries and caldav to deal with calendars.
NEL - HTTP
the http nel response header is used to configure network request logging.
... the http nel response header is used to configure network request logging.
X-Frame-Options - HTTP
uration: rspadd x-frame-options:\ sameorigin alternatively, in newer versions: http-response set-header x-frame-options sameorigin configuring express to configure express to send the x-frame-options header, you can use helmet which uses frameguard to set the header.
...nfiguring express to configure express to send the x-frame-options header, you can use helmet which uses frameguard to set the header.
SyntaxError: JSON.parse: bad parsing - JavaScript
g literal syntaxerror: json.parse: bad character in string literal syntaxerror: json.parse: bad unicode escape syntaxerror: json.parse: bad escape character syntaxerror: json.parse: unterminated string syntaxerror: json.parse: no number after minus sign syntaxerror: json.parse: unexpected non-digit syntaxerror: json.parse: missing digits after decimal point syntaxerror: json.parse: unterminated fr
actional number syntaxerror: json.parse: missing digits after exponent indicator syntaxerror: json.parse: missing digits after exponent sign syntaxerror: json.parse: exponent part is missing a number syntaxerror: json.parse: unexpected end of data syntaxerror: json.parse: unexpected keyword syntaxerror: json.parse: unexpected character syntaxerror: json.parse: end of data while reading object contents s...
... instead write "foo": json.parse('{"foo": 1}'); leading zeros and decimal points you cannot use leading zeros, like 01, and decimal points must be followed by at least one digit.
Math.pow() - JavaScript
he exponent are in decimal numeral system.
... math.pow(7, -2); // 0.02040816326530612 (1/49) math.pow(8, -1/3); // 0.5 // signed bases math.pow(-7, 2); // 49 (squares are positive) math.pow(-7, 3); // -343 (cubes can be negative) math.pow(-7, 0.5); // nan (negative numbers don't have a real square root) // due to "even" and "odd" roots laying close to each other, // and limits in the floating number precision, // negative bases with fr
actional exponents always return nan math.pow(-7, 1/3); // nan specifications specification ecmascript (ecma-262)the definition of 'math.pow' in that specification.
Number.prototype.toFixed() - JavaScript
00, inclusive, will not cause a rangeerror.
... or equal to 1e+21, this method simply calls number.prototype.tostring() and returns a string in exponential notation.
Number - JavaScript
er is a primitive wrapper object used to represent and manipulate numbers like 37 or -9.25.
...ger() determine whether the passed value is an integer.
String.prototype.slice() - JavaScript
t as a new string, without modifying the original string.
...tax str.slice(beginindex[, endindex]) parameters beginindex the zero-based index at which to begin extr
action.
<mstyle> - MathML
ions: height, depth or width do not apply to <mglyph>, <mpadded> or <mtable>.
... depth or width do not apply to <mglyph>, <mpadded> or <mtable>.
Lazy loading - Web Performance
lazy loading is a strategy to identify resources as non-blocking (non-critical) and load these only when needed.
...xt rendering.
Web Performance
web performance is the objective measurements and the perceived user experience of load time and runtime.
...s, networks, and groups of people we need to consider when thinking about performance, and how we can make performance part of our web development workflow.
How to make PWAs re-engageable using Notifications and Push - Progressive web apps (PWAs)
previous overview: progressive next having the ability to cache the contents of an app to work offline is a great feature.
...d("notifications"); button.addeventlistener('click', function(e) { notification.requestpermission().then(function(result) { if(result === 'granted') { randomnotification(); } }); }); this shows a popup using the operating system’s own notifications service: when the user confirms to receive notifications, the app can then show them.
Media - Progressive web apps (PWAs)
a user interface, like computer displays.
...round the entire button when it is the default, and a dotted outline on the face of the button when it has keyboard focus.
Progressive web apps (PWAs)
call a web app a pwa, technically speaking it should have the following features: secure contexts (https), one or more service workers, and a manifest file.
...e with a properly-configured web manifest, and how the user can then install the pwa with the "add to home screen" feature of their browser.how to make pwas re-engageable using notifications and pushhaving the ability to cache the contents of an app to work offline is a great feature.
repeatCount - SVG: Scalable Vector Graphics
t x="120" y="0" width="100" height="100"> <animate attributetype="xml" attributename="y" from="0" to="50" dur="1s" repeatcount="indefinite"/> </rect> </svg> usage notes value <number> | indefinite default value none animatable no <number> this value specifies the number of iterations.
...th="100" height="100"> <animate attributetype="xml" attributename="y" from="0" to="50" dur="1s" repeatcount="indefinite"/> </rect> </svg> usage notes value <number> | indefinite default value none animatable no <number> this value specifies the number of iterations.
SVG: Scalable Vector Graphics
em, without the need of a graphical editor to do so.
...ss feed tools svg test suite markup validator more tools...
How to turn off form autocompletion - Web security
erion can be passed (by adding the relevant autocomplete attributes to individual form fields) even when autocompletion for the form itself has been turned off.
... individual form fields) even when autocompletion for the form itself has been turned off.
Using the WebAssembly JavaScript API - WebAssembly
ct) .then(obj => obj.instance.exports.exported_func()); the net result of this is that we call our exported webassembly function exported_func, which in turn calls our imported javascript function imported_func, which logs the value provided inside the webassembly instance (42) to the console.
...e instance can use 0–1 table instances — this is the "function address space" of the instance, used to implement c function pointers.
Cross-domain Content Scripts - Archive of obsolete content
a "show" message when it is shown adds a button which shows the panel when it is clicked // main.js var data = require("sdk/self").data; var forecast_panel = require("sdk/panel").panel({ height: 50, contenturl: data.url("panel.html"), contentscriptfile: data.url("panel-script.js") }); forecast_panel.on("show", function(){ forecast_panel.port.emit("show"); }); require("sdk/ui/button/
action").
actionbutton({ id: "get-forecast", label: "get the forecast", icon: "./icon-16.png", onclick: function() { forecast_panel.show(); } }); the "panel.html" just includes a <div> block for the forecast: <!doctype html> <!-- panel.html --> <html> <head></head> <body> <div id="forecast_summary"></div> </body> </html> the "panel-script.js" uses xmlhttprequest to fetch the...
core/promise - Archive of obsolete content
rve single resolution of all of them is as simple as this: var group = promised(array); var abc = group(aasync, basync, casync).then(function(items) { return items[0] + items[1] + items[2]; }); all the all function is provided to consume an array of promises and return a promise that will be accepted upon the acceptance of all the promises in the initial array.
CSS3 - Archive of obsolete content
al new css properties to control it: flex, flex-align, flex-direction, flex-flow, flex-item-align, flex-line-pack, flex-order, flex-pack, and flex-wrap.
downloading - Archive of obsolete content
the downloading event is fired after checking 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.
updateready - Archive of obsolete content
the updateready 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.
JXON - Archive of obsolete content
right;", "keyvalue": "quantity:" }, "td": { "input": { "@type": "text", "@name": "myinput", "@onkeypress": "return numbersonly(this, event);", "@onpaste": "return false;" } } }] }, "p": { "input": { "@type": "submit", "@value": "purchase!" } }, "@
action": "https://secure-test.worldpay.com/wcc/purchase", "@name": "buyform", "@method": "post" } }); will populate the previous element in the following way: <div id="form_container"> <form
action="https://secure-test.worldpay.com/wcc/purchase" name="buyform" method="post"> <script type="text/javascript"> function numbersonly(otocheckfield, okeyevent) { return okeyevent.
List of Mozilla-Based Applications - Archive of obsolete content
browser for mac os 9 clines a clone of color lines (game) standalone version cloud web operating system cloud browse iphone/ipad/ipod touch browser seems to be firefox running remotely on servers that people access through device conkeror keyboard-oriented browser convertigo enterprise mashup server server tool for trans
actional web scraping and for web clipping cometbird another firefox mod modified version of firefox correo email couac (fr) web-based email and jabber app couchdb document-oriented database uses spidermonkey courtanet benefit (fr) underwriting software for french insurance brokers crosscheck browserless testin...
UI - Archive of obsolete content
styled content element to display jetpack content tabs adding events and interacting with browser tabs and their contained documents statusbar low-level functions and basic calls notifications a system for alerting users via provided ui mechanisms selection interacting with user-selected content window mitigates and eases inter
actions between different browser windows ...
jspage - Archive of obsolete content
put","delete"].each(function(b){a[b]=function(){var c=array.link(arguments,{url:string.type,data:$defined}); return this.send($extend(c,{method:b}));};});request.implement(a);})();element.properties.send={set:function(a){var b=this.retrieve("send");if(b){b.cancel(); }return this.eliminate("send").store("send:options",$extend({data:this,link:"cancel",method:this.get("method")||"post",url:this.get("
action")},a));},get:function(a){if(a||!this.retrieve("send")){if(a||!this.retrieve("send:options")){this.set("send",a); }this.store("send",new request(this.retrieve("send:options")));}return this.retrieve("send");}};element.implement({send:function(a){var b=this.get("send"); b.send({data:this,url:a||b.options.url});return this;}});request.html=new class({extends:request,options:{update:false,append:fals...
BlogPosts - Archive of obsolete content
just browsing: mozilla prism update thanscorner: mozilla prism - webrunner with pazzaz mozilla prism - a revolution in web apps thanscorner: mozilla webrunner 0.7 site specific browsers webrunner using webrunner webrunner + gears = offline desktop reader webrunner 0.5 webrunner 0.5 - mac support webrunner 0.5 - linux install webrunner, google reader, and google notebook distr
action free gtd - 32+ web app files for online todo lists mozilla webrunner: a one-window, tabless browser with no url bar webrunner becomes prism - a mozilla labs project mozilla labs: prism alex faaborg: prism mozilla prism: bringing web apps to the desktop everyone should use site specific browsers mozilla prism portable (spanish) prism, l'avenir des applications web selon mozilla (french) mozilla prism : bundle c...
Space Manager High Level Design - Archive of obsolete content
r nsbanddata nsblockbanddata bandrect / bandlist (private structs) frameinfo (private struct) nsbandtrapezoid outside of the space manager itself, the clients of the space manager also play an important part in the management of he available and used space.
setValueString - Archive of obsolete content
alue); parameters the method has the following parameters: subkey the key path to the appropriate location in the key hierarchy, such as "software\\netscape\\navigator\\mail".
reserved - Archive of obsolete content
keyboard shortcut for that is accel-t, then this code will not work as expected, as compared to when it is run from web content: document.addeventlistener("keydown", handlekey, true); function handlekey(event) { // listen for the "new tab" shortcut if (event.metakey && (event.key == "t")) { // log a message console.log("intercepted accel-t"); // prevent the default browser
action event.preventdefault(); event.stoppropagation(); } } currently, this event handler as coded above runs and logs the message, but the default behavior persists.
Attribute (XUL) - Archive of obsolete content
type setfocus showcaret showcommentcolumn showpopup size sizemode sizetopopup smoothscroll sort sortactive sortdirection sortresource sortresource2 spellcheck src state statedatasource statusbar statustext style subject substate suppressonselect tabindex tabscrolling targets template timeout title toolbarname tooltip tooltiptext tooltiptextnew top type uri user
action validate value var visuallyselected wait-cursor width windowtype wrap wraparound ...
Property - Archive of obsolete content
sessioncount sessionhistory showcommentcolumn showpopup size smoothscroll spinbuttons src state statusbar statustext stringbundle strings style subject suppressonselect tabcontainer tabindex tabs tabscrolling tabpanels tag textlength textvalue timeout title toolbarname toolbarset tooltip tooltiptext top treeboxobject type uri user
action 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 ...
Additional Navigation - Archive of obsolete content
?photo = http://www.xulplanet.com/ndeakin/images/t/palace.jpg) (?start = http://www.daml.org/2001/09/countries/iso#it, ?countrytitle = italy, ?photo = http://www.xulplanet.com/ndeakin/images/t/obselisk.jpg) the third triple just grabs the title from the photo as previous examples did, adding a value for the ?title variable for each photo.
Multiple Queries - Archive of obsolete content
rce: <hbox id="photoslist" datasources="template-guide-photos3.rdf" ref="http://www.xulplanet.com/rdf/myphotos"> <template> <queryset> <query> <content uri="?start"/> <member container="?start" child="?photo"/> <triple subject="?photo" predicate="http://purl.org/dc/elements/1.1/title" object="canal"/> </query> <
action> <button uri="?photo" image="?photo" label="view" orient="vertical"/> </
action> </queryset> <queryset> <query> <content uri="?start"/> <member container="?start" child="?photo"/> </query> <
action> <image uri="?photo" src="?photo"/> </
action> </queryset> </template> </hbox> this template contains two queries, the first co...
Template Guide - Archive of obsolete content
basics of xul templates introduction rule compilation rdf template syntax result generation rdf query syntax
actions recursive generation simple example bindings additional navigation filtering static content simple query syntax containment properties xml template syntax xml templates xml assignments sql template syntax sqlite templates common template syntax attribute substitution multiple rules using recursive templates building menus with templates special condition tests multiple queries using multiple queries to generate more results building trees with templates building trees building hierarchical trees template modifications template builder interface template and tree listeners rdf modifications additional topics sorting...
Custom Tree Views - Archive of obsolete content
: function(row){ return false; }, issorted: function(){ return false; }, getlevel: function(row){ return 0; }, getimagesrc: function(row,col){ return null; }, getrowproperties: function(row,props){}, getcellproperties: function(row,col,props){}, getcolumnproperties: function(colid,col,props){} }; the functions in the example not described above do not need to perform any
action, but they must be implemented as the tree calls them to gather additional information.
Tree View Details - Archive of obsolete content
+ 1, 0, [toinsert[i], false]); } this.treebox.rowcountchanged(idx + 1, toinsert.length); } this.treebox.invalidaterow(idx); }, getimagesrc: function(idx, column) {}, getprogressmode : function(idx,column) {}, getcellvalue: function(idx, column) {}, cycleheader: function(col, elem) {}, selectionchanged: function() {}, cyclecell: function(idx, column) {}, perform
action: function(
action) {}, perform
actiononcell: function(
action, index, column) {}, getrowproperties: function(idx, prop) {}, getcellproperties: function(idx, column, prop) {}, getcolumnproperties: function(column, element, prop) {}, }; function init() { document.getelementbyid("elementlist").view = treeview; } ]]></script> </window> next, we'll look in more detail at the tree box objec...
Accessibility/XUL Accessibility Reference - Archive of obsolete content
see tree treecols see tree treeitem see tree treerow see tree elements that do not expose anything to screen readers/have no discovered accessibility issues yet: arrowscrollbox bbox box grippy hbox menuseparator overlay page script spacer splitter stringbundle stringbundleset vbox window elements not processed yet:
action binding bindings broadcaster broadcasterset conditions content dialog dialogheader editor listcell member observes preference preferences prefpane prefwindow resizer richlistbox richlistitem resizer rule scrollbar scrollbox scrollcorner separator template textnode titlebar toolbar toolbarbutton toolbargrippy toolbaritem toolbarpalette toolbarseparator toolbarset...
checkbox - Archive of obsolete content
in a menu you can add the following css rule when you want to use the value none: menupopup > menuitem, menupopup > menu { max-width: none; } disabled type: boolean indicates whether the element is disabled or not.
colorpicker - Archive of obsolete content
r, onchange, preference, tabindex, type properties accessibletype, color, disabled, open, tabindex, value examples <colorpicker/> attributes disabled type: boolean indicates whether the element is disabled or not.
command - Archive of obsolete content
" oncommand="alert('help');"/></commandset> <button label="help" command="cmd_openhelp"/> <button label="more help" command="cmd_openhelp"/> attributes disabled type: boolean indicates whether the element is disabled or not.
datepicker - Archive of obsolete content
month, monthleadingzero, open, readonly, tabindex, value, year, yearleadingzero examples <datepicker type="grid" value="2007-03-26"/> attributes disabled type: boolean indicates whether the element is disabled or not.
description - Archive of obsolete content
in a menu you can add the following css rule when you want to use the value none: menupopup > menuitem, menupopup > menu { max-width: none; } disabled type: boolean indicates whether the element is disabled or not.
elements - Archive of obsolete content
a
action arrowscrollbox b bbox binding bindings box broadcaster broadcasterset button browser c checkbox caption colorpicker column columns commandset command conditions content d deck description dialog dialogheader e editor grid grippy groupbox h hbox i iframe image k key keyset l label listbox listcell listcol listcols listhead listheader listitem m member menu menubar menuitem menulist menupopup menuseparator o observes overlay p page popup popupset preference preferences prefpane prefwindow progressmeter r radio radiogroup resizer richlistbox richlistitem resizer row rows rule s script scrollbar scrollbox scrollcorner ...
key - Archive of obsolete content
nd, phase examples (example needed) attributes command type: id set to the id of a command element that is being observed by the element.
keyset - Archive of obsolete content
type, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width disabled type: boolean indicates whether the element is disabled or not.
label - Archive of obsolete content
in a menu you can add the following css rule when you want to use the value none: menupopup > menuitem, menupopup > menu { max-width: none; } disabled type: boolean indicates whether the element is disabled or not.
listbox - Archive of obsolete content
ument.createelement('listcell'); cell.setattribute('label', gems[i].price ); row.appendchild(cell); thelist.appendchild(row); } attributes disabled type: boolean indicates whether the element is disabled or not.
listcell - Archive of obsolete content
in a menu you can add the following css rule when you want to use the value none: menupopup > menuitem, menupopup > menu { max-width: none; } disabled type: boolean indicates whether the element is disabled or not.
listheader - Archive of obsolete content
abel="candle maker"/> </listitem> <listitem> <listcell label="roger"/> <listcell label="swashbuckler"/> </listitem> </listbox> attributes disabled type: boolean indicates whether the element is disabled or not.
menu - Archive of obsolete content
in a menu you can add the following css rule when you want to use the value none: menupopup > menuitem, menupopup > menu { max-width: none; } disabled type: boolean indicates whether the element is disabled or not.
menuseparator - Archive of obsolete content
in a menu you can add the following css rule when you want to use the value none: menupopup > menuitem, menupopup > menu { max-width: none; } disabled type: boolean indicates whether the element is disabled or not.
radio - Archive of obsolete content
in a menu you can add the following css rule when you want to use the value none: menupopup > menuitem, menupopup > menu { max-width: none; } disabled type: boolean indicates whether the element is disabled or not.
radiogroup - Archive of obsolete content
> <radio id="orange" label="red"/> <radio id="violet" label="green" selected="true"/> <radio id="yellow" label="blue"/> </radiogroup> attributes disabled type: boolean indicates whether the element is disabled or not.
richlistitem - Archive of obsolete content
abel, selected, tabindex, value properties accessible, control, disabled, label, selected, tabindex, value examples (example needed) attributes disabled type: boolean indicates whether the element is disabled or not.
tab - Archive of obsolete content
in a menu you can add the following css rule when you want to use the value none: menupopup > menuitem, menupopup > menu { max-width: none; } disabled type: boolean indicates whether the element is disabled or not.
timepicker - Archive of obsolete content
pm, minute, minuteleadingzero, pmindicator, readonly, second, secondleadingzero, tabindex, value examples <timepicker value="12:05"/> attributes disabled type: boolean indicates whether the element is disabled or not.
tree - Archive of obsolete content
<treecell label="ba"/> </treerow> </treeitem> </treechildren> </treeitem> </treechildren> </tree> attributes disabled type: boolean indicates whether the element is disabled or not.
where - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] indicate a condition that must match for a template result to be used.
2006-11-10 - Archive of obsolete content
summary: mozilla.dev.accessibility - oct 28-nov 10, 2006 announcements acm trans
actions on accessible computing "trans
actions on accessible computing (taccess) is a quarterly journal that publishes refereed articles addressing issues of computing as it impacts the lives of people with disabilities." read more...
-ms-wrap-through - Archive of obsolete content
use the -ms-wrap-through property to control the effect of exclusions; for instance, to cause one content block to wrap around an exclusion element and another to intersect the same exclusion element.
WAI-ARIA basics - Learn web development
creenreaders tend to have difficulty with reporting constantly changing content; with aria we can use aria-live to inform screenreader users when an area of content is updated, e.g.
Cascade and inheritance - Learn web development
total specificity h1 0 0 0 1 0001 h1 + p::first-letter 0 0 0 3 0003 li > a[href*="en-us"] > .inline-warning 0 0 2 2 0022 #identifier 0 1 0 0 0100 no selector, with a rule inside an element's style attribute 1 0 0 0 1000 before we move on, let's look at an example in
action.
Grids - Learn web development
iner"> <div>one</div> <div>two</div> <div>three</div> <div>four</div> <div>five</div> <div>six</div> <div>seven</div> </div> .container { display: grid; grid-template-columns: 200px 200px 200px; } flexible grids with the fr unit in addition to creating grids using lengths and percentages, we can use the fr unit to flexibly size grid rows and columns.
Styling Vue components with CSS - Learn web development
="checkbox"] { -webkit-font-smoothing: antialiased; cursor: pointer; position: absolute; z-index: 1; top: -2px; left: -2px; width: 44px; height: 44px; margin: 0; opacity: 0; } .custom-checkbox > .checkbox-label { font-size: inherit; font-family: inherit; line-height: inherit; display: inline-block; margin-bottom: 0; padding: 8px 15px 5px; cursor: pointer; touch-
action: manipulation; } .custom-checkbox > label::before { content: ""; box-sizing: border-box; position: absolute; top: 0; left: 0; width: 40px; height: 40px; border: 2px solid currentcolor; background: transparent; } .custom-checkbox > input[type="checkbox"]:focus + label::before { border-width: 4px; outline: 3px dashed #228bec; } .custom-checkbox > label::after { box-sizing: c...
Learn web development
e web usable by everyone accessibility is the practice of making web content available to as many people as possible regardless of disability, device, locale, or other differentiating factors.
Accessibility API cross-reference
column n/a n/a n/a the heading of a table's column columnheader column_header column_header, table_column_header columnheader <th scope=col> edit control with drop down list box, different from droplist combobox combo_box combo_box combobox abstract role - a form of widget that performs an
action but does not receive input data.
Accessibility Features in Firefox
to the gw micro knowledge base for some of this information): adblock plus removes ads (and other objects, like banners) from web pages greasemonkey lets you add bits of javascript ("user scripts") to any web page to change its behavior.
Mozilla accessibility architecture
nsdocaccessible::onstatechange(), :nsdocaccessible:onlocationchange() nsiwebprogresslistener callback event_state_change (msaa) event_reorder (atk) dom mutation events - multiple uses dom mutation events are a great thing.
CSUN Firefox Materials
o the gw micro knowledge base for some of this information): adblock plus removes ads (and other objects, like banners) from web pages greasemonkey lets you add bits of javascript ("user scripts") to any web page to change its behavior.
Links and Resources
s looking to base their upcoming accessibility regulations on these guidelines.
What to do and what not to do in Bugzilla
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 seldomly, because only a fr
action of the hundreds of thousands bugs really block the development of mozilla and these are normally fixed very quickly.
Command line options
ns open, which components open initially, and what the components do when they open.
Debugging on Mac OS X
ot breakpoint to break on a function # that we know will both run early (which we want when we start first start the # app) and run frequently (which we want so that it will trigger asap if we # attach to an already running app).
Eclipse CDT
at allows you to open multiple tabs of these type.
smartcard-remove
the smartcard-remove event is fired when the removal of a smart card has been detected.
HTML parser threading
lder for speculatively scanning the tail of document.write() data when the parser blocks without parsing the document.write() data to completion.
AsyncShutdown.jsm
oveblocker(function|promise condition) methods addblocker () register a blocker for the completion of a phase.
Interfacing with the Add-on Repository
", prompt, null, /* anchor id */ { label: button, accesskey: "i", callback: function() { if (popupnotifications.install) { popupnotifications.install.install(); } else { popupnotifications.remove(box); } } }, null /* secondary
action */ ); } the code here starts by stashing the passed-in addoninstall object for later use, then creates and displays the pop-up notification box with the text and button label passed into the method.
Promise
a promise object represents a value that may not be available yet.
WebChannel.jsm
the webchannel.jsm javascript code module provides an abstr
action that uses the message manager and custom events apis to create a two-way communication channel between chrome and content code for specific origins (using a specific origin passed to the constructor or a lookup with nsipermissionmanager while also ensuring the scheme is https).
Webapps.jsm
pp) canceldownload: function canceldownload(amanifesturl, aerror) startofflinecachedownload: function(amanifest, aapp, aprofiledir, aisupdate) computemanifesthash: function(amanifest) updateapphandlers: function(aoldmanifest, anewmanifest, aapp) checkforupdate: function(adata, amm) doinstall: function doinstall(adata, amm) doinstallpackage: function doinstallpackage(adata, amm) pushcontent
action: function(windowid) popcontent
action: function(windowid)
actioncancelled: function(windowid) denyinstall: function(adata) _setupapp: function(adata, aid) _cloneapp: function(adata, anewapp, alocalemanifest, amanifest, aid, alocalid) _writemanifestfile: function(aid, aispackage, ajsonmanifest) _nextlocalid: function() _appidformanifesturl: function(auri) makeappid: function() _saveapps: ...
NSS Sample Code Sample1
edmackey) secitem_freeitem(mwrappedmackey, pr_true); if (menckey) pk11_freesymkey(menckey); if (mmackey) pk11_freesymkey(mmackey); } int server::init() { int rv = 0; seckeyprivatekey *prvkey = 0; seckeypublickey *pubkey = 0; pk11slotinfo *slot = 0; pk11rsagenparams rsaparams; secstatus s; // see if there is already a private key with this name.
NSS Sample Code Utilities_1
"non-alphabetic characters\n"); continue; } return (char*) port_strdup(phrase); } } /* * filepasswd extracts the password from a text file * * storing passwords is often used with server environments * where prompting the user for a password or requiring it * to be entered in the command line is not a feasible option.
Notes on TLS - SSL 3.0 Intolerant Servers
problem a number of netscape 6.x/7.x and mozilla users have reported that some secure sites -- typically sites featuring online trans
actions or online banking over the https protocol -- do not display any content at all.
PKCS11 FAQ
server products will use temporary session objects, even for "private key op only" tokens.) if a session key is unwrapped and stays on a hardware token, is it sufficient to support just the usual decryption mechanisms for it, or is it assumed that such a symmetric key will always be extractable from the token into the browser?
PKCS11 Implement
erent kinds of tokens: external key distribution tokens are used with corresponding plug-ins to distribute private keys.
NSPR functions
nspr is a platform abstr
action library that provides a cross-platform api to common os services.
Scripting Java
ty of javascript strings: js> javastring = new java.lang.string("java") java js> jsstring = "javascript" javascript js> javastring.length() 4 js> jsstring.length 10 rhino provides some help in reducing the differences between the two types.
Index
are also contained in the jsscript data structure.
Garbage collection
design overview spidermonkey has a mark-sweep garbage collection (gc) with incremental marking mode, generational collection, and comp
action.
Split object
statement to inject that window into its scope chain, gaining access to that window's privileges.
TPS History Lists
specific host, use an object with a host property to delete all history in a certain time period, use an object with begin and end properties, which should have integer values that express time since the present in hours (see date above) for example: var history_to_delete = [ { uri: "http://www.cnn.com/" }, { begin: -24, end: -1 }, { host: "www.google.com" } ]; history lists and phase
actions history lists cannot be modified, they can only be added, deleted, and verified, using the following functions: history.add history.delete history.verify history.verifynot ...
The Rust programming language
rust is a new open-source systems programming language created by mozilla and a community of volunteers, designed to help developers create fast, secure applications which take full advantage of the powerful features of modern multi-core processors.
Secure Development Guidelines
careful when working with threads, the file system, or signals track down shared resources and lock them accordingly for signal handlers never use non-atomic operations longjmp() is a sign of badness even exit() could cause problems, but _exit() is okay deadlocks and locking issues locks are used when dealing with threads acquiring more than one lock to perform an
action if a second thread acquires the same locks but in a different order, it causes denial of service since both threads will be waiting forever deadlocks and locking issues example func_a() { lock(locka); lock(lockb); ...
Handling Mozilla Security Bugs
tor has a legitimate need to keep a bug in the security-sensitive category for some reasonable additional time period, e.g., to get a new release distributed to users.
Gecko states
nts: concomitant state: state_selected state_linked indicates that the object is formatted as a hyperlink.
Querying Places
id = " + node.itemid + "\n"); break; case node.result_type_separator: dump("-----------\n"); break; } the result view interface if you are mapping a result into ui, you can implement the nsinavhistoryresultviewer interface and attach it to the result with the nsinavhistoryresult.viewer attribute.
Accessing the Windows Registry Using XPCOM
nents.interfaces.nsiwindowsregkey); wrk.open(wrk.root_key_local_machine, "software\\microsoft", wrk.access_read); var subkey = wrk.openchild("windows\\currentversion", wrk.access_read); var id = subkey.readstringvalue("productid"); subkey.close(); wrk.close(); once you've opened a registry key, you can begin to make use of it.
Components.Constructor
laces): var bis = components.classes["@mozilla.org/binaryinputstream;1"] .createinstance(components.interfaces.nsibinaryinputstream); bis.setinputstream(someinputstream); // assumes binaryinputstream was initialized previously var bis = new binaryinputstream(someinputstream); components.constructor() is purely syntactic sugar (albeit speedy and pretty syntactic sugar) for
actions that can be accomplished using other common methods.
Components.utils
that all functions come from the specified object's scope, and aren't cross-compartment wrappers.
IAccessibleImage
9 inherits from: iunknown last changed in gecko 1.9 (firefox 3) this interface is used for a representation of images like icons on buttons.
DefaultKeyBinding
« nsiaccessible page summary provides localized string of global keyboard accelerator for default
action, such as ctrl+o for open file (ctrl + o).
nsIChannel
ttributes, or by calling queryinterface() to retrieve a subclass of nsichannel for protocol-specific parameters.
nsIDOMChromeWindow
n a document has been loaded, the document can notify the default button of the document to the window by using this method.
nsIDOMWindowInternal
s the specified resource into the browsing context (window, <iframe> or tab) with the specified name.
nsIDOMWindowUtils
prevent_default is specified, the dispatching key event's default is prevented.
nsIEditorIMESupport
since gecko 1.9.1 void querycomposition(in nstexteventreplyptr areply); native code only!
nsIEditorMailSupport
editor/idl/nsieditormailsupport.idlscriptable provides simple editing
actions for the thunderbird mail editor.
nsIEventListenerService
g atype ); parameters aeventtarget the nsidomeventtarget for which to check if this has any listener for atype.
nsIFrameLoader
s method is its equivalent for cross-process event handling.
nsIHttpChannel
igin same as the default; only send the origin of the referring uri for cross-origin requests referrer_policy_unsafe_url always send the referrer, even when downgrading from https to http attributes attribute type description allowpipelining boolean this attribute is a hint to the channel to indicate whether or not the underlying http trans
action should be allowed to be pipelined with other trans
actions.
Using nsILoginManager
.nsilogininfo, "init" ); var logininfo = new nslogininfo( hostname, formsubmiturl, httprealm, username, password, usernamefield, passwordfield ); examples creating a login for a web page var formlogininfo = new nslogininfo( 'http://www.example.com', 'http://login.example.com', null, 'joe', 'secret123', 'uname', 'pword' ); this login would correspond to a html form such as: <form
action="http://login.example.com/foo/authenticate.cgi"> <div>please log in.</div> <label>username:</label> <input type="text" name="uname"> <label>password:</label> <input type="password" name="pword"> </form> creating a site authentication login var authlogininfo = new nslogininfo( 'http://www.example.com', null, 'exampleco login', 'alice', 'secret321', "", "" ); this would correspond to...
nsILoginManagerPrompter
ompttochangepasswordwithusernames([array, size_is(count)] in nsilogininfo logins, in pruint32 count, in nsilogininfo anewlogin); void prompttosavepassword(in nsilogininfo alogin); methods init() initialize the prompter.
nsIMsgFilterList
lterfileattribvalue nsimsgfilterlist::attribname = 3 const nsmsgfilterfileattribvalue nsimsgfilterlist::attribenabled = 4 const nsmsgfilterfileattribvalue nsimsgfilterlist::attribdescription = 5 const nsmsgfilterfileattribvalue nsimsgfilterlist::attribtype = 6 const nsmsgfilterfileattribvalue nsimsgfilterlist::attribscriptfile = 7 const nsmsgfilterfileattribvalue nsimsgfilterlist::attrib
action = 8 const nsmsgfilterfileattribvalue nsimsgfilterlist::attrib
actionvalue = 9 const nsmsgfilterfileattribvalue nsimsgfilterlist::attribcondition = 10 ...
nsINavHistoryResult
component of the pattern, and nsinavhistoryresultviewobserver is the controller.
nsINavHistoryResultViewer
parent, in nsinavhistoryresultnode anode, in unsigned long aoldindex ); parameters parent the container from which the item was removed.
nsIParserUtils
information that the content was viewed to third parties.
nsISHistoryListener
docshell/shistory/public/nsishistorylistener.idlscriptable an interface you can implement to receive notifications about activities that occur in session history, and optionally cancel them.
nsISessionStartup
sion type constants constant value description no_session 0 there's no data available from the previous session.
nsITaskbarPreview
t the preview is marked as active (currently selected) in the taskbar.
nsITextInputProcessorCallback
alse; break; } return true; } catch (e) { return false; } }, setcomposition: function simpleime_setcomposition(atext, aclauses, acaret) { if (!this._tip) { this._tip = components.classes["@mozilla.org/text-input-processor;1"].
nsIThread
this interface provides a high-level abstr
action for an operating system thread.
nsIZipReader
subsequent attempts to access a nsizipentry obtained from this zip reader will cause unspecified behavior.
nsMsgFilterFileAttribValue
t nsmsgfilterfileattribvalue attribversion = 1; const nsmsgfilterfileattribvalue attriblogging = 2; const nsmsgfilterfileattribvalue attribname = 3; const nsmsgfilterfileattribvalue attribenabled = 4; const nsmsgfilterfileattribvalue attribdescription = 5; const nsmsgfilterfileattribvalue attribtype = 6; const nsmsgfilterfileattribvalue attribscriptfile = 7; const nsmsgfilterfileattribvalue attrib
action = 8; const nsmsgfilterfileattribvalue attrib
actionvalue = 9; const nsmsgfilterfileattribvalue attribcondition = 10; const nsmsgfilterfileattribvalue attribcustomid = 11; ...
XPCOM
ingsan 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.monitoring http activitygecko includes the nsihttpactivityobserver interface, which you can implement in your code to monitor http trans
actions in real time, receiving a callback as the trans
actions take place.nscomptr versus refptrgecko code uses both nscomptr and refptr as smart pointers.
DB Views (message lists)
view is that instead of using the message database's nsmsgthread objects like the other view classes, it uses an nsmsggroupthread object, which also implements nsimsgthread.
Access Window
}, false); function isroot() { if(window != window.top) return "false"; else return "true"; } the example above tells you if the window object is a reference of the application window or of one of it is a tabs.
Detect Opening Folder
some
actions require execution every time you open a folder (for example, registering a custom column handler.
Use SQLite
this.dbschema.tables) adbconnection.createtable(name, this.dbschema.tables[name]); }, }; window.addeventlistener("load", function(e) { tbirdsqlite.onload(e); }, false); this is another practical sample on how to handle opendatabase and sql queries on the client side, using in-memory (blob) storage of 2mb: var db = opendatabase('mydb', '1.0', 'test db', 2 * 1024 * 1024); var msg; db.trans
action(function (tx) { tx.executesql('create table if not exists logs (id unique, log)'); tx.executesql('insert into logs (id, log) values (1, "foobar")'); tx.executesql('insert into logs (id, log) values (2, "logmsg")'); msg = '<p>log message created and row inserted.</p>'; document.queryselector('#status').innerhtml = msg; }); db.trans
action(function (tx) { tx.executesql('select * from l...
Using COM from js-ctypes
the windows api mostly concerns itself with the inter
action between the operating system and an application.
Using Objective-C from js-ctypes
isa: ctypes.voidptr_t }, { flags: ctypes.int32_t }, { reserved: ctypes.int32_t }, { invoke: ctypes.voidptr_t }, { descriptor: block_descriptor_1.ptr } ]); var block_const = { block_has_copy_dispose: 1 << 25, block_has_ctor: 1 << 26, block_is_global: 1 << 28, block_has_stret: 1 << 29, block_has_signature: 1 << 30 }; // based on work from here: https://github.com/trueinter
actions/tint2/blob/f6ce18b16ada165b98b07869314dad1d7bee0252/modules/bridge/core.js#l370-l394 var bl = block_literal_1(); // set the class of the instance bl.isa = _nsconcreteglobalblock; // global flags bl.flags = block_const.block_has_stret; bl.reserved = 0; bl.invoke = afunctypeptr; // create descriptor var desc = block_descriptor_1(); desc.reserved = 0; desc.size = block_literal_1.size; ...
Constants - Plugins
result codes constant value description npres_done 0 (most common): completed normally; all data was sent to the instance.
Streams - Plugins
the instance parameter is the current plug-in instance; the stream parameter specifies the stream to be deleted.
Debugging service workers - Firefox Developer Tools
n panel’s service workers view on a page that doesn't have a service worker registered, you'll get the following output shown: this gives you some advice on what to do if you don't have a service worker registered, and were perhaps expecting there to be one registered!
Network monitor toolbar - Firefox Developer Tools
pause (or resume) recording network log search the log request blocking an array of buttons to filter the network request list by type: by the content type of the response xhr requests websocket upgrades and messages (labeled ws) other requests a checkbox that allows you to disable caching.
about:debugging - Firefox Developer Tools
and, like content scripts or popups, then changes you make are picked up automatically, and you'll see them the next time the content script is loaded or the popup is shown.
Broadcast Channel API - Web APIs
sole: bc.onmessage = function (ev) { console.log(ev); } disconnecting a channel to leave a channel, call the close() method on the object.
CSSValueList - Web APIs
the cssvaluelist interface derives from the cssvalue interface and provides the abstr
action of an ordered collection of css values.
CanvasRenderingContext2D.stroke() - Web APIs
, 20); ctx.lineto(160, 20); ctx.stroke(); // second sub-path ctx.linewidth = 14; ctx.strokestyle = 'green'; ctx.moveto(20, 80); ctx.lineto(220, 80); ctx.stroke(); // third sub-path ctx.linewidth = 4; ctx.strokestyle = 'pink'; ctx.moveto(20, 140); ctx.lineto(280, 140); ctx.stroke(); result stroking and filling if you want to both stroke and fill a path, the order in which you perform these
actions will determine the result.
Advanced animations - Web APIs
to check if the x and y position of the ball is out of the canvas dimensions and invert the direction of the velocity vectors.
Basic usage of canvas - Web APIs
"></canvas> </body> </html> the script includes a function called draw(), which is executed once the page finishes loading; this is done by listening for the load event on the document.
Examples of web and XML development using the DOM - Web APIs
= w_style; var txtbackgroundcolor = document.getelementbyid("t3"); var b_style = document.defaultview.getcomputedstyle(refdiv, null).getpropertyvalue("background-color"); txtbackgroundcolor.value = b_style; } </script> <style> #d1 { margin-left: 10px; background-color: rgb(173, 216, 230); height: 20px; max-width: 20px; } </style> </head> <body> <div id="d1"> </div> <form
action=""> <p> <button type="button" onclick="cstyles();">getcomputedstyle</button> height<input id="t1" type="text" value="1" /> max-width<input id="t2" type="text" value="2" /> bg-color<input id="t3" type="text" value="3" /> </p> </form> </body> </html> example 7: displaying event object properties this example uses dom methods to display all the properties of the window.onload...
Element.attributes - Web APIs
ttributes()) { var attrs = paragraph.attributes; var output = ""; for(var i = attrs.length - 1; i >= 0; i--) { output += attrs[i].name + "->" + attrs[i].value; } result.value = output; } else { result.value = "no attributes 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.
Element.clientTop - Web APIs
tarts immediately below the border, (client area includes padding.) therefore, the clienttop value will always equal the integer portion of the .getcomputedstyle() value for "border-top-width".
Element.scrollHeight - Web APIs
sured in the same way as clientheight: it includes the element's padding, but not its border, margin or horizontal scrollbar (if present).
Element.scrollWidth - Web APIs
measured in the same way as clientwidth: it includes the element's padding, but not its border, margin or vertical scrollbar (if present).
Event.defaultPrevented - Web APIs
he defaultprevented read-only property of the event interface returns a boolean indicating whether or not the call to event.preventdefault() canceled the event.
Event.isTrusted - Web APIs
the istrusted read-only property of the event interface is a boolean that 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().
EventTarget.removeEventListener() - Web APIs
// fails it's worth noting that some browser releases have been inconsistent on this, and unless you have specific reasons otherwise, it's probably wise to use the same values used for the call to addeventlistener() when calling removeeventlistener().
GlobalEventHandlers.onmousemove - Web APIs
tion() { node.setattribute('hidden', ''); }; })(); const links = document.queryselectorall('a'); links.foreach(link => { link.onmouseover = tooltip.show; link.onmousemove = tooltip.follow; link.onmouseout = tooltip.hide; }); result draggable elements we also have an example available showing the use of the onmousemove event handler with draggable objects — view the example in
action.
HTMLDialogElement.open - Web APIs
the open property of the htmldialogelement interface is a boolean reflecting the open html attribute, indicating whether the dialog is available for inter
action.
inert - Web APIs
attribute, when present, may make the browser "ignore" the element from assistive technologies, page search and text selection.
HTMLFormElement.target - Web APIs
the target property of the htmlformelement interface represents the target of the form's
action (i.e., the frame in which to render its output).
HTMLMediaElement: canplay event - Web APIs
the canplay event is fired when the user agent can play the media, but estimates that not enough data has been loaded to play the media up to its end without having to stop for further buffering of content.
HTMLMediaElement: canplaythrough event - Web APIs
the canplaythrough event is fired when the user agent can play the media, and estimates that enough data has been loaded to play the media up to its end without having to stop for further buffering of content.
HTMLMediaElement: emptied event - Web APIs
the emptied event is fired when the media has become empty; for example, this event is sent if the media has already been loaded (or partially loaded), and the load() method is called to reload it.
History.replaceState() - Web APIs
the history.replacestate() method modifies the current history entry, replacing it with the stateobj, title, and url passed in the method parameters.
Working with the History API - Web APIs
) method history.replacestate() operates exactly like history.pushstate(), except that replacestate() modifies the current history entry instead of creating a new one.
IDBDatabase.onabort - Web APIs
the onabort event handler of the idbdatabase interface handles the abort event, fired when a trans
action is aborted and bubbles up to the connection object.
IDBDatabase.onclose - Web APIs
the onclose event handler of the idbdatabase interface handles the close event, which is fired when the database is unexpectedly closed.
IDBDatabase.onversionchange - Web APIs
the onversionchange event handler of the idbdatabase interface handles the versionchange event, fired when a database structure change (idbopendbrequest.onupgradeneeded event or idbfactory.deletedatabase) was requested elsewhere (most probably in another window/tab on the same computer).
IDBVersionChangeRequest.setVersion() - Web APIs
the idbversionchangerequest.setversion method updates the version of the database, returning immediately and running a versionchange trans
action on the connected database in a separate thread.
firesTouchEvents - Web APIs
the inputdevicecapabilities.firestouchevents read-only property returns a boolean that indicates whether the device dispatches touch events.
InstallEvent - Web APIs
the parameter passed into the oninstall handler, the installevent interface represents an install
action that is dispatched on the serviceworkerglobalscope of a serviceworker.
MediaError.message - Web APIs
mediaerror object describing the error from the error property on the htmlaudioelement representing the audio player.
expiration - Web APIs
the mediakeysession.expiration read-only property returns the time after which the keys in the current session can no longer be used to decrypt media data, or nan if no such time exists.
Recording a media element - Web APIs
background-color: darkgreen; text-decoration: none; } h2 { margin-bottom: 4px; } .left { margin-right: 10px; float: left; width: 160px; padding: 0px; } .right { margin-left: 10px; float: left; width: 160px; padding: 0px; } .bottom { clear: both; padding-top: 10px; } javascript content now let's have a look at the javascript code; this is where the majority of the
action happens, after all!
MouseEvent.button - Web APIs
iliary button pressed, usually the wheel button or the middle button (if present) 2: secondary button pressed, usually the right button 3: fourth button, typically the browser back button 4: fifth button, typically the browser forward button as noted above, buttons may be configured differently to the standard "left to right" layout.
Navigator.msLaunchUri() - Web APIs
ve a program registered to handle a specific protocol, and a nohandlercallback is provided, windows internet explorer will invoke the nohandlercallback.
Notification.requestPermission() - Web APIs
fication = new notification("hi there!"); } }); } // at last, if the user has denied notifications, and you // want to be respectful there is no need to bother them any more.
PaymentRequest: paymentmethodchange event - Web APIs
= calculateservicefee(event.methoddetails); object.assign(detailsupdate, servicefeeinfo); } event.updatewith(detailsupdate); }, false); this begins by looking at the event's methodname property; if that indicates that the user is trying to use apple pay, we pass the methoddetails into a function called calculateservicefee(), which we might create to take the information about the trans
action, such as the underlying credit card being used to service the apple pay request, and compute and return an paymentdetailsupdate object that specifies changes to be applied to the paymentrequest in order to add any service fees that the payment method might require.
PaymentResponse.details - Web APIs
the details read-only property of the paymentresponse interface returns a json-serializable object that provides a payment method specific message used by the merchant to process the trans
action and determine a successful funds transfer.
PublicKeyCredentialCreationOptions.authenticatorSelection - Web APIs
(as part of the authenticatordata property of authenticatorattestationresponse.attestationobject) "preferred": user verification is prefered, the operation will not fail if the response does not have the uv flag (as part of the authenticatordata property of authenticatorattestationresponse.attestationobject) "discouraged": user verification should not be employed as to minimize the user inter
action during the process.
PublicKeyCredentialRequestOptions.userVerification - Web APIs
equired, the operation will fail if the response does not have the uv flag (as part of authenticatorassertionresponse.authenticatordata) "preferred": user verification is prefered, the operation will not fail if the response does not have the uv flag (as part of authenticatorassertionresponse.authenticatordata) "discouraged": user verification should not be employed as to minimize the user inter
action during the process.
RTCIceCandidateStats.protocol - Web APIs
ue the value is one of the members of the rtciceprotocol enumerated string type: tcp the candidate, if selected, would use tcp as the transport protocol for its data.
SubmitEvent - Web APIs
the submitevent interface defines the object used to represent an html form's submit event.
SyncEvent - Web APIs
the syncevent interface represents a sync
action that is dispatched on the serviceworkerglobalscope of a serviceworker.
Vibration API - Web APIs
; it's worth noting that you don't have to provide a pause as your last entry since the vibration automatically stops at the end of each vibration period.
WakeLockSentinel - Web APIs
methods release() releases the wakelocksentinel, returning a promise that is resolved once the sentinel has been successfully released.
WebGLRenderingContext.enableVertexAttribArray() - Web APIs
tion(shaderprogram, "avertexposition"); gl.enablevertexattribarray(avertexposition); gl.vertexattribpointer(avertexposition, vertexnumcomponents, gl.float, false, 0, 0); gl.drawarrays(gl.triangles, 0, vertexcount); this code snippet is taken from the function animatescene() in "a basic 2d webgl animation example." see that article for the full sample and to see the resulting animation in
action.
WebGLRenderingContext.getUniformLocation() - Web APIs
rotationvector = gl.getuniformlocation(shaderprogram, "urotationvector") gl.uniform2fv(uscalingfactor, currentscale); gl.uniform2fv(urotationvector, currentrotation); gl.uniform4fv(uglobalcolor, [0.1, 0.7, 0.2, 1.0]); this code snippet is taken from the function animatescene() in "a basic 2d webgl animation example." see that article for the full sample and to see the resulting animation in
action.
Hello vertex attributes - Web APIs
« previousnext » this webgl example demonstrates how to combine shader programming and user inter
action by sending user input to the shader using vertex attributes.
Matrix math for the web - Web APIs
plymatrixandpoint(matrixa, row2); let result3 = multiplymatrixandpoint(matrixa, row3); // turn the result rows back into a single matrix return [ result0[0], result0[1], result0[2], result0[3], result1[0], result1[1], result1[2], result1[3], result2[0], result2[1], result2[2], result2[3], result3[0], result3[1], result3[2], result3[3] ]; } let's look at this function in
action: let somematrix = [ 4, 0, 0, 0, 0, 3, 0, 0, 0, 0, 5, 0, 4, 8, 4, 1 ] let identitymatrix = [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ]; // returns a new array equivalent to somematrix let somematrixresult = multiplymatrices(identitymatrix, somematrix); important: these matrix functions are written for clarity of explanation, not for speed or memory management.
WebSocket() - Web APIs
ers url the url to which to connect; this should be the url to which the websocket server will respond.
Fundamentals of WebXR - Web APIs
supports not just virtual reality applications, but also augmented reality, which blends virtual objects with the user's true physical environment.
Advanced techniques: Creating and sequencing audio - Web APIs
aybuffer(); const audiobuffer = await audiocontext.decodeaudiodata(arraybuffer); return audiobuffer; } we can then use the await operator when calling this function, which ensures that we can only run subsequent code when it has finished executing.
window.location - Web APIs
} alert(alog.join("\n")); } // in html: <button onclick="showloc();">show location properties</button> example #5: send a string of data to the server by modifying the search property: function senddata (sdata) { location.search = sdata; } // in html: <button onclick="senddata('some data');">send data</button> the current url with "?some%20data" appended is sent to the server (if no
action is taken by the server, the current document is reloaded with the modified search string).
Window: popstate event - Web APIs
s and their corresponding events can be used to add data to the history stack which can be used to reconstruct a dynamically generated page, or to otherwise alter the state of the content being presented while remaining on the same document.
Window: storage event - Web APIs
bbles no cancelable no interface storageevent event handler property onstorage examples log the samplelist item to the console when the storage event fires: window.addeventlistener('storage', () => { // when local storage changes, dump the list to // the console.
WritableStream - Web APIs
the writablestream interface of the the streams api provides a standard abstr
action for writing streaming data to a destination, known as a sink.
XRView - Web APIs
ht have views that can be presented to observe a remote site using a security camera or other device, for example.
ARIA live regions - Accessibility
using javascript, it is possible to dynamically change parts of a page without requiring the entire page to reload — for instance, to update a list of search results on the fly, or to display a discreet alert or notification which does not require user inter
action.
ARIA: tabpanel role - Accessibility
the aria tabpanel role indicates description an element with the tabpanel role associated roles and attributes aria- keyboard inter
action key
action tab → ← delete required javascript features include note about semantic alternatives to using this role or attribute.
Perceivable - Accessibility
s (aa) added in 2.1 while additional content may appear and disappear in coordination with hover and keyboard focus, this success criterion specifies three conditions that must be met: dismissable (can be closed/removed) hoverable (the additional content does not disappear when the pointer is over it) persistent (the additional content does not disappear without user
action) understanding content on hover or focus note: also see the wcag description for guideline 1.4: distinguishable: make it easier for users to see and hear content including separating foreground from background..
:in-range - CSS: Cascading Style Sheets
ound-color: rgba(0, 255, 0, 0.25); } this pseudo-class is useful for giving the user a visual indication that a field's current value is within the permitted limits.
Coordinate systems - CSS: Cascading Style Sheets
x; background-color: red; } .inner { position: relative; width: 500px; height: 150px; top: 25px; left: 100px; background-color: blue; color: white; cursor: crosshair; user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; } .log { position: relative; width: 100%; text-align: center; } result here you can see the results in
action.
Using CSS animations - CSS: Cascading Style Sheets
mpleteness, here’s the html that displays the page content, including the list into which the script inserts information about the received events: <h1 id="watchme">watch me move</h1> <p> this example shows how to use css animations to make <code>h1</code> elements move across the page.
Relationship of grid layout to other layout methods - CSS: Cascading Style Sheets
mns: repeat(4,1fr); grid-auto-rows: 200px; grid-gap: 20px; } .box3 { grid-column-start: 2; grid-column-end: 4; grid-row-start: 1; grid-row-end: 3; position: relative; } .abspos { position: absolute; top: 40px; left: 40px; background-color: rgba(255,255,255,.5); border: 1px solid rgba(0,0,0,0.5); color: #000; padding: 10px; } grid and display: contents a final inter
action with another layout specification that is worth noting is the inter
action between css grid layout and display: contents.
CSS reference - CSS: Cascading Style Sheets
prighttext-decorationtext-decoration-colortext-decoration-linetext-decoration-skip-inktext-decoration-styletext-decoration-thicknesstext-emphasistext-emphasis-colortext-emphasis-positiontext-emphasis-styletext-indenttext-justifytext-orientationtext-overflowtext-renderingtext-shadowtext-transformtext-underline-offsettext-underline-position<time><time-percentage><timing-function>top@top-centertouch-
actiontransformtransform-box<transform-function>transform-origintransform-styletransitiontransition-delaytransition-durationtransition-propertytransition-timing-functiontranslatetranslate()translate3d()translatex()translatey()translatez()turnuunicode-bidiunicode-range (@font-face)unset<url>url()user-zoom (@viewport)v:validvar()vertical-alignvh@viewportviewport-fit (@viewport)visibility:visitedvmaxvminvw...
WebKit CSS extensions - CSS: Cascading Style Sheets
ebkit-grid-columns (see grid-column) -webkit-grid-rows (see grid-row) -webkit-hyphenate-charset -webkit-image-set (see image-set()) -webkit-mask-attachment -webkit-match-nearest-mail-blockquote-color -webkit-overflow-scrolling -webkit-region-break-after -webkit-region-break-before -webkit-region-break-inside -webkit-region-fragment -webkit-shape-inside -webkit-touch-callout (see touch-
action) background-origin-x (unprefixed!) background-origin-y (unprefixed!) * still supported in the safari technology preview, but not in a generally released browser.
font-feature-settings - CSS: Cascading Style Sheets
/* use zeros with a slash through them to differentiate from "o" */ .nicezero { font-feature-settings: "zero"; } /* enable historical forms */ .hist { font-feature-settings: "hist"; } /* disable common ligatures, usually on by default */ .noligs { font-feature-settings: "liga" 0; } /* enable tabular (monospaced) figures */ td.tabular { font-feature-settings: "tnum"; } /* enable automatic fr
actions */ .fr
actions { font-feature-settings: "frac"; } /* use the second available swash character */ .swash { font-feature-settings: "swsh" 2; } /* enable stylistic set 7 */ .fancystyle { font-family: gabriola; /* available on windows 7, and on mac os */ font-feature-settings: "ss07"; } specifications specification status comment css fonts module level 3the defini...
font - CSS: Cascading Style Sheets
ns-serif */ p { font: 80% sans-serif } /* set the font weight to bold, the font-style to italic, the font size to large, and the font family to serif.
scroll-snap-type-x - CSS: Cascading Style Sheets
ues */ scroll-snap-type-x: inherit; scroll-snap-type-x: initial; scroll-snap-type-x: unset; syntax values none when the visual viewport of this scroll container is scrolled horizontally, it must ignore snap points.
scroll-snap-type-y - CSS: Cascading Style Sheets
values */ scroll-snap-type-y: inherit; scroll-snap-type-y: initial; scroll-snap-type-y: unset; syntax values none when the visual viewport of this scroll container is scrolled vertically, it must ignore snap points.
white-space - CSS: Cascading Style Sheets
formal definition initial valuenormalapplies toall elementsinheritedyescomputed valueas specifiedanimation typediscrete formal syntax normal | pre | nowrap | pre-wrap | pre-line | break-spaces examples basic example code { white-space: pre; } line breaks inside <pre> elements pre { word-wrap: break-word; /* ie 5.5-7 */ white-space: pre-wrap; /* modern browsers */ } in
action html <div id="css-code" class="box"> p { white-space: <select> <option>normal</option> <option>nowrap</option> <option>pre</option> <option>pre-wrap</option> <option>pre-line</option> <option>break-spaces</option> </select> } </div> <div id="results" class="box"> <p> lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut ...
Index - Event reference
d summary 1 event reference event, overview, reference dom events are sent to notify code of interesting things that have taken place.
Getting Started - Developer guides
s state, like this: httprequest.onreadystatechange = nameofthefunction; note that there are no parentheses or parameters after the function name, because you're assigning a reference to the function, rather than actually calling it.
Ajax - Developer guides
sing a number of existing technologies together, including html or xhtml, css, javascript, dom, xml, xslt, and most importantly the xmlhttprequest object.
Creating a cross-browser video player - Developer guides
!!(document.fullscreen || document.webkitisfullscreen || document.mozfullscreen || document.msfullscreenelement || document.fullscreenelement); } this function checks all the various browser prefixed versions to try and determine the correct result.
Creating and triggering events - Developer guides
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.
Content categories - Developer guides
ute is present embedded content embedded content imports another resource or inserts content from another mark-up language or namespace into the document.
Rich-Text Editing in Mozilla - Developer guides
r: pointer; } img.intlink { border: 0; } #toolbar1 select { font-size:10px; } #textbox { width: 540px; height: 200px; border: 1px #000000 solid; padding: 12px; overflow: scroll; } #textbox #sourcetext { padding: 0; margin: 0; min-width: 498px; min-height: 200px; } #editmode label { cursor: pointer; } </style> </head> <body onload="initdoc();"> <form name="compform" method="post"
action="sample.php" onsubmit="if(validatemode()){this.mydoc.value=odoc.innerhtml;return true;}return false;"> <input type="hidden" name="mydoc"> <div id="toolbar1"> <select onchange="formatdoc('formatblock',this[this.selectedindex].value);this.selectedindex=0;"> <option selected>- formatting -</option> <option value="h1">title 1 <h1></option> <option value="h2">title 2 <h2></option> <option ...
Developer guides
arious incidents which occur in the lifetime of a web page; and the naming, characterization, and use of a large number of incidents of different types.
<slot> - HTML: Hypertext Markup Language
</style> <details> <summary> <code class="name"><<slot name="element-name">need name</slot>></code> <i class="desc"><slot name="description">need description</slot></i> </summary> <div class="attributes"> <h4>attributes</h4> <slot name="attributes"><p>none</p></slot> </div> </details> <hr> </template> note: you can see this complete example in
action at element-details (see it running live).
200 OK - HTTP
the http 200 ok success status response code indicates that the request has succeeded.
451 Unavailable For Legal Reasons - HTTP
the hypertext transfer protocol (http) 451 unavailable for legal reasons client error response code indicates that the user requested a resource that is not available due to legal reasons, such as a web page for which a legal
action has been issued.
Grammar and types - JavaScript
8) 0x1123, 0x00111, -0xf1a7, 0x123456789abcdefn (hexadecimal, "hex" or base 16) 0b11, 0b0011, -0b11, 0b11101001010101010101n (binary, base 2) for more information, see numeric literals in the lexical grammar reference.
Regular expressions - JavaScript
ber the character ([-\/\.]), followed by three digits \d{3}, followed by the remembered match of a dash, forward slash, or decimal point \1, followed by four digits \d{4}.
Text formatting - JavaScript
rt' }; const americandatetime = new intl.datetimeformat('en-us', options).format; console.log(americandatetime(july172014)); // 07/16/14, 5:00 pm pdt number formatting the numberformat object is useful for formatting numbers, for example currencies.
JavaScript language resources - JavaScript
ork on the next revisions of the ecmascript language specification, code-named "harmony", and the ecmascript internationalization api specification via public wiki and the es-discuss mailing list linked from ecmascript.org.
Functions - JavaScript
zeros(42,4); // returns "0042" result = padzeros(42,2); // returns "42" result = padzeros(5,4); // returns "0005" determining whether a function exists you can determine whether a function exists by using the typeof operator.
Intl.DateTimeFormat - JavaScript
meformat('en-us', options).format(date)); // → "thursday, december 20, 2012, gmt" // sometimes you want to be more precise options = { hour: 'numeric', minute: 'numeric', second: 'numeric', timezone: 'australia/sydney', timezonename: 'short' }; console.log(new intl.datetimeformat('en-au', options).format(date)); // → "2:00:00 pm aedt" // sometimes you want to be very precise options.fr
actionalseconddigits = 3; console.log(new intl.datetimeformat('en-au', options).format(date)); // → "2:00:00.200 pm aedt" // sometimes even the us needs 24-hour time options = { year: 'numeric', month: 'numeric', day: 'numeric', hour: 'numeric', minute: 'numeric', second: 'numeric', hour12: false, timezone: 'america/los_angeles' }; console.log(new intl.datetimeformat('en-us', options).format...
Number.prototype.toLocaleString() - JavaScript
doesn't use a minor unit console.log(number.tolocalestring('ja-jp', { style: 'currency', currency: 'jpy' })) // → ¥123,457 // limit to three significant digits console.log(number.tolocalestring('en-in', { maximumsignificantdigits: 3 })); // → 1,23,000 // use the host default language with options for number formatting var num = 30000.65; console.log(num.tolocalestring(undefined, {minimumfr
actiondigits: 2, maximumfr
actiondigits: 2})); // → "30,000.65" where english is the default language, or // → "30.000,65" where german is the default language, or // → "30 000,65" where french is the default language specifications specification ecmascript (ecma-262)the definition of 'number.prototype.tolocalestring' in that specification.
Grouping operator ( ) - JavaScript
uping operator consists of a pair of parentheses around an expression or sub-expression to override the normal operator precedence so that expressions with lower precedence can be evaluated before an expression with higher priority.
Operator precedence - JavaScript
prefix decrement -- … typeof typeof … void void … delete delete … await await … 16 exponentiation right-to-left … ** … 15 multiplication left-to-right … * … division … / … remainder … % … 14 addition left-to-right … + … subtr
action … - … 13 bitwise left shift left-to-right … << … bitwise right shift … >> … bitwise unsigned right shift … >>> … 12 less than left-to-right … < … less than or equal … <= … greater than … > … greater than or equal … >= … in … in … instanceof ...
import - JavaScript
et', url, true); xhr.send(); } export function getusefulcontents(url, callback) { getjson(url, data => callback(json.parse(data))); } the main program: main.js import { getusefulcontents } from '/modules/file.js'; getusefulcontents('http://www.example.com', data => { dosomethinguseful(data); }); dynamic import this example shows how to load functionality on to a page based on a user
action, in this case a button click, and then call a function within that module.
Strict mode - JavaScript
dinvoker() { return restricted(); } privilegedinvoker(); third, arguments for strict mode functions no longer provide access to the corresponding function call's variables.
JavaScript reference - JavaScript
ath date text processing string regexp indexed collections array int8array uint8array uint8clampedarray int16array uint16array int32array uint32array float32array float64array bigint64array biguint64array keyed collections map set weakmap weakset structured data arraybuffer sharedarraybuffer atomics dataview json control abstr
action promise generator generatorfunction asyncfunction reflection reflect proxy internationalization intl intl.collator intl.datetimeformat intl.displaynames intl.listformat intl.locale intl.numberformat intl.pluralrules intl.relativetimeformat webassembly webassembly webassembly.module webassembly.instance webassembly.memory webasse...
font-variant - SVG: Scalable Vector Graphics
tic( <feature-value-name> ) || historical-forms || styleset( <feature-value-name># ) || character-variant( <feature-value-name># ) || swash( <feature-value-name> ) || ornaments( <feature-value-name> ) || annotation( <feature-value-name> ) || [ small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-caps ] || <numeric-figure-values> || <numeric-spacing-values> || <numeric-fr
action-values> || ordinal || slashed-zero || <east-asian-variant-values> || <east-asian-width-values> || ruby ] default value normal animatable yes for a description of the values, please refer to the css font-variant property.
patternUnits - SVG: Scalable Vector Graphics
value userspaceonuse | objectboundingbox default value objectboundingbox animatable yes userspaceonuse this value indicates that all coordinates for the geometry properties refer to the user coordinate system as defined when the pattern was applied.
primitiveUnits - SVG: Scalable Vector Graphics
value indicates that any length values within the filter definitions represent values in the current user coordinate system in place at the time when the <filter> element is referenced (i.e., the user coordinate system for the element referencing the <filter> element via a filter attribute).
text-anchor - SVG: Scalable Vector Graphics
attribute, it can be applied to any element but it has effect only on the following five elements: <altglyph>, <text>, <textpath>, <tref>, and <tspan> html, body, svg { height: 100%; } <svg viewbox="0 0 120 120" xmlns="http://www.w3.org/2000/svg"> <!-- materialisation of anchors --> <path d="m60,15 l60,110 m30,40 l90,40 m30,75 l90,75 m30,110 l90,110" stroke="grey" /> <!-- anchors in
action --> <text text-anchor="start" x="60" y="40">a</text> <text text-anchor="middle" x="60" y="75">a</text> <text text-anchor="end" x="60" y="110">a</text> <!-- materialisation of anchors --> <circle cx="60" cy="40" r="3" fill="red" /> <circle cx="60" cy="75" r="3" fill="red" /> <circle cx="60" cy="110" r="3" fill="red" /> <style><![cdata[ text { font: bold 36px verdana, helvet...
Web security
s response http header is a marker used by the server to indicate that the mime types advertised in the content-type headers should not be changed and be followed.
Using shadow DOM - Web Components
g like this: let shadow = this.attachshadow({mode: 'open'}); when you've attached a shadow dom to an element, manipulating it is a matter of just using the same dom apis as you use for the regular dom manipulation: let para = document.createelement('p'); shadow.appendchild(para); // etc.