Search completed in 1.05 seconds.
1652 results for "action":
Your results are loading. Please wait...
MediaSessionActionDetails.action - Web APIs
the action property is the only required property mediasessionactiondetails 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 mediasessionactiondetails 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 mediasessionactiondetails 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/nsitransactionlistener.idlscriptable this interface is implemented by an object that tracks transactions.
... editor/txmgr/idl/nsitransactionlistener.idlscriptable this interface is implemented by an object that tracks transactions.
... editor/txmgr/idl/nsitransactionlistener.idlscriptable this interface is implemented by an object that tracks transactions.
...And 114 more matches
nsITransactionManager
editor/txmgr/idl/nsitransactionmanager.idlscriptable this interface is implemented by an object that wants to manage/track transactions.
... editor/txmgr/idl/nsitransactionmanager.idlscriptable this interface is implemented by an object that wants to manage/track transactions.
... editor/txmgr/idl/nsitransactionmanager.idlscriptable this interface is implemented by an object that wants to manage/track transactions.
...And 70 more matches
IDBTransaction - Web APIs
the idbtransaction interface of the indexeddb api provides a static, asynchronous transaction on a database using event handler attributes.
... the idbtransaction interface of the indexeddb api provides a static, asynchronous transaction on a database using event handler attributes.
... the idbtransaction interface of the indexeddb api provides a static, asynchronous transaction on a database using event handler attributes.
...And 60 more matches
IAccessibleAction
other-licenses/ia2/accessibleaction.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/nsitransaction.idlscriptable please add a summary to this article.
... editor/txmgr/idl/nsitransaction.idlscriptable please add a summary to this article.
... editor/txmgr/idl/nsitransaction.idlscriptable please add a summary to this article.
...And 47 more matches
MediaSessionActionDetails - Web APIs
the media session api's mediasessionactiondetails 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 mediasessionactiondetails 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 mediasessionactiondetails 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 transaction method of the idbdatabase interface immediately returns a transaction object (idbtransaction) containing the idbtransaction.objectstore method, which you can use to access your object store.
... the transaction method of the idbdatabase interface immediately returns a transaction object (idbtransaction) containing the idbtransaction.objectstore method, which you can use to access your object store.
... the transaction method of the idbdatabase interface immediately returns a transaction object (idbtransaction) containing the idbtransaction.objectstore method, which you can use to access your object store.
...And 32 more matches
MediaSession.setActionHandler() - Web APIs
the setactionhandler() property of the mediasession interface sets an event handler for a media session action.
... the setactionhandler() property of the mediasession interface sets an event handler for a media session action.
... the setactionhandler() 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 setactionhandler() 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 setactionhandler() 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 setactionhandler() 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 <maction> element provides a possibility to bind actions to (sub-) expressions.
... the mathml <maction> element provides a possibility to bind actions to (sub-) expressions.
... the mathml <maction> element provides a possibility to bind actions to (sub-) expressions.
...And 20 more matches
nsIMsgFilterCustomAction
defined in comm-central/ mailnews/ base/ search/ public/ nsimsgfiltercustomaction.idl interface nsimsgfiltercustomaction : nsisupports { /* globally unique string to identify this filter action.
... defined in comm-central/ mailnews/ base/ search/ public/ nsimsgfiltercustomaction.idl interface nsimsgfiltercustomaction : nsisupports { /* globally unique string to identify this filter action.
... defined in comm-central/ mailnews/ base/ search/ public/ nsimsgfiltercustomaction.idl interface nsimsgfiltercustomaction : 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 transaction read-only property of the idbrequest interface returns the transaction for the request, that is, the transaction the request is being made inside.
... the transaction read-only property of the idbrequest interface returns the transaction for the request, that is, the transaction the request is being made inside.
... the transaction read-only property of the idbrequest interface returns the transaction for the request, that is, the transaction the request is being made inside.
...And 17 more matches
nsITransactionList
editor/txmgr/idl/nsitransactionlist.idlscriptable please add a summary to this article.
... editor/txmgr/idl/nsitransactionlist.idlscriptable please add a summary to this article.
... editor/txmgr/idl/nsitransactionlist.idlscriptable please add a summary to this article.
...And 16 more matches
IDBTransaction.mode - Web APIs
the mode read-only property of the idbtransaction interface returns the current mode for accessing the data in the object stores in the scope of the transaction (i.e.
... the mode read-only property of the idbtransaction interface returns the current mode for accessing the data in the object stores in the scope of the transaction (i.e.
... the mode read-only property of the idbtransaction interface returns the current mode for accessing the data in the object stores in the scope of the transaction (i.e.
...And 14 more matches
IDBTransaction.oncomplete - Web APIs
the oncomplete event handler of the idbtransaction interface handles the complete event, fired when the transaction successfully completes.
... the oncomplete event handler of the idbtransaction interface handles the complete event, fired when the transaction successfully completes.
... the oncomplete event handler of the idbtransaction interface handles the complete event, fired when the transaction successfully completes.
...And 14 more matches
IDBTransaction.commit() - Web APIs
the commit() method of the idbtransaction interface commits the transaction if it is called on an active transaction.
... the commit() method of the idbtransaction interface commits the transaction if it is called on an active transaction.
...e commits the transaction if it is called on an active transaction.
...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 transaction read-only property of the idbobjectstore interface returns the transaction object to which this object store belongs.
... the transaction read-only property of the idbobjectstore interface returns the transaction object to which this object store belongs.
... the transaction read-only property of the idbobjectstore interface returns the transaction object to which this object store belongs.
...And 11 more matches
IDBTransaction.error - Web APIs
the idbtransaction.error property of the idbtransaction interface returns one of several types of error when there is an unsuccessful transaction.
... the idbtransaction.error property of the idbtransaction interface returns one of several types of error when there is an unsuccessful transaction.
... note: this feature is available in web workers.
...And 11 more matches
IDBTransaction.objectStore() - Web APIs
the objectstore() method of the idbtransaction interface returns an object store that has already been added to the scope of this transaction.
... the objectstore() method of the idbtransaction interface returns an object store that has already been added to the scope of this transaction.
... the objectstore() method of the idbtransaction interface returns an object store that has already been added to the scope of this transaction.
...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 idbtransaction interface rolls back all the changes to objects in the database associated with this transaction.
... the abort() method of the idbtransaction interface rolls back all the changes to objects in the database associated with this transaction.
... the abort() method of the idbtransaction interface rolls back all the changes to objects in the database associated with this transaction.
...And 10 more matches
IDBTransaction.onerror - Web APIs
the onerror event handler of the idbtransaction interface handles the error event, fired when a request returns an error and bubbles up to the transaction object.
... the onerror event handler of the idbtransaction interface handles the error event, fired when a request returns an error and bubbles up to the transaction object.
... the onerror event handler of the idbtransaction interface handles the error event, fired when a request returns an error and bubbles up to the transaction object.
...And 10 more matches
IDBTransaction.onabort - Web APIs
the onabort event handler of the idbtransaction interface handles the abort event, fired, when the current transaction is aborted via the idbtransaction.abort method.
... the onabort event handler of the idbtransaction interface handles the abort event, fired, when the current transaction is aborted via the idbtransaction.abort method.
... the onabort event handler of the idbtransaction interface handles the abort event, fired, when the current transaction is aborted via the idbtransaction.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
Web › API › IDBTransaction › db
the db read-only property of the idbtransaction interface returns the database connection with which this transaction is associated.
... the db read-only property of the idbtransaction interface returns the database connection with which this transaction is associated.
... the db read-only property of the idbtransaction interface returns the database connection with which this transaction 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 mediasessionactiondetails dictionary's seektime property is always included when a seekto action is sent to the action handler callback.
... the mediasessionactiondetails dictionary's seektime property is always included when a seekto action is sent to the action handler callback.
... the mediasessionactiondetails 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 nsimsgruleaction : nsisupports { attribute nsmsgruleactiontype type; // target priority..
... defined in comm-central/ mailnews/ base/ search/ public/ nsimsgfilter.idl [scriptable, uuid(190a2a18-d245-473a-a402-9f0814598c7f)] interface nsimsgruleaction : nsisupports { attribute nsmsgruleactiontype type; // target priority..
... defined in comm-central/ mailnews/ base/ search/ public/ nsimsgfilter.idl [scriptable, uuid(190a2a18-d245-473a-a402-9f0814598c7f)] interface nsimsgruleaction : nsisupports { attribute nsmsgruleactiontype 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 reactions.
.../ or other physical reactions.
... 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 mediasessionactiondetails 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
abstraction in computer programming is a way to reduce complexity and allow efficient design and implementation in complex software systems.
... abstraction 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 transaction 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 mediasessionactiondetails 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 mediasessionactiondetails 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 mediasessionactiondetails 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 subtraction operator (-) subtracts the two operands, producing their difference.
... the subtraction operator (-) subtracts the two operands, producing their difference.
...n operator (-) subtracts the two operands, producing their difference.
...b repository.
Actionscript Acceptance Tests - Archive of obsolete content
the majority of the acceptance tests are written in actionscript and located in test/acceptance.
... the majority of the acceptance tests are written in actionscript and located in test/acceptance.
...n looking up the swfversion.
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 transaction 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 transaction, ready for adding the data const transaction = db.transaction(['todolist'], 'readwrite'); // add a listener for `complete` transaction.addeventlistener('complete', event => { console.log('transaction was competed'); }); const objectstore = transaction.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 transaction, ready for adding the data const transaction = db.transaction(['todolist'], 'readwrite'); // add a listener for `complete` transaction.oncomplete = event => { console.log('transaction was competed'); }; const objectstore = transaction.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 idbtransaction when a request returns an error and the event bubbles up to the transaction 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 transaction, ready for adding the data const transaction = db.transaction(['todolist'], 'readwrite'); transaction.addeventlistener('error', () => { console.log(`error adding new item: ${newitem.tasktitle}`); }); const objectstore = transaction.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 transaction, ready for adding the data const transaction = db.transaction(['todolist'], 'readwrite'); transaction.onerror = () => { console.log(`error adding new item: ${newitem.tasktitle}`); }; const objectstore = transaction.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 idbtransaction interface returns a domstringlist of names of idbobjectstore objects.
... the objectstorenames read-only property of the idbtransaction interface returns a domstringlist of names of idbobjectstore objects.
Multi-touch interaction - Web APIs
the touch event interfaces support application-specific single and multi-touch interactions.
... the touch event interfaces support application-specific single and multi-touch interactions.
Subtraction assignment (-=) - JavaScript
the subtraction 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.
Interaction between privileged and non-privileged pages - Archive of obsolete content
ostring() : ""); var event = targetdoc.createevent("event") event.initevent(type, true, true); el.dispatchevent(event); } /** * verifies that the event is indeed coming from our page * as expected, and returns the data for that event.
userAction - Archive of obsolete content
« xul reference home useraction type: one of the values below this attribute will be set to the action the user is currently performing.
userAction - Archive of obsolete content
« xul reference useraction type: string gets and sets the value of the useraction attribute.
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 nsmsgruleactiontype; [scriptable, uuid(59af7696-1e28-4642-a400-fa327ae0b8d8)] interface nsmsgfilteraction { /* if you change these, you need to update filter.properties, look for filteractionx */ /* these longs are all actually of type nsmsgfilteractiontype */ const long custom=-1; /* see nsmsgfilteraction */ 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
Web › API › Index
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
MathML Accessibility in Mozilla
mode "utterance" and description spoken last.
... spoken last.
....
...And 110 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
Mozilla › Tech › XPCOM › 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::setuptransaction creates new nshttptransaction, 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->initiatetransaction (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->initiatetransaction (called from connect) this is the global nshttphandler object, which adds the transaction to the nshttpconnectionmgr (one of these per nshttphandler).
...eam pipe) passes it to nsinputstreampump nshttpchannel::ghttphandler->initiatetransaction (called from connect) this is the global nshttphandler object, which adds the transaction 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 transaction, ready for adding the data let transaction = db.transaction(['notes_os'], 'readwrite'); // call an object store that's already been added to the database let objectstore = transaction.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 = transaction.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 transaction completing, when everything is done transaction.oncomplete = function() { console.log('transaction 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 getundotransactiontype(); unsigned long getredotransactiontype(); 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 extractionless.
... 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 onperformaction(in wstring action); void onperformactiononrow(in wstring action, in long row); void onperformactiononcell(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 performaction(in wstring action); void performactiononcell(in wstring action, in long row, in nsitreecolumn col); void performactiononrow(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: iaccessibleaction 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.
...ssibleaction 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 aactiontype, 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 aactiontype, 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); nsitransaction maketransaction(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 transaction 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 transaction 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 transaction 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
Archive › Mozilla › XUL › Index
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 nsitransaction getremovefoldertransaction(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
Web › HTML › Element › input › image
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 nsmsgruleactiontype type; priority // target priority..
... defined in comm-central/ mailnews/ base/ search/ public/ nsimsgfilter.idl attributes type attribute nsmsgruleactiontype type; priority // target priority..
... defined in comm-central/ mailnews/ base/ search/ public/ nsimsgfilter.idl attributes type attribute nsmsgruleactiontype 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
Adding Event Handlers to XBL-defined Elements - Archive of obsolete content
e last example in the previous section demonstrated this.
...d blur events.
...ou can use more than one handler if necessary.
...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
Web › API › XRSession
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
Web › HTTP › Index
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
Web › API › IDBIndex › name
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 transactioninactiveerror this idbobjectstore's transaction 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 distractions, 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, fractions, 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-fractions; /* <numeric-fraction-values> */ font-variant-numeric: stacked-fractions; /* <numeric-fraction-values> */ font-variant-numeric: oldstyle-nums stacked-fractions; /* global values */ font-variant-numeric: inherit; font-variant-numeric: initial; font-variant-numeric: unset; this property can take one of 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
Web › HTML › Element › input › submit
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 formaction 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
Web › HTML › Element › input
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 formaction 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, minimumfractiondigits, and maximumfractiondigits 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, minimumfractiondigits, and maximumfractiondigits in one group, minimumsignificantdigits and maximumsignificantdigits in the other.
...And 6 more matches
Recommended Web Performance Timings: How long is too long? - Web Performance
they ever do.
...ith even more ambitious page load goals for subsequent page loads, leveraging service workers and caching.
...t user interaction, painting, and script execution are all on the same thread.
...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 interactions 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); idbtransactionsync transaction (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
Web › MathML › Element › mfrac
the mathml <mfrac> element is used to display fractions.
... the mathml <mfrac> element is used to display fractions.
... the mathml <mfrac> element is used to display fractions.
...And 5 more matches
Populating the page: how browsers work - Web Performance
sure a fast load.
...clude sending requested information as fast as possible, or at least seem super fast.
... do to make the page load happen as quickly as possible.
...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
Modifying the Page Hosted by a Tab - 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.
...file in add-on's data directory.
...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, useraction, 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, useraction, value methods addsession, clearresults, getdefaultsession, getresultat, getresultcount, getresultvalueat, getsession, getsessionbyname, getsessionresultat, getsessionstatusat, getsessionvalueat, removesession, select, setselectionrange, syncsessions examples (example needed) attributes accesskey type: character this should be set to a character that is used as a 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
Introduction to Public-Key Cryptography - Archive of obsolete content
gital signature allows the certificate to function as a "letter of introduction" for users who know and trust the ca but don't know the entity identified by the certificate.
...f cas, see "how ca certificates are used to establish trust".
...ce.
...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 fractiondigits 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 interaction 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
GlobalEventHandlers.onpointerdown - Web APIs
ibing the pointerdown event.
...tes how to watch for and act upon pointerdown events using onpointerdown.
...ng onpointerdown.
...And 4 more matches
IDBCursor.delete() - Web APIs
Web › API › IDBCursor › delete
, 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
Web › API › IDBCursor › source
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
Web › API › IDBCursor › update
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
IDBDatabaseException - Web APIs
he condition.
...eption raised.
...lowed on an object.
...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 interactions, 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
Notification.Notification() - Web APIs
notification.
...vibration hardware to emit with the notification.
...he notification.
...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
Realizing common layouts using CSS Grid Layout - CSS: Cascading Style Sheets
image galleries, and so on.
...’m combining css grid and flexbox layouts to make a simple product listing layout.
...text of varying height, and a call to action link.
...And 4 more matches
<menu> - HTML: Hypertext Markup Language
Web › HTML › Element › menu
ivated through another element.
...but reintroduced in html5.1 and the html living standard.
...ml living standard.
...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
The "why" of web performance - Learn web development
for your business goals.
...ight cost two days of an average salary.
... plan?
...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
Storage access policy: Block cookies from trackers
.
...ess().
...ting document.
...And 3 more matches
Mork
Mozilla › Tech › 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 transactions in real time, receiving a callback as the transactions take place.
...an implement in your code to monitor http transactions in real time, receiving a callback as the transactions 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
Web › API › Element › cut event
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
Web › API › IDBCursor › advance
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 transactioninactiveerror this idbcursor's transaction 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
Web › API › IDBIndex › count
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 transactioninactiveerror this idbindex's transaction is inactive.
...And 3 more matches
IDBIndex.get() - Web APIs
Web › API › IDBIndex › get
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 transactioninactiveerror this idbindex's transaction is inactive.
...And 3 more matches
IDBIndex.getKey() - Web APIs
Web › API › IDBIndex › getKey
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 transactioninactiveerror this idbindex's transaction 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 transactioninactiveerror this idbindex's transaction 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 transactioninactiveerror this idbindex's transaction 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 transaction, ready for adding the data var transaction = db.transaction(["todolist"], "readwrite"); // report on the success of opening the transaction transaction.oncomplete = function(event) { note.innerhtml += '<li>transaction opened for task addition.</li>'; }; transaction.onerror = function(event) { note.innerhtml += '<li>transaction not opened due to error.
..."], "readwrite"); // report on the success of opening the transaction transaction.oncomplete = function(event) { note.innerhtml += '<li>transaction opened for task addition.</li>'; }; transaction.onerror = function(event) { note.innerhtml += '<li>transaction not opened due to error.
...n the success of opening the transaction transaction.oncomplete = function(event) { note.innerhtml += '<li>transaction opened for task addition.</li>'; }; transaction.onerror = function(event) { note.innerhtml += '<li>transaction 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 interaction design.
...ltiselectable is set to true, multiple items in the grid can be selected.
...And 3 more matches
Implementing a Microsoft Active Accessibility (MSAA) Server - Accessibility
etc.
...tive help for the iaccessible.
...d with this iaccessible.
...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
Working with Events - Archive of obsolete content
nt.
... may be objects returned by constructors.
...ssign a listener function to this property as an alternative to calling the object's on() method.
...And 2 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
Adding a Button to the Toolbar - Archive of obsolete content
to follow this tutorial you'll need to have learned the basics of jpm.
... navigate to it, and execute jpm init, accepting all the defaults.
...s.
...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
Chapter 6: Firefox extensions and XUL applications - Archive of obsolete content
a + b; }, pop: function() { return this.stack.pop(); } } check for errors now you’re ready for your first test.
...urn this.stack.pop(); } } check for errors now you’re ready for your first test.
...y for your first test.
...And 2 more matches
Tamarin build documentation - Archive of obsolete content
estarting eclipse.
...tested on linux but not on other unix flavors.
...ler is written in java and will require the installation of a java™ 1.4 or later jdk.
...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
XForms Repeat Element - Archive of obsolete content
layout each generated control set is placed vertically.
...rol set is placed vertically.
... occurs when the repeat element's appearance attribute has a value of compact.
...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
Mozilla › Tech › APNG
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 aactionurl, in astring ahttprealm); boolean fillform(in nsidomhtmlformelement aform); void findlogins(out unsigned long count, in astring ahostname, in astring aactionurl, in astring ahttprealm, [retval, array, size_is(count)] out nsilogininfo logins); void getalldisabledhosts([optional] out unsigned long count, [retval, array, size_is(count)] out wstring hostnames); ...
...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
Web › API › IDBCursor
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 transaction is aborted and bubbles up to the connection object.
... the abort event is fired on idbdatabase when a transaction is aborted and bubbles up to the connection object.
... event is fired on idbdatabase when a transaction is aborted and bubbles up to the connection object.
...And 2 more matches
IDBFactory.open() - Web APIs
Web › API › IDBFactory › open
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
Web › API › IDBKeyRange › bound
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
Web › API › IDBKeyRange › lower
= 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
Web › API › IDBKeyRange › only
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
Web › API › IDBKeyRange › upper
= 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 transaction, ready for adding the data var transaction = db.transaction(["todolist"], "readwrite"); // report on the success of the transaction completing, when everything is done transaction.oncomplete = function(event) { note.innerhtml += '<li>transaction completed.</li>'; }; transaction.onerror = function(event) { note.innerhtml += '<li>transaction not opened due to error.
...And 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 transaction 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 transaction, ready for adding the data var transaction = db.transaction(["todolist"], "readwrite"); // report on the success of the transaction completing, when everything is done transaction.oncomplete = function(event) { note.innerhtml += '<li>transaction completed.</li>'; }; transaction.onerror = function(event) { note.innerhtml += '<li>transaction not opened due to error.
...And 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 transaction, ready for adding the data var transaction = db.transaction(["todolist"], "readwrite"); // report on the success of the transaction completing, when everything is done transaction.oncomplete = function(event) { note.innerhtml += '<li>transaction completed.</li>'; }; transaction.onerror = function(event) { note.innerhtml += '<li>transaction not opened due to error.
...And 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 interaction with the keyboard; each event describes a single interaction between the user and a key (or combination of a key with modifier keys) on the keyboard.
... keyboardevent objects describe a user interaction with the keyboard; each event describes a single interaction between the user and a key (or combination of a key with modifier keys) on the keyboard.
...e keyboard; each event describes a single interaction 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
Web › CSS › number
the <number> css data type represents a number, being either an integer or a number with a fractional component.
... the <number> css data type represents a number, being either an integer or a number with a fractional component.
... digits, and may be appended to an integer.
...And 2 more matches
The HTML autocomplete attribute - HTML: Hypertext Markup Language
date, typically in the form "mm/yy" or "mm/yyyy".
... "cc-exp-month" the month in which the payment method expires.
...hich the payment method expires.
...And 2 more matches
HTML attribute reference - HTML: Hypertext Markup Language
vior in various ways to meet the criteria the users want.
...ading a resource.
...s (such as the value of textarea elements), or in elements in an editing host (e.g., using contenteditable attribute).
...And 2 more matches
<input type="url"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › url
ing within a control, if the user agent's preferences override the setting.
...erences override the setting.
...for android only.
...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 interaction 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 pageactions.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.
XUL accessibility guidelines - Archive of obsolete content
ser-defined font and color settings.
... adjust a time limit or request more time.
...e tracking to type.
...ained.
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 interaction.
CSS values and units - Learn web development
possible values.
...sents a decimal number — it may or may not have a decimal point with a fractional 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!
Localization content best practices
is needed, try to give the translators "room to move".
...anslations.
...ive mood instead.
...ng strings, etc.
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 asuppresstransaction); void removeattributeorequivalent(in nsidomelement element, in domstring sourceattrname, in boolean asuppresstransaction); void postcreate(); void predestroy(in boolean adestroyingframes); selected content removal void deleteselection(in short action, in short stripwrappers); document info and file methods void 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); transaction methods void dotransaction(in nsitransaction 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 begintransaction(); void endtransaction(); ...
...saction(in nsitransaction 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 begintransaction(); void endtransaction(); void beginplaceholdertransaction(in nsiatom name); void endplaceholdertransaction(); 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 editactionlistener observer); void removeeditorobserver(in nsieditorobserver observer obsolete since gecko 18); void addeditactionlistener(in nsieditactionlistener listener); void removeeditactionlistener(in nsieditactionlistener 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 performsimpleaction(): hapticfeedback.performsimpleaction(components.interfaces.nsihapticfeedback.longpress); method overview void performsimpleaction(in long islongpress); constants press length constants constant value description shortpress 0 specify as the action type to perform a short vibration.
...ng performsimpleaction(): hapticfeedback.performsimpleaction(components.interfaces.nsihapticfeedback.longpress); method overview void performsimpleaction(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 performsimpleaction(in long islongpress); constants press length constants constant value description shortpress 0 specify as the action type to perform a short vibration.
...verview void performsimpleaction(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.
...istenernsimessagelistenermanagernsimessagesendernsimessagewakeupservicensimessengernsimicrosummarynsimicrosummarygeneratornsimicrosummaryobservernsimicrosummaryservicensimicrosummarysetnsimimeconverternsimimeheadersnsimodulensimsgaccountnsimsgaccountmanagerextensionnsimsgcompfieldsnsimsgcustomcolumnhandlernsimsgdbhdrnsimsgdbviewnsimsgdbviewcommandupdaternsimsgdatabasensimsgfilternsimsgfiltercustomactionnsimsgfilterlistnsimsgfoldernsimsgheaderparsernsimsgidentitynsimsgincomingservernsimsgmessageservicensimsgprotocolinfonsimsgruleactionnsimsgsearchcustomtermnsimsgsearchnotifynsimsgsearchscopetermnsimsgsearchsessionnsimsgsearchtermnsimsgsearchvaluensimsgsendlaternsimsgthreadnsimsgwindownsimsgwindowcommandsnsimutablearraynsinavbookmarkobservernsinavbookmarksservicensinavhistorybatchcallbacknsinavhis...
...onnsitaskbarpreviewcontrollernsitaskbarprogressnsitaskbartabpreviewnsitaskbarwindowpreviewnsitelemetrynsitextinputprocessornsitextinputprocessorcallbacknsitextinputprocessornotificationnsithreadnsithreadeventfilternsithreadinternalnsithreadmanagernsithreadobservernsithreadpoolnsithreadpoollistenernsitimernsitimercallbacknsitoolkitnsitoolkitprofilensitoolkitprofileservicensitraceablechannelnsitransactionnsitransactionlistnsitransactionlistenernsitransactionmanagernsitransferablensitransportnsitransporteventsinknsitransportsecurityinfonsitreeboxobjectnsitreecolumnnsitreecolumnsnsitreecontentviewnsitreeselectionnsitreeviewnsiurinsiurifixupnsiurifixupinfonsiurlnsiurlformatternsiurlparsernsiutf8converterservicensiutf8stringenumeratornsiuuidgeneratornsiupdatensiupdatechecklistenernsiupdatecheckernsiup...
...ptionnsixsltprocessornsixsltprocessorobsoletensixulappinfonsixulbrowserwindownsixulbuilderlistenernsixulruntimensixulsortservicensixultemplatebuildernsixultemplatequeryprocessornsixultemplateresultnsixulwindownsixmlrpcclientnsixmlrpcfaultnsizipentrynsizipreadernsizipreadercachensizipwriternsmsgfilterfileattribvaluensmsgfolderflagtypensmsgjunkstatusnsmsgkeynsmsglabelvaluensmsgpriorityvaluensmsgruleactiontypensmsgsearchattribnsmsgsearchopnsmsgsearchscopensmsgsearchtermnsmsgsearchtypevaluensmsgsearchvaluensmsgsearchwidgetvaluenspipromptservice 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
Web › API › Element
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.direction - Web APIs
he source.
... of idbobjectstore.opencursor.
...e.opencursor.
...a based on a key; we can just grab all of it.
IDBCursor.key - Web APIs
Web › API › IDBCursor › key
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
Web › API › IDBIndex › keyPath
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
Web › API › IDBIndex › locale
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
Web › API › IDBIndex › unique
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
Web › API › IDBIndex
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 interactions 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
Web › API › XRPose › transform
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.
...handaction() 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.primaryaction(); } else { targetobject.offhandaction(); } } }); 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: timer role - Accessibility
provide the name of the timer.
...e timer.
...tion.
...used to manage the focus inside the application container.
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
Web › HTML › Element › button
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
Web › HTML › Element › input › search
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="tel"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › tel
he length of the input data, use the maxlength attribute.
... attribute.
...x for android only.
...cates whether or not to activate automatic correction while the user is editing this field.
<input type="text"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › text
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
Web › HTTP › Headers › Index
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
Web › HTTP › Messages
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: 'fractionalsecond', 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 <maction> 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.
Reddit Example - Archive of obsolete content
this example uses the action button api, which is only available from firefox 29 onwards.
...in a new tab in the main browser window.
...tab in the main browser window.
Communicating using "port" - Archive of obsolete content
a a content script: panel.port.on("mymessage", function handlemymessage(mymessagepayload) { // handle the message }); port.removelistener() you can use port.on() to listen for messages.
...ker and a button.
... button.
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.
Localization - Archive of obsolete content
locale/ en-us.properties fr.properties "en-us.properties" contains this: hello_id= hello!
...vailable from firefox 29 onwards.
...from firefox 29 onwards.
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-interaction.html#gdk-x11-get-server-time var gdk_x11_get_server_time = gdk.declare('gdk_x11_get_server_time', ctypes.default_abi, guint32, gdkwindow.ptr); var browserwindow_madeintogdkwinptr = gdkwindow.ptr(ctypes.uint64(gdkwindowptrstring)); var 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-interaction.html#gdk-x11-get-server-time var gdk_x11_get_server_time = gdk.declare('gdk_x11_get_server_time', ctypes.default_abi, guint32, gdkwindow.ptr); var browserwindow_madeintogdkwinptr = gdkwindow.ptr(ctypes.uint64(gdkwindowptrstring)); var gptr = gpointer(); var rez_gwgud = gdk_window_get_user_data(browserwindow_madeintogdkwinptr, gptr.address()); console.info('rez_gwgud:', rez_gwgud, /*rez_gwgud.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-interaction.html#gdk-x11-drawable-get-xid var gdk_x11_drawable_get_xid = gdk.declare('gdk_x11_drawable_get_xid', ctypes.default_abi, xid, gdkdrawable.ptr); var browserwindow_madeintogdkwinptr = gdkwindow.ptr(ctypes.uint64(gdkwindowptrstring)); var browserwindow_madeintogdkdrawable = ctypes.cast(browserwindow_madeintogdkwinptr, gdkdrawable.ptr); var browserwindow_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.
Chapter 3: Introduction to XUL—How to build a more intuitive UI - Archive of obsolete content
.
...cting menu items much like dynamic html, event handlers are used to execute a command when a menu item is selected.
...ext.
User Notifications and Alerts - Archive of obsolete content
« previousnext » it is often the case that extensions need to notify users about important events, often requiring some response.
...ually a bad idea.
...will be clicked.
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.
Tamarin - Archive of obsolete content
tamarin is a javascript engine written in c++.
...he adobe® flash® player versions 9 and later.
...o adapt source code to the changes.
The Download Manager schema - Archive of obsolete content
current number of bytes that have been downloaded.
...that have been downloaded.
...be null.
Deprecated and defunct markup - Archive of obsolete content
s review} the following xul tags and attribute should be considered deprecated, if not defunct.
...ecated, if not defunct.
...a few elements which are actually in use, but at a deeper level in the code.
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("soapaction", 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, > 'soapaction': 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 transaction = event.transaction; db.createobjectstore("stuff"); transaction.oncomplete = grabevent; yield; } db.transaction(["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.
XForms Trigger Element - Archive of obsolete content
introduction allows the user to initiate actions (see the spec).
... introduction allows the user to initiate actions (see the spec).
... introduction allows the user to initiate actions (see the spec).
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).
Third-party APIs - Learn web development
to the api's functionality.
... your own examples, you'll use your own api key in place of any placeholder.
...of them.
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.
Adding a new todo form: Vue events, methods, and models - Learn web development
component.
...he submit handler to your <form> element like so: <form @submit="onsubmit"> when you run this, the app still posts the data to the server, causing a refresh.
...e button event.
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.
Gecko info for Windows accessibility vendors
irefox and mozilla to develop the ui.
...window() will get you the root iaccessible corresponding to the top level window.
...level window.
Accessible Toolkit Checklist
which child is focused?
...sed?
...hich children of this item are selected?
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.
Error codes returned by Mozilla APIs
not support the desired feature.
...ror_dom_file_not_found_err (0x80650000) file was not found.
...804b000a) the uri is malformed.
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 fractions (\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 abstraction and messagegenerator class that can generate one or more syntheticmessages at a time.
...ge abstraction 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
Mozilla › Projects › 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
Mozilla › Projects › 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 transaction 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 Password Lists
.
...s.
...http authentication passwords.
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 interactions on the global history.
... toolkit/components/places/nsinavhistoryservice.idlscriptable this interface is similar to the nsirdfobserver class, but is used to observe interactions on the global history.
...inavhistoryservice.idlscriptable this interface is similar to the nsirdfobserver class, but is used to observe interactions 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 transaction 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 transaction 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
Web › API › Document
nimationend fired when an animation has completed normally.
...n fired when an animation iteration has completed.
...hen an animation starts.
DragEvent - Web APIs
Web › API › DragEvent
the dragevent interface is a dom event that represents a drag and drop interaction.
... the dragevent interface is a dom event that represents a drag and drop interaction.
...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
Web › API › Event › returnValue
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 interaction.
....
IDBCursor.request - Web APIs
Web › API › IDBCursor › request
the idbrequest used to obtain the cursor.
...sed to obtain the cursor.
...b workers.
IDBDatabase.close() - Web APIs
Web › API › IDBDatabase › close
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.createObjectStore() - Web APIs
object store or index.
... autoincrement if true, the object store has a key generator.
...lts to false.
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 transaction.
...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.
... transactioninactiveerror this idbobjectstore's transaction is inactive.
IDBRequest.error - Web APIs
Web › API › IDBRequest › error
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.setactionhandler('play', function() {}); navigator.mediasession.setactionhandler('pause', function() {}); navigator.mediasession.setactionhandler('seekbackward', function() {}); navigator.mediasession.setactionhandler('seekforward', function() {}); navigator.mediasession.setactionhandler('previoustrack', function() {}); navigator.mediasession.setactionhandler('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.setactionhandler('play', function() {}); navigator.mediasession.setactionhandler('pause', function() {}); navigator.mediasession.setactionhandler('seekbackward', function() {}); navigator.mediasession.setactionhandler('seekforward', function() {}); navigator.mediasession.setactionhandler('previoustrack', function() {}); navigator.mediasession.setactionhandler('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 transaction (i.e., they hit "pay").
...urns the type of shipping used to fulfill the transaction.
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.
Web Push API Notifications best practices - Web APIs
nts, and you can use behavior to determine intent.
...ne intent.
...fore the page can request permission to perform push notifications.
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 interaction 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 interaction 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 interaction 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 interaction.
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
Web › API › Window › copy event
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
Web › API › Window › cut event
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
Web › API › Window
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 interactions with the associated stream to error.
... the error() method of the writablestreamdefaultcontroller interface causes any future interactions 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
Web › API
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 idbtransaction idbtransactionsync 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 mediasessionactiondetails 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 notificationaction 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
Web › CSS › clamp
) 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
Web › Guide › Events
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.
<form> - HTML: Hypertext Markup Language
Web › HTML › Element › form
may automatically complete entries.
...ml 4 (use id instead).
...h type=file.
<isindex> - HTML: Hypertext Markup Language
Web › HTML › Element › isindex
ort depended on both the browser and the server to react to the query.
....01.
... html elements, this element accepted the global attributes.
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
Web › HTML › Index
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.
Content-Security-Policy - HTTP
in a document's <base> element.
... user can navigate or submit a form, for example.
...-src.
DELETE - HTTP
Web › HTTP › Methods › DELETE
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 subtraction 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.minimumfractiondigits; // 0 usedoptions.maximumfractiondigits; // 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
Web › MathML › Index
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.
Performance fundamentals - Web Performance
speech.
...no means pointless to optimize other metrics, but real upp targets come first.
...er task is operating).
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.
port - Archive of obsolete content
orker and a button.
... a button.
Content Scripts - Archive of obsolete content
rker you can use to communicate with the content script(s) you attached.
...ript(s) you attached.
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.
widget - Archive of obsolete content
deprecated in firefox 29 and removed in firefox 38.
...n apis, and for a more complex widget try the toolbar or sidebar apis.
ui/button/toggle - Archive of obsolete content
experimental add a toggle button to the firefox user interface.
... experimental add a toggle button to the firefox user interface.
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.
JavaScript timers - Archive of obsolete content
xecutes a code snippet after specified delay.
...utes a code snippet repeatedly, with a fixed time delay between each call to that function.
Communication between HTML and your extension - Archive of obsolete content
see also interaction between privileged and non-privileged pages.
...ustom components and their specific component behavior rather than trying to impose some kind of messaging on existing components.
Displaying web content in an extension without security issues - Archive of obsolete content
javascript and plugins.
...use clicks?
Downloading JSON and JavaScript in extensions - Archive of obsolete content
website.
...roceed to use eval() to decode the string content into javascript objects.
Appendix C: Avoiding using eval in Add-ons - Archive of obsolete content
original function which you then call from the new one.
...ep a reference to the original function.
Observer Notifications - Archive of obsolete content
« previousnext » sometimes you need your code to send a message to other parts of your code.
...de.
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.
Inner-browsing extending the browser navigation paradigm - Archive of obsolete content
approach the seamlessness and usability of good application user interfaces.
...mponent.
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.
Notes on HTML Reflow - Archive of obsolete content
ich corresponds to the <html> element of the html document.
...e block frame iterates through the dirty lineboxes), and reflows the dirty child frames.
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 transactions processes http response codes intercepts progress notifications nshttpconnection implements nsistreamlistener & nsistreamprovider talks to the socket transport service feeds data to its transaction object routes progress notifications nshttpconnectioninfo identifies a connection nshttptransaction implements nsirequest encapsulates a http request and response parses incoming data nshttpchunkeddecoder owned by a transaction strips chunked transfer encoding nshttprequesthead owns a nshttpheaderarray knows how to fill a request buffer nshttpresponsehead owns a nsht...
Mozilla Application Framework in Detail - Archive of obsolete content
rt for common protocols (http, ftp, file, etc.) and a way to plug in custom protocol handlers.
...ld testing and revision to maximize web site compatibility.
Tamarin Acceptance Test Template - Archive of obsolete content
your * decision by deleting the provisions above and replace them with the notice * and other provisions required by the gpl or the lgpl.
...tice * and other provisions required by the gpl or the lgpl.
Anonymous Content - Archive of obsolete content
cit targets.
...nt itself, one of two actions occurs.
Install Wizards (aka: Stub Installers) - Archive of obsolete content
ing: the content of this article may be out of date.
...moving old or obsolete files and directories, executing command line tools, etc.
Return Codes - Archive of obsolete content
ksum generated for the source file does not match the checksum in the xpi file.
...does not match the checksum in the xpi file.
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.
Introduction to XUL - Archive of obsolete content
architecture is a better place to gain an understanding of such things.
...ecture, concentrating on the task of building uis.
MenuItems - Archive of obsolete content
</script> ...
...you can also set the autocheck attribute on a radio menuitem to disable the automatic adjustment of the checked state.
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 » ...
Containment Properties - Archive of obsolete content
nt attribute.
... the previous example, except that the full query syntax is used.
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.
Simple Query Syntax - Archive of obsolete content
e the default query shown above, although the variable names are randomly generated.
... generated.
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.
Template Logging - Archive of obsolete content
ed value.
... not installed or set up properly.
The Joy of XUL - Archive of obsolete content
(ecmascript); xml 1.0.
...porting it to other platforms.
Adding Event Handlers - Archive of obsolete content
is the user pressing a mouse button or pressing a key.
...ach ancestor of the xul element where the event occured downwards until it reaches that element.
XUL Accesskey FAQ and Policies - Archive of obsolete content
m control?
... important prompts first, so that they get the best accesskeys.
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
Archive › Mozilla › XUL › rule
« 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.
textbox - Archive of obsolete content
any decimal places.
... decrease() return type: no return value decreases the value of the scale or number box by the increment.
calICalendarView - Archive of obsolete content
t by the consumers of calicalendarview very early in an application/extension's loading process.
...ding process.
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.
Introduction to SSL - Archive of obsolete content
e, is a bank sending confidential financial information to a customer and wants to check the recipient's identity.
...-protocols: the ssl record protocol and the ssl handshake protocol.
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.
Choosing Standards Compliance Over Proprietary Practices - Archive of obsolete content
thin the web environment, the accessibility standards are closely tied to html, xml, xhtml, and other w3c standards.
... export because they introduced mfc (microsoft foundation classes), which is a windows-only standard that does not follow the ansi standard.
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.
Implementing game control mechanisms - Game development
r preloading required assets, create() is executed once the state had started, and update() is executed on every frame.
... for example, you can define a button in the create() function: create: function() { // ...
Paddle and keyboard controls - Game development
« previousnext » this is the 4th step out of 10 of the gamedev canvas tutorial.
... draw the paddle on the screen.
2D maze game with device orientation - Game development
ick" or "down" state.
... power-ups to collect along the way that will make our ball roll faster, stop the timer for a few seconds or give the ball special powers to go through obstacles.
Visual typescript game engine - Game development
s engine based on matter.js.
...bru/matter-js matter.ts used because typescript orientation.
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 interaction 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.
CSRF - MDN Web Docs Glossary: Definitions of Web-related terms
csrf (cross-site request forgery) is an attack that impersonates a trusted user and sends a website unwanted commands.
...site request forgery) is an attack that impersonates a trusted user and sends a website unwanted commands.
High-level programming language - MDN Web Docs Glossary: Definitions of Web-related terms
a high-level programming language has a significant abstraction from the details of computer operation.
...ration.
Navigation directive - MDN Web Docs Glossary: Definitions of Web-related terms
csp navigation directives are used in a content-security-policy header and govern to which location a user can navigate to or submit a form to, for example.
...src directive.
Perceived performance - MDN Web Docs Glossary: Definitions of Web-related terms
perceived performance is a subjective measure of how fast a website seems to a user based on load time and site responsiveness.
... perceived performance is a subjective measure of how fast a website seems to a user based on load time and site responsiveness.
RAIL - MDN Web Docs Glossary: Definitions of Web-related terms
rail, an acronym for response, animation, idle, and load, is a performance model originated by the google chrome team in 2015, focused on user experience and performance within the browser.
...le, response to input, and scrolling and animation.
State machine - MDN Web Docs Glossary: Definitions of Web-related terms
a state machine is a mathematical abstraction used to design algorithms.
... a state machine is a mathematical abstraction used to design algorithms.
jQuery - MDN Web Docs Glossary: Definitions of Web-related terms
jquery is a javascript library that focuses on simplifying dom manipulation, ajax calls, and event handling.
... jquery is a javascript library that focuses on simplifying dom manipulation, ajax calls, and event handling.
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".
HTML forms in legacy browsers - Learn web development
t: internet explorer standards support documentation webkit: because there are several different editions of this engine, things are a little trickier.
...site.
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.
Tips for authoring fast-loading HTML pages - Learn web development
ript best practices, there is no need to change your code.
... can only run after page loads.
Use JavaScript within a webpage - Learn web development
if you use pointer events (like mouse events or touch events), duplicate the functionality with keyboard events.
... content read out.
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.
A first splash into JavaScript - Learn web development
g, and if they are wrong, whether the guess was too low or too high.
...our browser, and open the developer tools javascript console.
Inheritance in JavaScript - Learn web development
n ecmascript syntax.
...hich to store our name property.
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 abstractions.
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 /> <!-- moreactions --> <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...
Getting started with Svelte - Learn web development
ices with slow network connections and limited processing power.
...media (min-width: 640px) { main { max-width: none; } } </style> we are applying a style to our <h1> element.
Handling common JavaScript problems - Learn web development
are using put together into one file.
...le that want to use modern javascript features now is converting code that makes use of ecmascript 6/ecmascript 2015 features to a version that will work in older browsers.
Setting up your own test automation environment - Learn web development
set up a selenium testing environment locally and run tests with it, and how to integrate it with tools like lambdatest, sauce labs, and browserstack.
...(note that the saucelabs npm package rather confusingly uses password, not accesskey).
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.
Client-side tooling overview - Learn web development
ework’s javascript code works hard to interpret this custom syntax and render it as a final web app.
...y, quality, and maintenance scores, and how recently the package was last updated.
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.
mozbrowsercaretstatechanged
standards track.
...ities between implementations and the behavior may change in the future.
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.
Creating localizable web applications
l to the current locale.
...ve longer words than english, you may want to make an element slightly wider.
Mozilla MathML Status
bug 534967.
...not implemented.
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 cmsutil
aphic message syntax (cms) messages.
....
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_compaction_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.
Gecko object attributes
for more information.
...ld items within the container are currently sorted as indicated.
Building the WebLock UI
ge loading in the browser.
...ents be selected, but not both.
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 reaction.
... valid values are "auto", "ltr" or "rtl".
nsIAnnotationService
t value defined above.
...t value defined above.
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!
nsIXULTemplateResult
he resource uri must be the same as the id property.
... object.
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 nsitransactionmanager 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>.
Examine and edit HTML - Firefox Developer Tools
s will give them a non-zero width and height.
... example the "open file in style-editor" option only appears when you context-click over the top of a link to a css file.
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.requestFullscreen() - Web APIs
ginal document, then the document receives these events instead.
...ent.fullscreenelement has a value—we call the video's requestfullscreen() method.
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.explicitOriginalTarget - Web APIs
rent and explicitoriginaltarget will show the text node.
...anonymous content.
Event - Web APIs
Web › API › Event
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
Web › API › Fetch API
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.
The HTML DOM API - Web APIs
he document.
...t's zero, then the "send" button is disabled if it's not already disabled.
Headers - Web APIs
Web › API › Headers
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.
History - Web APIs
Web › API › History
ior on history navigation.
...ethods.
IDBCursor.continuePrimaryKey() - Web APIs
rs coming from an object store will throw an error.
...error.
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 transaction, ready for adding the data const transaction = db.transaction(['todolist'], 'readwrite'); const objectstore = transaction.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 transaction, ready for adding the data const transaction = db.transaction(['todolist'], 'readwrite'); const objectstore = transaction.objectstore('todolist'); const objectstorerequest = objectstore.add(newitem); }; ...
IDBIndex.getAll() - Web APIs
Web › API › IDBIndex › getAll
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.
IDBObjectStore.getAll() - Web APIs
ount optional specifies the number of values to return if more than one is found.
...eturn if more than one is found.
IDBObjectStore.getAllKeys() - Web APIs
ount optional specifies the number of values to return if more than one is found.
...eturn if more than one is found.
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 transaction, ready for adding the data const transaction = db.transaction(['todolist'], 'readwrite'); const objectstore = transaction.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 transaction, ready for adding the data const transaction = db.transaction(['todolist'], 'readwrite'); const objectstore = transaction.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
Web › API › IDBRequest › result
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
Web › API › IDBRequest › source
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.
InputDeviceCapabilities API - Web APIs
mpts to describe how the device behaves rather than what it is.
... abstracting the capabilities of input devices.
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.
MediaDevices.getDisplayMedia() - Web APIs
the compatibility table for details for each browser.
...be used to limit the options available to the user.
MediaSession.playbackState - Web APIs
he playback state is not available at this time.
...d the browser's media session is currently paused.
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 interaction 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.
PublicKeyCredentialRequestOptions.extensions - Web APIs
, only appid is supported by chrome and edge.
... simple transaction authorization.
RTCIceCandidate.protocol - Web APIs
uses, udp or tcp.
...he candidate will use the udp transport protocol for its data.
ReadableByteStreamController.error() - Web APIs
the error() method of the readablebytestreamcontroller interface causes any future interactions with the associated stream to error.
... the error() method of the readablebytestreamcontroller interface causes any future interactions with the associated stream to error.
ReadableStreamDefaultController.error() - Web APIs
the error() method of the readablestreamdefaultcontroller interface causes any future interactions with the associated stream to error.
... the error() method of the readablestreamdefaultcontroller interface causes any future interactions with the associated stream to error.
TextTrack.mode - Web APIs
Web › API › TextTrack › mode
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
Web › API › VTTCue › VTTCue
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
Web › API › VTTCue
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.
WebGLRenderingContext - Web APIs
r stencil testing.
... front and back writing of individual bits in the stencil planes.
Raining rectangles - Web APIs
« previousnext » a simple webgl game that demonstrates clearing with solid colors, scissoring, animation, and user interaction.
... « previousnext » a simple webgl game that demonstrates clearing with solid colors, scissoring, animation, and user interaction.
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.
Signaling and video calling - Web APIs
workflow may also demand login/authentication functionality, but such details will vary.
...changes.
Lighting a WebXR setting - Web APIs
s on the opposite side of the normal vector.
...ene).
WebXR permissions and security - Web APIs
tly has focus.
...ct when calling requestsession().
Spaces and reference spaces: Spatial tracking in WebXR - Web APIs
of individual parts of the viewer's body (with appropriate equipment).
...tem's getoffsetreferencespace() method.
Web Audio API best practices - Web APIs
ser support and, provides a useful subset of functionality.
...omatically be set to running.
Controlling multiple parameters with ConstantSourceNode - Web APIs
two gainnodes and a stereopannernode.
...ode3 (affecting their audio inputs as expected).
Using the Web Speech API - Web APIs
along with demos.
... to wait for the event to fire before populating the list, hence the if statement seen below.
Window.open() - Web APIs
Web › API › Window › open
<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 transaction is aborted, such as when the xmlhttprequest.abort() function is called.
... the xmlhttprequesteventtarget.onabort is the function called when an xmlhttprequest transaction 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 transaction fails due to an error.
...en an xmlhttprequest transaction fails due to an error.
XMLHttpRequestEventTarget.onloadstart - Web APIs
the xmlhttprequesteventtarget.onloadstart is the function called when an xmlhttprequest transaction starts transferring data.
... the xmlhttprequesteventtarget.onloadstart is the function called when an xmlhttprequest transaction 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: article role - Accessibility
t, a comment to a comment to a forum or blog post, any an item in a social media feed.
...in a social media feed.
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: form role - Accessibility
the form is used for search functionality.
...y.
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.
An overview of accessible web applications and widgets - Accessibility
e aria specification is split up into three different types of attributes: roles, states, and properties.
...should allow for selection or navigation within the widget.
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 reactions 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.
Understandable - Accessibility
deas.
...to check if the entry is correct, and if not, what viable suggestions can be given to the user.
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.
CSS values and units - CSS: Cascading Style Sheets
n characters.
...epresent the size of a single dot in a graphical representation, such as a screen, by indicating how many of these dots fit in a css inch, centimeter, or pixel.
calc() - CSS: Cascading Style Sheets
Web › CSS › calc
https://github.com/mdn/interactive-examples and send us a pull request.
... value.
<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
Web › CSS › max
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
Web › CSS › min
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.
transition-timing-function - CSS: Cascading Style Sheets
ach for 1/n of the duration jump-both includes pauses at both the 0% and 100% marks, effectively adding a step during the transition time.
... adding a step during the transition time.
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 &lt;h1&gt;</option> <option value="h2">title 2 &lt;h2&gt;</option> <option ...
User input and controls - Developer guides
f the pointing device.
... a mouse, you can also control user input through the pointer lock api and implement drag & drop (see below).
HTML attribute: readonly - HTML: Hypertext Markup Language
or other controls (such as checkboxes and buttons) there is no useful distinction between being read-only and being disabled, so the readonly attribute does not apply.
...match the :read-write pseudo-class.
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.
<body>: The Document Body element - HTML: Hypertext Markup Language
Web › HTML › Element › body
when the document has finished loading.
...work communication has been restored.
<fieldset>: The Field Set element - HTML: Hypertext Markup Language
Web › HTML › Element › fieldset
ed with display: flex or display: inline-flex, then the anonymous box will be a flex formatting context.
...a <legend>, and a single control inside it.
<input type="range"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › range
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 fractional part of the value selected.
<output>: The Output element - HTML: Hypertext Markup Language
Web › HTML › Element › output
the html output element (<output>) is a container element into which a site or app can inject the results of a calculation or the outcome of a user action.
...trols changes.
<tr>: The Table Row element - HTML: Hypertext Markup Language
Web › HTML › Element › tr
the use of colspan to make the "membership dates" header cell span across two columns.
...ke the "membership dates" header cell span across two columns.
HTML elements reference - HTML: Hypertext Markup Language
Web › HTML › Element
ta and control widgets are available, depending on the device and user agent.
... <option> the html <option> element is used to define an item contained in a <select>, an <optgroup>, or a <datalist> element.
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 traction.
...it has been further extended for specific applications like carddav to handle address book entries and caldav to deal with calendars.
NEL - HTTP
Web › HTTP › Headers › NEL
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 fractional 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.
Array.prototype.slice() - JavaScript
he index of items in that array.
...tart optional zero-based index at which to start extraction.
Intl.DateTimeFormat() constructor - JavaScript
2", "h23", "h24".
... an object with some or all of the following properties: datestyle the date formatting style to use when calling format().
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 fractional 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.
SharedArrayBuffer.prototype.slice() - JavaScript
same algorithm as array.prototype.slice().
... pull request.
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 extraction.
TypedArray.prototype.slice() - JavaScript
pe.slice().
...ples and send us a pull request.
Standard built-in objects - JavaScript
jects represent collections which use keys.
...hich use keys.
Expressions and operators - JavaScript
bject.
...dition ?
<mstyle> - MathML
Web › MathML › Element › mstyle
ions: height, depth or width do not apply to <mglyph>, <mpadded> or <mtable>.
... depth or width do not apply to <mglyph>, <mpadded> or <mtable>.
Animation performance and frame rate - Web Performance
vascript animations, can cause performance issues even if the bandwidth footprint is small.
... the waterfall.
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.
Performance Monitoring: RUM vs synthetic monitoring - Web Performance
nsight, helping identify, isolate, and resolve problems before they negatively user experience.
... rum helps identify how an application is being used, including the geographic distribution of users and the impact of that distribution on the end user experience.
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.
Add to Home screen - Progressive web apps (PWAs)
ble, use it to navigate to our demo at https://mdn.github.io/pwa-examples/a2hs/.
...o it appears in the ui for the user to click.
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.
Tools for SVG - SVG: Scalable Vector Graphics
ck is one of the most famous command-line image processing tools.
...closer to what the svg will look like in the browser.
SVG: Scalable Vector Graphics
Web › SVG
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.
Loading and running WebAssembly code - WebAssembly
r webassembly module binary after fetching the raw bytes, and then compile/instantiate it.
...e did with fetch.
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.
2015 MDN Fellowship Program - Archive of obsolete content
ve offline experiences and wiill also allow access to push notifications and background sync apis.
Window: deviceproximity event - Archive of obsolete content
the deviceproximity event is fired when fresh data is available from a proximity sensor.
Window: userproximity event - Archive of obsolete content
the userproximity event is fired when fresh data is available from a proximity sensor (indicates whether the nearby object is near the device or not).
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...
content/loader - Archive of obsolete content
nce(), and removelistener() functions that enable its users to listen to events.
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.
Low-Level APIs - Archive of obsolete content
xul tabs and the xul tabbrowser object.
Release notes - Archive of obsolete content
ions added to lang/functional.
Creating annotations - Archive of obsolete content
deprecated in firefox 29 and removed in firefox 38.
Displaying annotations - Archive of obsolete content
deprecated in firefox 29 and removed in firefox 38.
Implementing the widget - Archive of obsolete content
deprecated in firefox 29 and removed in firefox 38.
Storing annotations - Archive of obsolete content
deprecated in firefox 29 and removed in firefox 38.
Annotator - Archive of obsolete content
deprecated in firefox 29 and removed in firefox 38.
Developing for Firefox Mobile - Archive of obsolete content
system/environment supported system/events supported system/runtime supported system/unload supported system/xul-app supported tabs/utils supported test/assert supported test/harness supported test/httpd supported test/runner supported test/utils supported ui/button/action not supported ui/button/toggle not supported ui/frame not supported ui/id supported ui/sidebar not supported ui/toolbar not supported util/array supported util/collection supported util/deprecate supported util/list supported util/match-pattern supported util/object ...
Alerts and Notifications - Archive of obsolete content
bedcomp/window-watcher;1'] .getservice(components.interfaces.nsiwindowwatcher) .openwindow(null, 'chrome://global/content/alerts/alert.xul', '_blank', 'chrome,titlebar=no,popup=yes', null); win.arguments = [image, title, msg, false, '']; } using notification box another way of non-modal notification and further interaction with users is using of xul elements notificationbox and notification (implicitly).
File I/O - Archive of obsolete content
king the existence of a file // |file| is nsifile if (file.exists()) { // ...
Examples and demos from articles - Archive of obsolete content
nd then to stop them when appropriate through the cleartimeout() function.
Preferences - Archive of obsolete content
s when the browser loads).
JavaScript Daemons Management - Archive of obsolete content
he minidaemon framework will remain the recommended way for simple animations, because daemon without its collection of methods is essentially a clone of it.
Code snippets - Archive of obsolete content
ating compilers).
Extension Etiquette - Archive of obsolete content
ode.
Inline options - Archive of obsolete content
the radio values control button no pref stored the pref attribute should have the full name of the preference to be stored.
Appendix B: Install and Uninstall Scripts - Archive of obsolete content
rder for the extension to be completely removed.
Appendix D: Loading Scripts - Archive of obsolete content
he page // available to your sandbox script, use content.wrappedjsobject // instead.
Appendix F: Monitoring DOM changes - Archive of obsolete content
s can be searched for a matching element.
Getting Started with Firefox Extensions - Archive of obsolete content
n the plugins page.
Intercepting Page Loads - Archive of obsolete content
{ // re_url_to_modify is a regular expression.
The Essentials of an Extension - Archive of obsolete content
re attribute tells firefox to add the menu at the bottom of the dev tools section, above its end separator.
XPCOM Objects - Archive of obsolete content
ation, which basically amounts to understanding the syntax of xpidl, the language used to specify xpcom interfaces.
Performance best practices in extensions - Archive of obsolete content
chunks of code fragments can be significantly deferred.
Security best practices in extensions - Archive of obsolete content
ontent from a domain (such as http://www.example.com) can only access that same domain.
Updating addons broken by private browsing changes - Archive of obsolete content
will always be non-private.
Search Extension Tutorial (Draft) - Archive of obsolete content
not being restored after the add-ons responsible are disabled, mozilla will take any steps necessary to mitigate the impact of offending add-ons.
Add-ons - Archive of obsolete content
nifest is the file an add-on manager-enabled xul application (e.g.
Creating reusable content with CSS and XBL - Archive of obsolete content
se limitations: xbl (xml bindings language).
XML data - Archive of obsolete content
e full list of display types, see the display property in the css specification.
XUL user interfaces - Archive of obsolete content
s status bars, menus, tool bars, and even browsers.
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.
Creating a dynamic status bar extension - Archive of obsolete content
g at.
MozAudioAvailable - Archive of obsolete content
the mozaudioavailable event is fired when the audio buffer is full and the corresponding raw samples are available.
MozBeforeResize - Archive of obsolete content
the mozbeforeresize event is executed before a browser window is resized.
cached - Archive of obsolete content
the cached event is fired when the resources listed in the application cache manifest have been downloaded, and the application is now cached.
chargingchange - Archive of obsolete content
the chargingchange event is fired when the charging attribute of the battery api has changed.
chargingtimechange - Archive of obsolete content
the chargingtimechange event is fired when the chargingtime attribute of the battery api has changed.
checking - Archive of obsolete content
the checking event is fired when the user agent is checking for an update, or attempting to download the cache manifest for the first time.
dischargingtimechange - Archive of obsolete content
the dischargingtimechange event is fired when the dischargingtime attribute of the battery api has changed.
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.
error - Archive of obsolete content
the error event is fired when an error occurred while downloading the cache manifest or updating the content of the application.
levelchange - Archive of obsolete content
the levelchange event is fired when the level attribute of the battery api has changed.
noupdate - Archive of obsolete content
the noupdate event is fired after checking for an application cache update, if the manifest hasn't changed.
obsolete - Archive of obsolete content
the obsolete event is fired when the manifest was found to have become a 404 or 410 page, so the application cache is being deleted.
progress - Archive of obsolete content
the progress event is fired when the user agent is downloading resources listed by the manifest.
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 transactional 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...
Source code directories overview - Archive of obsolete content
irectory.
Autodial for Windows NT - Archive of obsolete content
by setting the pref network.autodial-helper.enabled to false.
Automatically Handle Failed Asserts in Debug Builds - Archive of obsolete content
as of 2004-12-8, it is now possible to automatically handle failed asserts in debug builds of mozilla for windows.
Getting Started - Archive of obsolete content
is is located in the file classic.jar found in the seamonkey 2 installation directory.
Creating a Skin for Firefox/Getting Started - Archive of obsolete content
.
Creating regular expressions for a microsummary generator - Archive of obsolete content
is tutorial, the only xml special character we have to escape is the ampersand.
Drag and drop events - Archive of obsolete content
and drop section of the html 5 working draft.
Document Loading - From Load Start to Finding a Handler - Archive of obsolete content
t with the request to load a particular link in a particular window, and proceed up to the point at which the data stream is dispatched to the proper handler.
Layout FAQ - Archive of obsolete content
ngle line: example how do you fix inconsistent float behavior in firefox involving a two column layout using display:table and floating div elements?
Layout System Overview - Archive of obsolete content
ayout system is a group of classes that manages the presentation within a fixed width and either unlimited height (galley presentation) or discrete page heights (paged presentation).
Code snippets - Archive of obsolete content
this page documents how to perform custom actions with firefox sync via javascript.
JavaScript Client API - Archive of obsolete content
rds are transformed to wbo's, uploaded to a collection in a sync server and eventually downloaded by other sync clients.
System - Archive of obsolete content
note: this page documents the jetpack prototype, which is no longer under active development.
Menu - Archive of obsolete content
Archive › Mozilla › Jetpack › UI › Menu
is case-insensitively matched against the label, id, and xulid properties of menuitems.
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 interactions 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...
Message Summary Database - Archive of obsolete content
the mail summary files (.msf) are used to store summary information about messages and threads in a folder, and some meta information about the folder.
Microsummary XML grammar reference - Archive of obsolete content
olute interval of time, in minutes, that must elapse between updates.
Migrate apps from Internet Explorer to Mozilla - Archive of obsolete content
mouse events, this is the element from which the mouse moved away.
Mozilla Crypto FAQ - Archive of obsolete content
s i want to mirror the mozilla ftp site.
Plug-n-Hack Phase1 - Archive of obsolete content
the type configuresectool and a properties object which specifies the url of the tool manifest.
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 distraction 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...
Prism - Archive of obsolete content
cess, we minimize the impact of any mishaps.
Remote XUL - Archive of obsolete content
e xul.
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.
Table Cellmap - Archive of obsolete content
e header and footer will be repeated on every page when printed out.
Tamarin-central rev 703:2cee46be9ce0 - Archive of obsolete content
tamarin-central rev 703:2cee46be9ce0 was declared stable on 12/02/08.
Using Breakpoints in Venkman - Archive of obsolete content
enters the onflipx function.
Binding Implementations - Archive of obsolete content
ementations can be named using a name attribute specified on the implementation element.
setValue - Archive of obsolete content
path to the appropriate location in the key hierarchy, such as "software\\netscape\\navigator\\mail".
setValueNumber - Archive of obsolete content
method has the following parameters: subkey the key path to the appropriate location in the key hierarchy, such as "software\\netscape\\navigator\\mail".
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".
disabled - Archive of obsolete content
« xul reference home disabled type: boolean indicates whether the element is disabled or not.
member - Archive of obsolete content
« xul reference home member type: string may optionally be set to the variable to use as the member variable.
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 useraction validate value var visuallyselected wait-cursor width windowtype wrap wraparound ...
Building accessible custom components in XUL - Archive of obsolete content
tion</caption> further reading document object model events adding editing capabilities download stage-5.zip install stage-5.xpi we now have a fully accessible xul spreadsheet, correctly focusable, correctly keyboard-navigable, and correctly exposed to assistive technologies.
Dynamically modifying XUL-based user interface - Archive of obsolete content
the introduction page of the gecko dom reference.
CheckboxStateChange - Archive of obsolete content
the checkboxstatechange event is executed when the state of a <checkbox> element has changed.
DOMMenuItemActive - Archive of obsolete content
the dommenuitemactive event is executed when a <menu> or a <menuitem> has been hovered or highlighted.
DOMMenuItemInactive - Archive of obsolete content
the dommenuiteminactive event is executed when a <menu> or a <menuitem> in no longer hovered or highlighted.
RadioStateChange - Archive of obsolete content
the radiostatechange event is executed when the state of a <radio> element has changed.
ValueChange - Archive of obsolete content
the valuechange event is executed when the value of an element, <progress> for example, has changed.
broadcast - Archive of obsolete content
the broadcast event is executed when the attributes of the element (such as a broadcaster) being listened to are changed.
close - Archive of obsolete content
t handler is placed on the window element, it can be prevented to close (see example below).
command - Archive of obsolete content
Archive › Mozilla › XUL › Events › command
tivated by selecting them with the mouse or by pressing a shortcut key.
commandupdate - Archive of obsolete content
the commandupdate event is executed when a command update occurs on a <commandset>.
popuphidden - Archive of obsolete content
the popuphidden event is executed when a <menupopup>, <panel> or <tooltip> has become hidden.
popuphiding - Archive of obsolete content
the popuphiding event is executed when a <menupopup>, <panel> or <tooltip> is about to be hidden.
popupshown - Archive of obsolete content
the popupshown event is executed when a <menupopup>, <panel> or <tooltip> has become visible.
Working With Directories - Archive of obsolete content
this method should be the constant directory_type (which has a value of 1).
reset - Archive of obsolete content
Archive › Mozilla › XUL › Method › reset
« xul reference home reset() return type: no return value resets the preference to its default value.
Floating Panels - Archive of obsolete content
the user presses it, the popup will be closed.
MenuButtons - Archive of obsolete content
xample below a toolbarbutton with an image has a menu associated with it.
PopupKeys - Archive of obsolete content
above captures key events on the document.
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 useraction value valuenumber view webbrowserefind webnavigation webprogress width wizardpages wraparound year yearleadingzero related dom element properties dom:element.attributes dom:element.baseuri dom:element.childelementcount dom:element.childnodes dom:element.children dom:element.clientheight dom:element.clientleft dom:element.clienttop dom:element.clientwidth ...
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...
RDF Modifications - Archive of obsolete content
iable was something different, naturally we don't need to change the template output, as that resource isn't being used in a template.
Template and Tree Listeners - Archive of obsolete content
ight also guess that the builder's root property, which is used above, refers to the tree.
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...
textbox (Toolkit autocomplete) - Archive of obsolete content
if true, the autocomplete behavior will be disabled.
Creating toolbar buttons (Customize Toolbar Window) - Archive of obsolete content
create and add it in.
Complete - Archive of obsolete content
tom toolbar button tutorial as a very simple introduction to extensions.
Adding Methods to XBL-defined Elements - Archive of obsolete content
ew binding will be added in its place and its constructor invoked.
Commands - Archive of obsolete content
d.
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.
Numeric Controls - Archive of obsolete content
ncrement by using the up and down cursor keys while the textbox is focused.
Simple Menu Bars - Archive of obsolete content
er can press to activate the menu item.
Skinning XUL Files by Hand - Archive of obsolete content
o skin xul files dynamically and completely -- by pressing a button, selecting a skin from a menu, or by accepting a skin from over the web.
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) {}, performaction: function(action) {}, performactiononcell: 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...
Using Remote XUL - Archive of obsolete content
ecify sites that can still use remote xul.
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...
The Implementation of the Application Object Model - Archive of obsolete content
nce.
arrowscrollbox - Archive of obsolete content
croll, if true, the arrows must be clicked to scroll the scrollbox content.
binding - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] should be contained within a bindings element.
button - Archive of obsolete content
al scales).
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
Archive › Mozilla › XUL › key
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
Archive › Mozilla › XUL › label
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.
listhead - Archive of obsolete content
ments inside the listhead, one for each column.
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.
listitem - Archive of obsolete content
this is typically used by a theme to customize the focus ring.
menu - Archive of obsolete content
Archive › Mozilla › XUL › menu
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.
menuitem - Archive of obsolete content
upopup > menuitem, menupopup > menu { max-width: none; } description type: string descriptive text to appear in addition to the dialog title.
menulist - Archive of obsolete content
election is cleared.
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.
prefwindow - Archive of obsolete content
g passwords or updating sqlite data.
radio - Archive of obsolete content
Archive › Mozilla › XUL › radio
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.
richlistbox - Archive of obsolete content
stitem elements, which can contain any content.
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.
scale - Archive of obsolete content
Archive › Mozilla › XUL › scale
al scales).
tab - Archive of obsolete content
Archive › Mozilla › XUL › tab
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.
tabs - Archive of obsolete content
Archive › Mozilla › XUL › tabs
bs-newbutton and tabs-closebutton classes respectively.
template - Archive of obsolete content
container type: string may optionally be set to the variable to use as the container or reference variable.
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.
toolbarbutton - Archive of obsolete content
cal scales).
tree - Archive of obsolete content
Archive › Mozilla › XUL › tree
<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
Archive › Mozilla › XUL › where
« xul reference home [ examples | attributes | properties | methods | related ] indicate a condition that must match for a template result to be used.
What XULRunner Provides - Archive of obsolete content
the goal of xulrunner is to provide a solution for deploying xul applications (primarily firefox and thunderbird), as well as providing an embedding mechanism.
calICalendarViewController - Archive of obsolete content
summary a calicalendarviewcontroller provides a way for a calicalendarview to create, modify, and delete items.
Archived Mozilla and build documentation - Archive of obsolete content
re is, however, no practical obstacle to the interface being implemented by any javascript object associated with a group of dom nodes, even non-anonymous xul nodes.
Mozilla release FAQ - Archive of obsolete content
based on xpfe and nglayout normandy refers to the mail/news branch of mozilla what are all these acronyms people are using in the newsgroup?
2006-11-10 - Archive of obsolete content
summary: mozilla.dev.accessibility - oct 28-nov 10, 2006 announcements acm transactions on accessible computing "transactions 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...
2006-10-20 - Archive of obsolete content
to contribute to the brainstorming of new features for firefox 3 and future firefox releases.
2006-12-01 - Archive of obsolete content
summary: mozilla.dev.tech.xpcom - nov 25- dec 01, 2006 announcements none during this week.
External resources for plugin creation - Archive of obsolete content
frameworks and tools there are several open source projects designed to assist with the creation of npapi plugins.
Logging Multi-Process Plugins - Archive of obsolete content
when multi-process plugins are enabled, firefox has the ability to dump additional information about interactions between the browser and a plugin.
Monitoring plugins - Archive of obsolete content
ary a new component of the plugin system is now available to measure how long it takes plugins (e.g., adobe flash) to execute their calls.
NPP_DestroyStream - Archive of obsolete content
eason reason); parameters the function has the following parameters: instance pointer to current plug-in instance.
Getting Started - Archive of obsolete content
introduction this tutorial is an introduction to really simple syndication (rss).
Confidentiality, Integrity, and Availability - Archive of obsolete content
s a different aspect of providing protection for information.
Vulnerabilities - Archive of obsolete content
vulnerability categories a software flaw vulnerability is caused by an unintended error in the design or coding of software.
The Basics of Web Services - Archive of obsolete content
to send requests, so both the server and the client can understand each other.
Theme changes in Firefox 2 - Archive of obsolete content
is file, new to firefox 2, skins browser protection features.
-ms-content-zoom-chaining - Archive of obsolete content
ent element begins zooming when the user hits a zoom limit during page manipulation.
-ms-content-zoom-limit-max - Archive of obsolete content
factor.
-ms-content-zoom-limit-min - Archive of obsolete content
factor.
-ms-content-zoom-limit - Archive of obsolete content
ent-zoom-limit-max value of the -ms-content-zoom-limit-max property.
-ms-content-zoom-snap-points - Archive of obsolete content
er), the content can continue to move with inertia.
-ms-content-zoom-snap-type - Archive of obsolete content
er), the content can continue to move with inertia.
-ms-content-zoom-snap - Archive of obsolete content
-snap-points value of the -ms-content-zoom-snap-points property.
-ms-content-zooming - Archive of obsolete content
yntax none | zoom specifications not part of any specification.
-ms-overflow-style - Archive of obsolete content
he layout area for the content are reduced by the width (for vertical scrollbars) or height (for horizontal scrollbars) of the scrollbar(s).
-ms-scroll-rails - Archive of obsolete content
none the content moves exactly with the user's finger.
-ms-scroll-snap-points-x - Archive of obsolete content
croll-snap-points-x: snaplist(100%, 200%, 300%, 400%, 500%); -ms-overflow-style: none; width: 480px; height: 270px; overflow: auto; } specifications not part of any specification.
-ms-scroll-snap-points-y - Archive of obsolete content
croll-snap-points-y: snaplist(100%, 200%, 300%, 400%, 500%); -ms-overflow-style: none; width: 480px; height: 270px; overflow: auto; } specifications not part of any specification.
-ms-scroll-snap-x - Archive of obsolete content
snap-points-x: snaplist(100%, 200%, 300%, 400%, 500%); } .scroll2 { -ms-scroll-snap-x: proximity snaplist(100%, 200%, 300%, 400%, 500%); } specifications not part of any specification.
-ms-scroll-snap-y - Archive of obsolete content
nap-type: mandatory; -ms-scroll-snap-points-y: snapinterval(0, 100%); } .scroll2 { -ms-scroll-snap-y: mandatory snapinterval(0, 100%); } specifications not part of any specification.
-ms-scroll-translation - Archive of obsolete content
change this behavior for vertical scroll events.
-ms-touch-select - Archive of obsolete content
nly be used by applications that provide their own selection experience.
-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.
Displaying notifications (deprecated) - Archive of obsolete content
t appears when you drag that bar downward.
Array comprehensions - Archive of obsolete content
introduce an implicit block for scoping purposes.
Debug.setNonUserCodeExceptions - Archive of obsolete content
the debug.setnonusercodeexceptions property determines whether any try-catch blocks in this scope are to be treated by the debugger as user-unhandled.
Writing JavaScript for XHTML - Archive of obsolete content
> window.alert("hello world!"); </script> this will work so long as your code doesn't contain characters which are "special" in xml, which usually means < and &.
XForms Custom Controls - Archive of obsolete content
ound node in cases where @incremental='false'.
Troubleshooting XForms Forms - Archive of obsolete content
epeat attributes, which at the moment are not working properly in the firefox xforms extension :( should be fixed by bug 306247 and bug 280368 respectively.
Mozilla XForms Specials - Archive of obsolete content
omain check also includes forms loaded from file://.
XForms Range Element - Archive of obsolete content
tribute.
Mozilla XForms User Interface - Archive of obsolete content
= 'full'.
XForms Config Variables - Archive of obsolete content
a description of the about:config preferences that xforms uses.
XForms - Archive of obsolete content
e the html forms guide for approaches to creating forms in html5.
Archived open Web documentation - Archive of obsolete content
for xhtml technical review completed.
Popup Window Controls - Archive of obsolete content
dows are suppressed?
Using the Right Markup to Invoke Plugins - Archive of obsolete content
data="animation.swf"..../>.
Common causes of memory leaks in extensions - Extensions
ment2(document) { // the "body" dom node holding a reference to leakref will prevent // that function object from being garbage collected and hence // will leak the whole bootstrap compartment.
Index - Game development
o make the impression of movement — just like how movement works with the movies.
Game distribution - Game development
ut this is not to say these are the only options.
Game monetization - Game development
an be acquired without spending a dime — give the game to the players, but offer in-game currency, bonuses or benefits for real money.
3D collision detection - Game development
e works is by creating a physical body, usually attached to a visual representation of it.
Explaining basic 3D theory - Game development
printed out on the screen display.
Building up a basic demo with the PlayCanvas engine - Game development
built for modern browsers, playcanvas is a fully-featured 3d game engine with resource loading, an entity and component system, advanced graphics manipulation, collision and physics engine (built with ammo.js), audio, and facilities to handle control inputs from various devices (including gamepads).
Building up a basic demo with PlayCanvas - Game development
g end goals.
GLSL Shaders - Game development
ed, blue, green, alpha) colors for each pixel being processed — a single fragment shader is called once per pixel.
Async scripts for asm.js - Game development
bility to optimize the compilation process.
Unconventional controls - Game development
the ship and blowing stuff up, pausing and restarting the game.
Tiles and tilemaps overview - Game development
over different terrain types.
WebRTC data channels - Game development
is is analogous to a tcp socket.
Plug-in Development Overview - Gecko Plugin API Reference
accessible from the browser.
Callback function - MDN Web Docs Glossary: Definitions of Web-related terms
a callback function is a function passed into another function as an argument, which is then invoked inside the outer function to complete some kind of routine or action.
Gonk - MDN Web Docs Glossary: Definitions of Web-related terms
gonk is the lower-level operating system of firefox os and consists of a linux kernel (based on the android open source project (aosp)) and userspace hardware abstraction layer (hal).
IndexedDB - MDN Web Docs Glossary: Definitions of Web-related terms
indexeddb is a web api for storing large data structures within browsers and indexing them for high-performance searching.
Inheritance - MDN Web Docs Glossary: Definitions of Web-related terms
inheritance is a major feature of object-oriented programming.
MVC - MDN Web Docs Glossary: Definitions of Web-related terms
hould be displayed.
REST - MDN Web Docs Glossary: Definitions of Web-related terms
hat bring about efficient, reliable and scalable distributed systems.
RGB - MDN Web Docs Glossary: Definitions of Web-related terms
reen, and blue, in determining the final color.
Real User Monitoring (RUM) - MDN Web Docs Glossary: Definitions of Web-related terms
real user monitoring or rum measures the performance of a page from real users' machines.
Time to interactive - MDN Web Docs Glossary: Definitions of Web-related terms
n-standardized web performance 'progress' metric defined as the point in time when the last long task finished and was followed by 5 seconds of network and main thread inactivity.
UI - MDN Web Docs Glossary: Definitions of Web-related terms
user interface (ui) is anything that facilitates the interaction between a user and a machine.
UX - MDN Web Docs Glossary: Definitions of Web-related terms
ux is an acronym that stands for user experience.
Web performance - MDN Web Docs Glossary: Definitions of Web-related terms
ent is displayed in the user's browser, objective render times, and the subjective user experience of load time and runtime.
Routers - MDN Web Docs Glossary: Definitions of Web-related terms
there are two definitions for routers on the web: for the network layer, the router is a networking device that decides data packets directions.
MDN Web Docs Glossary: Definitions of Web-related terms
web technologies contain long lists of jargon and abbreviations that are used in documentation and coding.
CSS and JavaScript accessibility best practices - Learn web development
ove only).
Test your skills: HTML accessibility - Learn web development
to download the code and use an online tool such as codepen, jsfiddle, or glitch to work on the tasks.
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.
What is accessibility? - Learn web development
nt, remembering how to complete tasks, and confusion caused by inconsistent webpage layouts.
Backgrounds and borders - Learn web development
ges.
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.
Beginner's guide to media queries - Learn web development
none, fine and coarse.
Fundamental text and font styling - Learn web development
trol the use of alternate glyphs for a given font-face.
How do you make sure your website works properly? - Learn web development
in this article we go over various troubleshooting steps for a website and some basic actions to take in order to solve these issues.
How do you upload your files to a web server? - Learn web development
ur local files.
What is a URL? - Learn web development
the web server.
What is a Domain Name? - Learn web development
e other hand, let's see if i could register afunkydomainname.org: $ whois afunkydomainname.org not found as you can see, the domain does not exist in the whois database (at the time of writing), so we could ask to register it.
What is a web server? - Learn web development
tween two computers.
Advanced form styling - Learn web development
some parts of their internals are literally impossible to style.
The HTML5 input types - Learn web development
is in an advanced tutorial: how to build custom form widgets.
How to structure a web form - Learn web development
strong> <em>formatted as mm/dd/yyyy</em> </label> <input type="date" id="date" name="expiration"> </p> </section> the last section we'll add is a lot simpler, containing only a <button> of type submit, for submitting the form data.
Example - Learn web development
this is the example code for the article your first html form.
JavaScript basics - Learn web development
or is a mathematical symbol which produces a result based on two values (or variables).
What’s in the head? Metadata in HTML - Learn web development
y going to some of your favorite websites and use the developer tools to check out their head contents.
Adding vector graphics to the Web - Learn web development
pros putting your svg inline saves an http request, and therefore can reduce a bit your loading time.
Images in HTML - Learn web development
above, the spelling of the file or path name might be wrong.
From object to iframe — other embedding technologies - Learn web development
spec engineers and browser developers have developed various security mechanisms for making <iframe>s more secure, and there are also best practices to consider — we'll cover some of these below.
Video and audio content - Learn web development
t they find on the web, at least at certain times.
HTML table advanced features and accessibility - Learn web development
your previous examples that doesn't include <tbody> and look at the html code in your browser developer tools — you will see that the browser has added this tag for you.
Making asynchronous programming easier with async and await - Learn web development
e, useful simplification, leaving us with a much more readable program.
General asynchronous programming concepts - Learn web development
s: main thread: render circles to canvas --> display alert() after some time, javascript gained some tools to help with such problems.
Build your own function - Learn web development
the little message box appear immediately, only once.
Function return values - Learn web development
o get to a final result, which involves some values that need to be calculated by a function.
Making decisions in your code — conditionals - Learn web development
overview: building blocks next in any programming language, the code needs to make decisions and carry out actions accordingly depending on different inputs.
Drawing graphics - Learn web development
games, data visualizations, and other types of app, especially when combined with some of the other apis the web platform provides.
Handling text — strings in JavaScript - Learn web development
pair.
Storing the information you need — Variables - Learn web development
he value you've assigned to the variable returned in the console to confirm it, in each case.
What is JavaScript? - Learn web development
om the surrounding computer environment, or do useful complex things.
JavaScript object basics - Learn web development
iate a new object instance using the constructor for each notification you want to fire.
Object-oriented JavaScript for beginners - Learn web development
of a person.
Object prototypes - Learn web development
, as the constructor only contains the property definitions, and the methods are split off into separate blocks.
Aprender y obtener ayuda - Learn web development
b development.
Measuring performance - Learn web development
ou can use to run against loaded pages and determine how they are performing.
What is web performance? - Learn web development
g that some resources block additional downloads until their content is parsed and executed.
The business case for web performance - Learn web development
kpi) as objectives can hiltie performance objectives that are also business objectives.
Properly configuring server MIME types - Learn web development
d certain example html documents as either text/html or text/plain in order to have the documents either processed and displayed as html or as source code.
Accessibility in React - Learn web development
t() is useful in the current situation because we cannot focus on an element until after the <todo /> component renders and react knows where our refs are.
React interactivity: Events and state - Learn web development
nside form(): const [name, setname] = usestate('use hooks!'); what's going on in this line of code?
Deployment and next steps - Learn web development
elatively young project there are lots of tutorials and courses available on the web, so it's difficult to make a recommendation.
Working with Svelte stores - Learn web development
p its subscription.
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...
Handling common accessibility problems - Learn web development
off: the default.
Handling common HTML and CSS problems - Learn web development
t id="date" type="date"> </div> <div> <label for="time">enter a time:</label> <input id="time" type="time"> </div> </form> note: you can also see this running live as forms-test.html on github (see the source code also).
Command line crash course - Learn web development
tion can be achieved and though they're beyond the scope of this article, there's some excellent resources online to help (some of which have been linked to).
Introducing a complete toolchain - Learn web development
solve this problem; here's just a few: using npm scripts to run multiple commands from the command line in one go, such as npm run tidy-code.
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.
Mozilla’s UAAG evaluation report
ent: supported abbr attribute for td/th: not supported summary for table: supported title for frame: ?
Benchmarking
e rust optimization level 2.
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 fraction of the hundreds of thousands bugs really block the development of mozilla and these are normally fixed very quickly.
Chrome registration
omplished through xpinstall and the extension manager.
Command line options
ns open, which components open initially, and what the components do when they open.
Continuous Integration
monitoring treeherder, looking for broken builds and/or tests.
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.
Multiple Firefox profiles
that your information is not lost.
Performance best practices for Firefox front-end engineers
the chance of causing a sync reflow.
Security best practices for Firefox front-end engineers
er removes all scripts (script tags, event handlers) and form elements (form, input, keygen, option, optgroup, select, button, datalist).
Using the Browser API
Mozilla › Gecko › Chrome › API › Browser API › Using
browser.addeventlistener('mozbrowsererror', function (e) { console.log("loading error: " + e.detail); }); this simple listener logs an error message to the console when an error with the browser iframe is encountered.
mozbrowseractivitydone
inition in its manifest does not include returnvalue or returnvalue is false, no mozbrowseractivitydone event will be generated as of the landing of bug 1194525 in firefox os 2.5.
mozbrowserasyncscroll
duction sites facing the web: it will not work for every user.
mozbrowseraudioplaybackchange
ng the web: it will not work for every user.
mozbrowserclose
facing the web: it will not work for every user.
mozbrowserdocumentfirstpaint
the web: it will not work for every user.
mozbrowsererror
g the web: it will not work for every user.
mozbrowserfindchange
ations and the behavior may change in the future.
mozbrowserfirstpaint
ser.
mozbrowsericonchange
lementations and the behavior may change in the future.
mozbrowserloadend
the mozbrowserloadend event is fired when the browser <iframe> has finished loading all its assets, or has failed to load.
mozbrowserloadstart
y change in the future.
mozbrowserlocationchange
t work for every user.
mozbrowsermanifestchange
e behavior may change in the future.
mozbrowsermetachange
here may also be large incompatibilities between implementations and the behavior may change in the future.
mozbrowseropensearch
ilities between implementations and the behavior may change in the future.
mozbrowseropentab
between implementations and the behavior may change in the future.
mozbrowseropenwindow
s required — usually when the content of a browser <iframe> successfully calls the window.open() method, or the user clicks on a link with an unknown target.
mozbrowserresize
duction sites facing the web: it will not work for every user.
mozbrowserscroll
use it on production sites facing the web: it will not work for every user.
mozbrowserscrollareachanged
etween implementations and the behavior may change in the future.
mozbrowserscrollviewchange
tes facing the web: it will not work for every user.
mozbrowsersecuritychange
or every user.
mozbrowserselectionstatechanged
the behavior may change in the future.
mozbrowsershowmodalprompt
there may also be large incompatibilities between implementations and the behavior may change in the future.
mozbrowsertitlechange
not work for every user.
mozbrowserusernameandpasswordrequired
ent is fired when the content within a browser <iframe> requires an http authentification.
mozbrowservisibilitychange
ay also be large incompatibilities between implementations and the behavior may change in the future.
MozScrolledAreaChanged
the document size, reading these properties can trigger document reflow, which can make them computationally expensive.
smartcard-insert
the smartcard-insert event is fired when the insertion of a smart card has been detected specification mozilla specific interface event bubbles no cancelable no target document default action none properties property type description targetread only eventtarget the event target (the topmost target in the dom tree).
smartcard-remove
the smartcard-remove event is fired when the removal of a smart card has been detected.
Overview of Mozilla embedding APIs
tor this interface provides an interface discovery mechanism which does not imply aggregation.
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.
CustomizableUI.jsm
.
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.
PromiseWorker.jsm
buffer.
WebChannel.jsm
the webchannel.jsm javascript code module provides an abstraction 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) pushcontentaction: function(windowid) popcontentaction: 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: ...
Mozilla Content Localized in Your Language
ntent reaches 2/3 of the total available line space.
L10n testing with xcode
en navigate to the options tab.
Localization sign-off reviews
e right.
Localization technical reviews
w flag next to your attached revision in your request bug.
Various MathML Tests
a b + c x .
Build Metrics
compiler warnings number of compiler warnings detected during a build.
BloatView
roken down by class.
Gecko Profiler FAQ
gurations.
Leak-hunting strategies and tips
lobject, nsxbldocglobalobject, or nsxpcwrappedjs is a sign that there could be significant numbers of js objects leaked.) for example, start with bringing up the mail window and closing the window without doing anything.
Power profiling overview
ptimization manual has more details.
Profiling with Xperf
ssentially the same screenshots, so go look there.
Scroll-linked effects
at as a timeline for the animation.
TraceMalloc
a file by calling the function tracemallocdumpallocations from javascript.
Phishing: a short definition
ount.
browser.altClickSave
ether clicking a link while holding the alt key starts the download of that link.
NSPR Contributor Guide
d built as a separate library.
Optimizing Applications For NSPR
ailable in win-95, such as fibers and asynch i/o.
Interval Timing
those used for i/o operations and operations on condition variables.
NSPR Types
may define them to be wider (for example, 32 or even 64 bits).
PR_CWait
me entry count as before the wait began.
PR_Open
ior to each write.
HTTP delegation
st_trysendandreceivefcn).
HTTP delegation
st_trysendandreceivefcn).
Using JSS
Mozilla › Projects › NSS › JSS › Using JSS
convention for each platform.
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 transactions or online banking over the https protocol -- do not display any content at all.
PKCS11 FAQ
Mozilla › Projects › NSS › 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 abstraction library that provides a cross-platform api to common os services.
Tutorial: Embedding Rhino
ult)); prints the result of evaluating the script (contained in the variable result).
Rhino Examples
hreads.
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 compaction.
SpiderMonkey Internals: Thread Safety
the jscompartment is the universe in which js objects live.
SpiderMonkey Internals
to the appropriate chunk of code for the current instruction.
Introduction to the JavaScript shell
programs in javascript.
JS_AlreadyHasOwnProperty
's jsclass.resolve hook is not called, so lazily defined properties are not found.
JS_MapGCRoots
obsolete since jsapi 19this feature is obsolete.
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.
Exploitable crashes
ts.
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 Roles
rning dialogs, etc.
Gecko states
nts: concomitant state: state_selected state_linked indicates that the object is formatted as a hyperlink.
XForms Accessibility
an have the following presentations: text - see the docs.
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.
Using the Places keywords API
to assign a keyword to an url.
places.sqlite Database Troubleshooting
this article describes troubleshooting actions to deal with a broken places.sqlite database.
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.
Fun With XBL and XPConnect
describes an application of xbl in which a simple xpcom interface is made accessible to a xul widget.
XPCOM changes in Gecko 2.0
x_x86-gcc3 this also means that platform-specific preferences are no longer possible.
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).
nsIAccessibleRole
e="alert", xforms:message.
nsIApplicationCacheChannel
prbool true if the resource was loaded from the application cache, otherwise false.
nsIChannel
ttributes, or by calling queryinterface() to retrieve a subclass of nsichannel for protocol-specific parameters.
nsICommandLineHandler
retrieved and displayed to the user (on stdout).
nsIContentViewer
tent viewer replaces this one.
nsIDOMChromeWindow
n a document has been loaded, the document can notify the default button of the document to the window by using this method.
nsIDOMMozTouchEvent
the nsidommoztouchevent interface describes a raw touch event.
nsIDOMSimpleGestureEvent
ed when the user executes a two finger tap gesture on the input device.
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.
nsIDOMXULElement
class attribute.
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.
nsIFocusManager
solete.
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 transaction should be allowed to be pipelined with other transactions.
nsIJumpListBuilder
management.
nsILocalFile
he file exists, this flag has no effect.
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::attribaction = 8 const nsmsgfilterfileattribvalue nsimsgfilterlist::attribactionvalue = 9 const nsmsgfilterfileattribvalue nsimsgfilterlist::attribcondition = 10 ...
nsIMsgIncomingServer
sing this attribute.
nsINavHistoryResult
component of the pattern, and nsinavhistoryresultviewobserver is the controller.
nsINavHistoryResultObserver
ewindex ); parameters anode the moved node.
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.
nsISupports proxies
cript and ui are on a single thread.
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 abstraction for an operating system thread.
nsIUpdatePatch
he final url this patch was being downloaded from.
nsIXFormsModelElement
no matching instance data.
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 attribaction = 8; const nsmsgfilterfileattribvalue attribactionvalue = 9; const nsmsgfilterfileattribvalue attribcondition = 10; const nsmsgfilterfileattribvalue attribcustomid = 11; ...
Working with Multiple Versions of Interfaces
t for an object supporting the interface with iid ns_get_iid(nsiaccessibleretrieval).
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 transactions in real time, receiving a callback as the transactions take place.nscomptr versus refptrgecko code uses both nscomptr and refptr as smart pointers.
Xray vision
ascript's a highly malleable language.
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.
Spam filtering
fore spam detection.
Building a Thunderbird extension 5: XUL
er.thunderbird.net for newer information.
Finding the code for a feature
, how did i use those to figure out how to do this?
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.transaction(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.transaction(function (tx) { tx.executesql('select * from l...
Working with windows in chrome code
cess the window object of that document.
Using COM from js-ctypes
the windows api mostly concerns itself with the interaction 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/trueinteractions/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.
Plug-in Basics - Plugins
ew of the way that plug-ins operate in the browser.
Plug-in Development Overview - Plugins
accessible from the browser.
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!
Ignore a source - Firefox Developer Tools
in modern web development, we often rely on libraries like jquery, ember, or angular, and 99% of the time we can safely assume that they “just work”.
Set a logpoint - Firefox Developer Tools
a special type of breakpoint, the logpoint.
Set event listener breakpoints - Firefox Developer Tools
of which have event listeners attached that you want to break on, this becomes an enormous time saver.
Index - Firefox Developer Tools
inspector if you hover over a dom node in the watch expresions, it will be highlighted in the page.
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.
Network request list - Firefox Developer Tools
e blocked by the browser or an extension), you can block requests matching patterns you specify.
Network Monitor - Firefox Developer Tools
twork" from the web developer menu, (which is a submenu of the tools menu on os x and linux).
Frame rate - Firefox Developer Tools
.
Animating CSS properties - Firefox Developer Tools
the waterfall.
Console messages - Firefox Developer Tools
-security-report-only headers with csp spec compliant syntax instead.
about:debugging (before Firefox 68) - Firefox Developer Tools
are picked up automatically, and you'll see them the next time the content script is loaded or the popup is shown.
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.
Firefox Developer Tools
b and what are browser developer tools?
Animation - Web APIs
Web › API › Animation
ge number of animations on the same element.
AnimationEvent.initAnimationEvent() - Web APIs
are allowed: value meaning animationstart the animation has started.
AudioTrack.kind - Web APIs
Web › API › AudioTrack › kind
of content the media represents.
AudioWorkletGlobalScope - Web APIs
a global execution context for user-supplied code, which defines custom audioworkletprocessor-derived classes.
Background Tasks API - Web APIs
nes that there is free time to do so.
BeforeUnloadEvent - Web APIs
e document and its resources are about to be unloaded.
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 abstraction of an ordered collection of css values.
Cache - Web APIs
Web › API › Cache
es.
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.
Optimizing canvas - Web APIs
s opposed to constantly scaling them in drawimage().
Using channel messaging - Web APIs
hnology.
CloseEvent.initCloseEvent() - Web APIs
way to use these.
console - Web APIs
Web › API › Console
the user to dismiss the alert box, log the time to the console, wait for the user to dismiss the second alert, and then log the ending time to the console: notice that the timer's name is displayed both when the timer is started and when it's stopped.
ConstantSourceNode - Web APIs
of each of the two gain nodes are connected to the constantsourcenode.
ContentIndexEvent - Web APIs
the contentindexevent interface of the content index api defines the object used to represent the contentdelete event.
Content Index API - Web APIs
contentdelete event when an item is removed from the user agent interface, a contentdelete event is received by the service worker.
DirectoryEntrySync - Web APIs
d recursively removing files in a directory.
DirectoryReaderSync - Web APIs
pi lets you read the entries in a directory.
Document: dragend event - Web APIs
the dragend event is fired when a drag operation is being ended (by releasing a mouse button or hitting the escape key).
Document: dragenter event - Web APIs
the dragenter event is fired when a dragged element or text selection enters a valid drop target.
Document: dragexit event - Web APIs
the dragexit event is fired when an element is no longer the drag operation's immediate selection target.
Document: dragleave event - Web APIs
the dragleave event is fired when a dragged element or text selection leaves a valid drop target.
Document: dragover event - Web APIs
the dragover event is fired when an element or text selection is being dragged over a valid drop target (every few hundred milliseconds).
Document: dragstart event - Web APIs
the dragstart event is fired when the user starts dragging an element or text selection.
Document: drop event - Web APIs
the drop event is fired when an element or text selection is dropped on a valid drop target.
Document.execCommand() - Web APIs
talics, etc.), while others insert new elements (adding a link), or affect an entire line (indenting).
Document: keypress event - Web APIs
s of keys that produce a character value are alphabetic, numeric, and punctuation keys.
Document.onfullscreenerror - Web APIs
nt to the document when it fails to transition into full-screen mode after a prior call to element.requestfullscreen().
Document: pointercancel event - Web APIs
an application switcher interface or the "home" button on a mobile device.
Document: 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.
Document.queryCommandEnabled() - Web APIs
for which to determine support.
Document.queryCommandSupported() - Web APIs
ntax issupported = document.querycommandsupported(command); parameters command the command for which to determine support.
Document.requestStorageAccess() - Web APIs
wser crashes).
Document: wheel event - Web APIs
heel event fires when the user rotates a wheel button on a pointing device (typically a mouse).
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">&nbsp;</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: DOMMouseScroll event - Web APIs
mouse wheel or similar device is operated and the accumulated scroll amount is over 1 line or 1 page since last event.
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.classList - Web APIs
Web › API › Element › classList
7.
Element.clientHeight - Web APIs
ientheight can be calculated as: css height + css padding - height of horizontal scrollbar (if present).
Element.clientLeft - Web APIs
ical scrollbar to be rendered.
Element.clientTop - Web APIs
Web › API › Element › clientTop
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.clientWidth - Web APIs
element in pixels.
Element: contextmenu event - Web APIs
nu is displayed at the bottom left of the current row.
Element.getClientRects() - Web APIs
the bounds of any child elements that might happen to overflow.
Element: keypress event - Web APIs
s of keys that produce a character value are alphabetic, numeric, and punctuation keys.
Element: mousedown event - Web APIs
the mousedown event is fired at an element when a pointing device button is pressed while the pointer is inside the element.
Element.name - Web APIs
Web › API › Element › name
terfaces.
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).
Element: wheel event - Web APIs
the wheel event fires when the user rotates a wheel button on a pointing device (typically a mouse).
Event.cancelable - Web APIs
Web › API › Event › cancelable
ult() on it.
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
Web › API › Event › isTrusted
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().
Fetch basic concepts - Web APIs
d xmlhttprequest, but it provides a more powerful and flexible feature set.
Using files from web applications - Web APIs
opbox.addeventlistener("drop", drop, false); in this example, we're turning the element with the id dropbox into our drop zone.
FileEntrySync - Web APIs
the fileentrysync interface of the file system api represents a file in a file system.
FileSystemSync - Web APIs
in the file system api, a filesystemsync object represents a file system.
Introduction to the File and Directory Entries API - Web APIs
ynchronous api, on the other hand, uses the following methods: requestfilesystemsync() and resolvelocalfilesystemsyncurl().
Force Touch events - Web APIs
this feature is non-standard and is not on a standards track.
Using the Frame Timing API - Web APIs
save you!
GlobalEventHandlers.onauxclick - Web APIs
xclick handler can be assigned to an object at a time.
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.
GlobalEventHandlers.ontransitioncancel - Web APIs
lue of transition-delay doesn't affect the value of elapsedtime, which is zero until the delay period ends and the animation begins.
GlobalEventHandlers.ontransitionend - Web APIs
lue of transition-delay doesn't affect the value of elapsedtime, which is zero until the delay period ends and the animation begins.
HTMLDetailsElement: toggle event - Web APIs
the toggle event fires when the open/closed state of a <details> element is toggled.
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 interaction.
HTMLDialogElement.show() - Web APIs
the show() method of the htmldialogelement interface displays the dialog modelessly, i.e.
HTMLDialogElement.showModal() - Web APIs
the showmodal() method of the htmldialogelement interface displays the dialog as a modal, over the top of any other dialogs that might be present.
HTMLElement: beforeinput event - Web APIs
ase of contenteditable and designmode, the event target is the editing host.
inert - Web APIs
Web › API › HTMLElement › inert
attribute, when present, may make the browser "ignore" the element from assistive technologies, page search and text selection.
HTMLElement.offsetHeight - Web APIs
::after.
HTMLElement.offsetWidth - Web APIs
is hidden (for example, by setting style.display on the element or one of its ancestors to "none"), then 0 is returned.
HTMLElement: pointercancel event - Web APIs
an application switcher interface or the "home" button on a mobile device.
HTMLElement - Web APIs
ed.
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).
HTMLInputElement: invalid event - Web APIs
checkvalidity() method of the element or its owner <form> is called.
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: durationchange event - Web APIs
the durationchange event is fired when the duration attribute has been updated.
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.
HTMLMediaElement: ended event - Web APIs
ended event is fired when playback or streaming has stopped because the end of the media was reached or because no further data is available.
HTMLMediaElement: loadeddata event - Web APIs
the loadeddata event is fired when the frame at the current playback position of the media has finished loading; often the first frame.
HTMLMediaElement: loadedmetadata event - Web APIs
the loadedmetadata event is fired when the metadata has been loaded.
HTMLMediaElement: pause event - Web APIs
and the activity has entered its paused state, most commonly after the media has been paused through a call to the element's pause() method.
HTMLMediaElement: play event - Web APIs
the play event is fired when the paused property is changed from true to false, as a result of the play method, or the autoplay attribute.
HTMLMediaElement: playing event - Web APIs
the playing event is fired when playback is ready to start after having been paused or delayed due to lack of data.
HTMLMediaElement: ratechange event - Web APIs
the ratechange event is fired when the playback rate has changed.
HTMLMediaElement: seeked event - Web APIs
the seeked event is fired when a seek operation completed, the current playback position has changed, and the boolean seeking attribute is changed to false.
HTMLMediaElement: seeking event - Web APIs
the seeking event is fired when a seek operation starts, meaning the boolean seeking attribute has changed to true and the media is seeking a new position.
HTMLMediaElement: stalled event - Web APIs
the stalled event is fired when the user agent is trying to fetch media data, but data is unexpectedly not forthcoming.
HTMLMediaElement: suspend event - Web APIs
the suspend event is fired when media data loading has been suspended.
HTMLMediaElement: timeupdate event - Web APIs
n 250ms to run).
HTMLMediaElement: volumechange event - Web APIs
the volumechange event is fired when the volume has changed.
HTMLMediaElement: waiting event - Web APIs
the waiting event is fired when playback has stopped because of a temporary lack of data.
HTMLOutputElement - Web APIs
result.
HTMLSelectElement.form - Web APIs
the htmlselectelement.form read-only property returns a htmlformelement representing the form that this element is associated with.
HTMLSelectElement.selectedOptions - Web APIs
this script sets up a click event listener on the "order now" button.
HTMLTextAreaElement - Web APIs
the page loads cols unsigned long: returns / sets the element's cols attribute, indicating the visible width of the text area.
In depth: Microtasks and the JavaScript runtime environment - Web APIs
app's code runs in the same thread, sharing the same event loop, as the user interface of the web browser itself.
Using microtasks in JavaScript with queueMicrotask() - Web APIs
urning control to the event loop being used by the user agent to drive the script's execution environment.
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 transaction 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).
IDBObjectStoreSync - Web APIs
the key range to use as the cursor's range.
IDBOpenDBRequest: blocked event - Web APIs
the blocked handler is executed when an open connection to a database is blocking a versionchange transaction on the same database.
IDBOpenDBRequest.onupgradeneeded - Web APIs
rsion < 1) { // version 1 is the first version of the database.
IDBOpenDBRequest - Web APIs
properties also inherits methods from its parents idbrequest and eventtarget.
IDBVersionChangeEvent.version - Web APIs
the version property of the idbversionchangeevent interface returns the new version of the database in a versionchange transaction.
IDBVersionChangeRequest.setVersion() - Web APIs
the idbversionchangerequest.setversion method updates the version of the database, returning immediately and running a versionchange transaction on the connected database in a separate thread.
IDBVersionChangeRequest - Web APIs
e onblocked handler and the newly needed onupgradeneeded one.
IdleDeadline.didTimeout - Web APIs
s called has expired.
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.
KeyboardEvent.key - Web APIs
Web › API › KeyboardEvent › key
lue case "arrowright": // do something for "right arrow" key press.
LocalFileSystemSync - Web APIs
msync interface of the file system api gives you access to a sandboxed file system.
LockedFile.abort() - Web APIs
Web › API › LockedFile › abort
very user.
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.
MediaKeySession - Web APIs
keys associated with it are no longer valid for decrypting media data.
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!
Capabilities, constraints, and settings - Web APIs
promises which fail, and the log() function appends the error message to a special logging <div> box under the video.
MerchantValidationEvent.validationURL - Web APIs
the merchantvalidationevent property validationurl is a read-only string value providing the url from which to fetch the payment handler-specific data needed to validate the merchant.
MessageEvent - Web APIs
window.onmessage).
MouseEvent.button - Web APIs
Web › API › MouseEvent › button
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.
MouseEvent.initMouseEvent() - Web APIs
lienty, ctrlkey, altkey, shiftkey, metakey, button, relatedtarget); parameters type the string to set the event's type to.
MouseEvent.which - Web APIs
Web › API › MouseEvent › which
tes which button was pressed on the mouse to trigger the event.
NameList - Web APIs
Web › API › NameList
0.0 / thunderbird 10.0 / seamonkey 2.7)this feature is obsolete.
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.
Navigator.share() - Web APIs
Web › API › Navigator › share
e.
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.
OfflineAudioContext: complete event - Web APIs
the complete event of the offlineaudiocontext interface is fired when the rendering of an offline audio context is complete.
Page Visibility API - Web APIs
the page.
PaymentCurrencyAmount.value - Web APIs
you must convert the entered text to this form or it will not be valid.
PaymentDetailsBase - Web APIs
ayment information when calling the paymentrequest() constructor.
PaymentRequest.PaymentRequest() - Web APIs
e string basic-card here.
PaymentRequest.onpaymentmethodchange - Web APIs
odchangeevent => { ...
PaymentRequest.onshippingaddresschange - Web APIs
whenever the user changes their shipping address, including when an address is added by the user for the first time.
PaymentRequest.onshippingoptionchange - Web APIs
the onshippingoptionchange event of the paymentrequest interface is fired whenever the user changes a shipping option.
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 transaction, 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.
PaymentRequestUpdateEvent.PaymentRequestUpdateEvent() - Web APIs
the paymentrequestupdateevent constructor creates a new paymentrequestupdateevent object which enables a web page to update the details of a paymentrequest in response to a user action.
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 transaction and determine a successful funds transfer.
Pointer Lock API - Web APIs
on, and removes the cursor from view.
PopStateEvent - Web APIs
r the same document.
ProgressEvent.initProgressEvent() - Web APIs
error the operation failed and didn't complete.
PublicKeyCredential.isUserVerifyingPlatformAuthenticatorAvailable() - Web APIs
isuserverifyingplatformauthenticatoravailable() is a static method of the publickeycredential interface that returns a promise which resolves to true if a user-verifying platform authenticator is available.
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 interaction 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 interaction during the process.
Push API - Web APIs
Web › API › Push API
essages is received, and not all generate a visible notification.
RTCIceCandidateInit.usernameFragment - Web APIs
the optional property usernamefragment in the rtcicecandidateinit dictionary specifies the value of the rtcicecandidate object's usernamefragment property.
RTCIceCandidatePairStats.retransmissionsReceived - Web APIs
been sent on the connection can be found in retransmissionssent.
RTCIceCandidatePairStats.retransmissionsSent - Web APIs
ave been received on the connection can be found in retransmissionsreceived.
RTCIceCandidatePairStats - Web APIs
nnectivity check responses that have been received.
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.
RTCIceProtocol - Web APIs
n use.
RTCIceTransport.state - Web APIs
sful candidate pairs, the transport state will change to "failed".
RTCIceTransportState - Web APIs
sful candidate pairs, the transport state will change to "failed".
RTCPeerConnection: icecandidate event - Web APIs
ject's icegatheringstate has made the transition to complete, an icecandidate event is sent with the value of complete set to null.
RTCPeerConnection: negotiationneeded event - Web APIs
cancelable no interface event event handler property rtcpeerconnection.onnegotiationneeded the negotiationneeded event is first dispatched to the rtcpeerconnection when media is first added to the connection.
RTCPeerConnection.oniceconnectionstatechange - Web APIs
value this event handler can be set to function which is passed a single input parameter: an event object describing the iceconnectionstatechange event which occurred.
RTCRtpSendParameters - Web APIs
tions; the value comes from the rtcdegradationpreference enumerated string type, and the default is balanced.
RTCRtpSender.setParameters() - Web APIs
tions; the value comes from the rtcdegradationpreference enumerated string type, and the default is balanced.
RTCStatsIceCandidatePairState - Web APIs
no response was received or because the response indicated that an unrecoverable error occurred.
Range.extractContents() - Web APIs
the range.extractcontents() method moves contents of the range from the document tree into a documentfragment.
ReadableByteStreamController - Web APIs
returns the current byob pull request.
ReadableStreamDefaultController - Web APIs
construction.
SVGElement: zoom event - Web APIs
the zoom event occurs when the user initiates an action which causes the current view of the svg document fragment to be rescaled.
SVGSVGElement - Web APIs
indicates that redraw shall not occur until: the corresponding unsuspendredraw() call has been made, an unsuspendredrawall() call has been made, or its timer has timed out.
ScriptProcessorNode: audioprocess event - Web APIs
the audioprocess event of the scriptprocessornode interface is fired when an input buffer of a script processor is ready to be processed.
Using server-sent events - Web APIs
p corresponding to the time at which the event was generated.
ServiceWorkerGlobalScope.skipWaiting() - Web APIs
to call self.skipwaiting() from inside of an installevent handler.
SourceBuffer.abort() - Web APIs
ent fires (i.e.
StorageManager.persist() - Web APIs
box mode is persistent, and false otherwise.
StorageManager.persisted() - Web APIs
x mode is persistent for your site's storage.
Streams API concepts - Web APIs
erver and stream it to the browser, but also stream it to the serviceworker cache.
Using writable streams - Web APIs
skeleton, the start(), write(), and close() methods can optionally have a controller parameter passed to them.
Streams API - Web APIs
uctor).
SubmitEvent - Web APIs
the submitevent interface defines the object used to represent an html form's submit event.
SyncEvent - Web APIs
Web › API › SyncEvent
the syncevent interface represents a sync action that is dispatched on the serviceworkerglobalscope of a serviceworker.
TouchEvent - Web APIs
ware.
TransitionEvent.initTransitionEvent() - Web APIs
parameters typearg is a domstring identifying the specific type of transition event that occurred.
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.
WebGLRenderingContext.stencilOp() - Web APIs
the webglrenderingcontext.stencilop() method of the webgl api sets both the front and back-facing stencil test actions.
WebGLRenderingContext.stencilOpSeparate() - Web APIs
the webglrenderingcontext.stencilopseparate() method of the webgl api sets the front and/or back-facing stencil test actions.
Hello vertex attributes - Web APIs
« previousnext » this webgl example demonstrates how to combine shader programming and user interaction 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.
WebGL best practices - Web APIs
apps should often not render within a raf callback.
WebGL: 2D and 3D graphics for the web - Web APIs
Web › API › WebGL API
aspect ratio differences, a function to build shader programs from sets of multiple shaders, and the basics of drawing in webgl.
WebRTC connectivity - Web APIs
r problems as well, for that matter.
Establishing a connection: The WebRTC perfect negotiation pattern - Web APIs
ion in the revised code, if the received message is an sdp description, we check to see if it arrived while we're attempting to transmit an offer.
A simple RTCDataChannel sample - Web APIs
o peers.
WebSocket() - Web APIs
ers url the url to which to connect; this should be the url to which the websocket server will respond.
WebSocket: close event - Web APIs
n closed so that you can update the ui or, perhaps, save data about the closed connection.
Writing WebSocket client applications - Web APIs
he url scheme wss://, although some software may allow you to use the insecure ws:// for local connections.
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.
Geometry and reference spaces in WebXR - Web APIs
econds relative to the starting time.
Movement, orientation, and motion: A WebXR example - Web APIs
tutorial series to construct an example which animates a rotating cube around which the user can move freely using a vr headset, keyboard, and/or mouse.
WebXR performance guide - Web APIs
n updates to the object if needed mat4.rotate( } } this renders a scene.
Starting up and shutting down a WebXR session - Web APIs
ngs you need (or may need) to do in order to finish the configuration of your session include: add handlers for the events you need to watch.
WebXR Device API - Web APIs
ion—one for the left eye and a second for the right eye.
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.
Web Workers API - Web APIs
ttle more complex than dedicated workers — scripts must communicate via an active port.
WheelEvent - Web APIs
vents that occur due to the user moving a mouse wheel or similar input device.
Window.clearImmediate() - Web APIs
this method clears the action specified by window.setimmediate.
window.location - Web APIs
Web › API › Window › location
} 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.setImmediate() - Web APIs
webkit (google/apple).
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.
Window: unload event - Web APIs
ed when the document or a child resource is being unloaded.
WindowEventHandlers.onpopstate - Web APIs
es for the same document.
self.createImageBitmap() - Web APIs
extracted.
WritableStream - Web APIs
the writablestream interface of the the streams api provides a standard abstraction for writing streaming data to a destination, known as a sink.
WritableStreamDefaultController - Web APIs
control of a writablestream's state.
XMLHttpRequest: load event - Web APIs
the load event is fired when an xmlhttprequest transaction completes successfully.
XMLHttpRequest.open() - Web APIs
as "get", "post", "put", "delete", etc.
XMLHttpRequest.responseType - Web APIs
lhttprequest which is in synchronous mode but not in a worker.
XMLHttpRequest - Web APIs
for open().
XMLHttpRequestEventTarget.onload - Web APIs
the xmlhttprequesteventtarget.onload is the function called when an xmlhttprequest transaction completes successfully.
XRInputSourceEvent.inputSource - Web APIs
urceevent interface's read-only inputsource property specifies the xrinputsource which generated the input event.
XRSession.onselectend - Web APIs
releasing a trigger, touchpad, or button, finishes speaking a command, or makes a hand gesture.
XRSession.onselectstart - Web APIs
y pressing a trigger, touchpad, or button, speaking a command, or making a hand gesture.
XRSystem: requestSession() - Web APIs
using a button to start vr mode the following example shows how to use both issessionsupported() and requestsession().
XRView - Web APIs
Web › API › XRView
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 interaction.
Using the aria-activedescendant attribute - Accessibility
object that is part of a composite widget within the document object model.
Using the aria-required attribute - Accessibility
on user agents and assistive technology screen readers should announce the field as required.
Using the progressbar role - Accessibility
monstrates how to use the progressbar role and describes the effect it has on browsers and assistive technology.
Using the slider role - Accessibility
ct the current value.
ARIA: tabpanel role - Accessibility
the aria tabpanel role indicates description an element with the tabpanel role associated roles and attributes aria- keyboard interaction key action tab → ← delete required javascript features include note about semantic alternatives to using this role or attribute.
ARIA: banner role - Accessibility
ve a banner landmark, but each page should be limited to only one header with the role of banner.
ARIA: cell role - Accessibility
first row of the first header would likely have aria-rowindex="1" set, and cells in row 47 would have aria-rowindex="47", if aria-rowindex were needed due to not all rows being in the dom.
ARIA: Comment role - Accessibility
the comment landmark role semantically denotes a comment/reaction to some content on the page, or to a previous comment.
ARIA: List role - Accessibility
for a full example.
ARIA: Listitem role - Accessibility
st of items.
ARIA: Navigation Role - Accessibility
ill automatically communicate a section has a role of navigation.
ARIA: Region role - Accessibility
a role of region if it is given an accessible name.
ARIA: img role - Accessibility
ce.
ARIA: rowgroup role - Accessibility
ture containing data arranged in rows and columns, similar to the native <table> html element.
ARIA: checkbox role - Accessibility
checked the value of aria-checked defines the state of a checkbox.
ARIA: dialog role - Accessibility
beginning of the page.
ARIA: heading role - Accessibility
structure this heading represents.
ARIA: textbox role - Accessibility
es that the user cannot modify the value of the text field.
WAI-ARIA Roles - Accessibility
mn or row header information.
overview - Accessibility
warning: needs updating introduction here's a look at working examples and best practices in building accessible javascript widgets.
Accessibility and Spacial Patterns - Accessibility
can change depending upon what mime type is being used, and its version.
HTML To MSAA - Accessibility
how gecko maps html elements to msaa.
Keyboard-navigable JavaScript widgets - Accessibility
he browser from also handling it (for example, scrolling in response to the arrow keys) by using your event handler's return code.
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..
Text labels and names - Accessibility
coords="34,34,100,100" href="media.html" alt="audio visual lab" /> </map> see the <area> element reference page for a live interactive example.
-moz-user-focus - CSS: Cascading Style Sheets
s specifiedanimation typediscrete note: this property doesn't work for xul <xul:textbox> elements, because the textbox itself never takes focus.
::backdrop - CSS: Cascading Style Sheets
full-screen mode is configured to be a grey-blue color rather than the black it defaults to in most browsers.
:disabled - CSS: Cascading Style Sheets
Web › CSS › :disabled
activated (selected, clicked on, typed into, etc.) or accept focus.
:enabled - CSS: Cascading Style Sheets
Web › CSS › :enabled
etc.) or accept focus.
:in-range - CSS: Cascading Style Sheets
Web › CSS › :in-range
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.
:out-of-range - CSS: Cascading Style Sheets
color: rgba(255, 0, 0, 0.25); } this pseudo-class is useful for giving the user a visual indication that a field's current value is outside the permitted limits.
font-variation-settings - CSS: Cascading Style Sheets
ber> when rendering text, the list of opentype axis names is passed to the text layout engine to enable or disable font features.
aspect-ratio - CSS: Cascading Style Sheets
atio feature is specified as a <ratio> value representing the width-to-height aspect ratio of the viewport.
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.
Variable fonts guide - CSS: Cascading Style Sheets
om axes custom axes are just that: they can be any axis of design variation that the typeface designer imagines.
CSS Fonts - CSS: Cascading Style Sheets
Web › CSS › CSS Fonts
d style, font shorthand, text alignment and other effects, and line and letter spacing.
Auto-placement in CSS Grid Layout - CSS: Cascading Style Sheets
in addition to the ability to place items accurately onto a created grid, the css grid layout specification contains rules that control what happens when you create a grid and do not place some or all of the child items.
Box alignment in CSS Grid Layout - CSS: Cascading Style Sheets
arabic, the start of the grid would be the top and right, so the default of justify-content: start would be for grid tracks to start on the right hand side of the grid.
CSS Grid Layout and Accessibility - CSS: Cascading Style Sheets
grid item – the child <li> elements do not.
CSS Grid Layout and Progressive Enhancement - CSS: Cascading Style Sheets
es a grid item.
Line-based placement with CSS Grid - CSS: Cascading Style Sheets
d layout you always have numbered lines.
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 interaction with another layout specification that is worth noting is the interaction between css grid layout and display: contents.
Overview of CSS Shapes - CSS: Cascading Style Sheets
ty is used to set the threshold of image transparency used to define the area of the image used for the shape.
Layout mode - CSS: Cascading Style Sheets
rmal flow includes block layout, designed for laying out boxes such as paragraphs and inline layout, which lays out inline items such as text.
CSS reference - CSS: Cascading Style Sheets
Web › CSS › Reference
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...
Value definition syntax - CSS: Cascading Style Sheets
css value definition syntax, a formal grammar, is used for defining the set of valid values for a css property or function.
Visual formatting model - CSS: Cascading Style Sheets
ck or inline.
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.
cursor - CSS: Cascading Style Sheets
Web › CSS › cursor
-beam.
display - CSS: Cascading Style Sheets
Web › CSS › display
value.
<flex> - CSS: Cascading Style Sheets
the <flex> css data type denotes a flexible length within a grid container.
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 fractions */ .fractions { 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-variation-settings - CSS: Cascading Style Sheets
able font axis names is passed to the text layout engine to enable or disable font features.
font - CSS: Cascading Style Sheets
Web › CSS › font
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.
image-rendering - CSS: Cascading Style Sheets
the image-rendering css property sets an image scaling algorithm.
max-block-size - CSS: Cascading Style Sheets
on in mind.
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.
scroll-snap-type - CSS: Cascading Style Sheets
axis only.
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 ...
will-change - CSS: Cascading Style Sheets
in the near future.
Demos of open web technologies
or application of open web technology, please add a link to the appropriate section here.
Index - Event reference
Web › Events › Index
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
Web › Guide › AJAX
sing a number of existing technologies together, including html or xhtml, css, javascript, dom, xml, xslt, and most importantly the xmlhttprequest object.
Cross-browser audio basics - Developer guides
cross all browsers.
Video player styling basics - Developer guides
in the previous cross browser video player article we described how to build a cross-browser html5 video player using the media and fullscreen apis.
Media buffering, seeking, and time ranges - Developer guides
o.buffered; timeranges object timeranges are a series of non-overlapping ranges of time, with start and stop times.
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.
DOM onevent handlers - Developer guides
s.
Touch events (Mozilla experimental) - Developer guides
.
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 &lt;h1&gt;</option> <option value="h2">title 2 &lt;h2&gt;</option> <option ...
HTML5 - Developer guides
Web › Guide › HTML › HTML5
torial images that can directly be embedded in the html.
Separate sites for mobile and desktop - Developer guides
bile site.
Writing forward-compatible websites - Developer guides
date entirely you should make sure all your > characters are present.
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.
disabled - HTML: Hypertext Markup Language
h the button.
HTML attribute: multiple - HTML: Hypertext Markup Language
lecting zero or more options from the list of options.
HTML attribute: rel - HTML: Hypertext Markup Language
Web › HTML › Attributes › rel
of some browsers like firefox or internet explorer.
HTML attribute: required - HTML: Hypertext Markup Language
commened to either include the required attribute in every same-named radio button in the group or none.
<iframe>: The Inline Frame element - HTML: Hypertext Markup Language
Web › HTML › Element › iframe
rigin, including scripts inside a frame accessing the frame's parent.
<img>: The Image Embed element - HTML: Hypertext Markup Language
Web › HTML › Element › img
dth: 600px) media condition matches, the 200 pixel-wide image will load (it is the one that matches 200px most closely), otherwise the other image will load.
<input type="button"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › button
button.disabled = false; button.value = 'enabled'; }, 2000); } if the disabled attribute isn't specified, the button inherits its disabled state from its parent element.
<input type="date"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › date
tion, we'll look at basic and then more complex uses of <input type="date">, and offer advice on mitigating the browser support issue later (see handling browser support).
<input type="datetime"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › datetime
the html <input type="datetime"> was a control for entering a date and time (hour, minute, second, and fraction of a second) as well as a timezone.
<input type="email"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › email
sts, corresponds to the user of the site, or is acceptable in any other way.
<input type="number"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › number
that, logically, you should not be able to enter characters inside a number input other than numbers.
<input type="password"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › password
ample, only values consisting of at least four and no more than eight hexadecimal digits are valid.
<keygen> - HTML: Hypertext Markup Language
Web › HTML › Element › keygen
hen the page loads, unless the user overrides it, for example by typing in a different control.
<menuitem> - HTML: Hypertext Markup Language
Web › HTML › Element › menuitem
the name of the command as shown to the user.
<meter>: The HTML Meter element - HTML: Hypertext Markup Language
Web › HTML › Element › meter
the html <meter> element represents either a scalar value within a known range or a fractional value.
<multicol>: The HTML Multi-Column Layout element (Obsolete) - HTML: Hypertext Markup Language
Web › HTML › Element › multicol
the html multi-column layout element (<multicol>) was an experimental element designed to allow multi-column layouts and must not be used.
<slot> - HTML: Hypertext Markup Language
Web › HTML › Element › slot
</style> <details> <summary> <code class="name">&lt;<slot name="element-name">need name</slot>&gt;</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).
inputmode - HTML: Hypertext Markup Language
the inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents.
Microdata - HTML: Hypertext Markup Language
ided by schema.org.
Identifying resources on the Web - HTTP
server.
CORS errors - HTTP
Web › HTTP › CORS › Errors
ternal service.
Cross-Origin Resource Sharing (CORS) - HTTP
Web › HTTP › CORS
.example, but the cookie on line 20 is sent by bar.other, and would thus not be saved if the user has configured their browser to reject all third-party cookies.
Content Security Policy (CSP) - HTTP
Web › HTTP › CSP
header to ensure that browsers connect to them only over an encrypted channel.
Content negotiation - HTTP
is the standard way of negotiating a specific kind of resource.
Cache-Control - HTTP
er time.
Connection - HTTP
the connection general header controls whether or not the network connection stays open after the current transaction finishes.
CSP: sandbox - HTTP
the http content-security-policy (csp) sandbox directive enables a sandbox for the requested resource similar to the <iframe> sandbox attribute.
Content-Type - HTTP
space.
HTTP headers - HTTP
Web › HTTP › Headers
of a specific range with previous ones, or to implement an optimistic concurrency control system when modifying existing documents.
HTTP request methods - HTTP
Web › HTTP › Methods
http defines a set of request methods to indicate the desired action to be performed for a given resource.
Redirections in HTTP - HTTP
or a url that will contain the right information.
A typical HTTP session - HTTP
Web › HTTP › Session
allowing the server to process the request the moment it receives this empty line.
200 OK - HTTP
Web › HTTP › Status › 200
the http 200 ok success status response code indicates that the request has succeeded.
451 Unavailable For Legal Reasons - HTTP
Web › HTTP › Status › 451
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.
511 Network Authentication Required - HTTP
Web › HTTP › Status › 511
the http 511 network authentication required response status code indicates that the client needs to authenticate to gain network access.
HTTP response status codes - HTTP
Web › HTTP › Status
header, letting the user agent start preloading resources while the server prepares a response.
JavaScript data types and data structures - JavaScript
e could emulate a list (while a javascript array would be more suitable).
Concurrency model and the event loop - JavaScript
e-empted and will run entirely before any other code runs (and can modify data the function manipulates).
Functions - JavaScript
onstructor to create functions from a string at runtime, much like eval().
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.
Indexed collections - JavaScript
lement.
Loops and iteration - JavaScript
ou tell someone to take x steps in one direction, then y steps in another.
JavaScript modules - JavaScript
the path beyond that to the file we are trying to find.
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 technologies overview - JavaScript
language-independent convention for representing and interacting with objects in html, xhtml and xml documents.
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.
SyntaxError: missing ) after condition - JavaScript
after condition" occurs when there is an error with how an if condition is written.
TypeError: "x" is not a constructor - JavaScript
the javascript exception "is not a constructor" occurs when there was an attempt to use an object or a variable as a constructor, but that object or variable is not a constructor.
RangeError: precision is out of range - JavaScript
the javascript exception "precision is out of range" occurs when a number that's outside of the range of 0 and 20 (or 21) was passed into tofixed or toprecision.
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.fractionalseconddigits = 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...
Math.trunc() - JavaScript
the math.trunc() function returns the integer part of a number by removing any fractional digits.
Math - JavaScript
nteger.
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, {minimumfractiondigits: 2, maximumfractiondigits: 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.
WeakRef - JavaScript
.
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 … + … subtraction … - … 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 abstraction 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...
Authoring MathML - MathML
matics using the mathml language.
<merror> - MathML
Web › MathML › Element › merror
wrong or not well-formed xml.
<mfenced> - MathML
port it.
<mo> - MathML
Web › MathML › Element › mo
this attribute, but it specifies whether the operator is a separator (such as commas).
Autoplay guide for media and Web Audio APIs - Web media technologies
that result in blocking, and the specifics of how sites become whitelisted vary from browser to browser, but the above are good guidelines to go by.
Handling media support issues in web content - Web media technologies
e is blank, or contains nothing but the logo of a business, or some other image that doesn't give the reader any context for the video's contents.
Web video codec guide - Web media technologies
ould be smooth take on a jagged appearance, looking somewhat like a set of stair steps.
Critical rendering path - Web Performance
o to create the render tree.
Progressive web app structure - Progressive web apps (PWAs)
ll and manages the dynamic content in a way that greatly improves the performance.
Installing and uninstalling web apps - Progressive web apps (PWAs)
ard for icons and symbols used for operations such as this.
Introduction to progressive web apps - Progressive web apps (PWAs)
es even more.
Mobile first - Progressive web apps (PWAs)
ead in a few places is "one eyeball, one thumb", referring to how much of the user's attention you are likely to have.
Structural overview of progressive web apps - Progressive web apps (PWAs)
ll and manages the dynamic content in a way that greatly improves the performance.
alignment-baseline - SVG: Scalable Vector Graphics
-before-edge nor text-after-edge should be used with the vertical-align property.
dominant-baseline - SVG: Scalable Vector Graphics
em box as the baseline.
filterUnits - SVG: Scalable Vector Graphics
yes userspaceonuse x, y, width and height represent values in the current coordinate system that results from taking 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).
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-fraction-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.
glyph-orientation-vertical - SVG: Scalable Vector Graphics
level rotation.
lang - SVG: Scalable Vector Graphics
Web › SVG › Attribute › lang
acter part for the region or country, separated by a minus sign, e.g.
maskUnits - SVG: Scalable Vector Graphics
nt.
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...
xml:lang - SVG: Scalable Vector Graphics
r part for the region or country, separated by a minus sign, e.g.
zoomAndPan - SVG: Scalable Vector Graphics
the zoomandpan attribute specifies whether the svg document can be magnified and panned.
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 custom elements - Web Components
; } transpilers vs.
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.
<xsl:if> - XSLT: Extensible Stylesheet Language Transformations
Web › XSLT › Element › if
ty of an if-then-else statement, however, use the <xsl:choose> element with one <xsl:when> and one <xsl:otherwise> children.
<xsl:otherwise> - XSLT: Extensible Stylesheet Language Transformations
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the <xsl:otherwise> element is used to define the action that should be taken when none of the <xsl:when> conditions apply.
Index - XSLT: Extensible Stylesheet Language Transformations
Web › XSLT › Index
temporary namespace which is appropriately re-converted back to the xslt namespace in the output tree.
An Overview - XSLT: Extensible Stylesheet Language Transformations
f the xml document: it represents the document as whole.
Understanding WebAssembly text format - WebAssembly
part of reference types, such as table.get and table.set.