Search completed in 1.28 seconds.
<details>: The Details disclosure element - HTML: Hypertext Markup Language
the html
details element (<
details>) creates a disclosure widget in which information is visible only when the widget is toggled into an "open" state.
...if the first child of the <
details> element is a <summary>, the contents of the <summary> element are used as the label for the disclosure widget.
... note: the common use of a triangle which rotates or twists around to represent opening or closing the widget is why these are sometimes called "twisties." a <
details> widget can be in one of two states.
...And 20 more matches
Network request details - Firefox Developer Tools
the request
details pane appears when you click on a network request in the request list.
... network request
details clicking on a row displays a new pane in the right-hand side of the network monitor, which provides more detailed information about the request.
... clicking the icon at the right-hand end of the toolbar closes the
details pane and returns you to the list view.
...And 7 more matches
PaymentMethodChangeEvent.methodDetails - Web APIs
the read-only method
details property of the paymentmethodchangeevent interface is an object containing any data the payment handler may provide to describe the change the user has made to their payment method.
... the value is null if no
details are available.
... syntax
details = paymentmethodchangeevent.methodname; value an object containing any data needed to describe the changes made to the payment method.
...And 6 more matches
PaymentDetailsBase - Web APIs
the payment
detailsbase dictionary is a mixin used by the payment
detailsinit and payment
detailsupdate dictionaries.
... modifiersoptional an array of payment
detailsmodifier objects, each describing a modifier for particular payment method identifiers.
... derived dictionaries the following dictionaries include payment
detailsbase.
...And 4 more matches
HTMLDetailsElement: toggle event - Web APIs
the toggle event fires when the open/closed state of a <
details> element is toggled.
... bubbles no cancelable no interface event event handler property none default action toggles the open state of the <
details> element.
... html <aside id="log"> <b>open chapters:</b> <div data-id="ch1" hidden>i</div> <div data-id="ch2" hidden>ii</div> <div data-id="ch3" hidden>iii</div> </aside> <section id="summaries"> <b>chapter summaries:</b> <
details id="ch1"> <summary>chapter i</summary> philosophy reproves boethius for the foolishness of his complaints against fortune.
...And 3 more matches
MediaSessionActionDetails - Web APIs
the media session api's mediasessionaction
details dictionary is the type used by the sole input parameter into the callback which is executed when a media session action occurs.
...the mediasessionaction
details property seekoffset specifies the amount of time to seek backward.
...the mediasessionaction
details property seekoffset specifies the amount of time to seek forward.
...And 3 more matches
HTMLDetailsElement - Web APIs
the html
detailselement interface provides special properties (beyond the regular htmlelement interface it also has available to it by inheritance) for manipulating <
details> elements.
... <div id="interfacediagram" style="display: inline-block; position: relative; width: 100%; padding-bottom: 20%; vertical-align: middle; overflow: hidden;"><svg style="display: inline-block; position: absolute; top: 0; left: 0;" viewbox="-50 0 600 120" preserveaspectratio="xminymin meet"><a xlink:href="/docs/web/api/html
detailselement" target="_top"><rect x="1" y="1" width="180" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="91" y="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">html
detailselement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement.
... html
detailselement.open is a boolean reflecting the open html attribute, indicating whether or not the element’s contents (not counting the <summary>) is to be shown to the user.
...And 2 more matches
MediaSessionActionDetails.seekTime - Web APIs
the mediasessionaction
details dictionary's seektime property is always included when a seekto action is sent to the action handler callback.
... syntax let mediasessionaction
details = { seektime: abstimeinseconds }; let abstime = mediasessionaction
details.seektime; value a floating-point value indicating the absolute time in seconds into the media to which to move the current play position.
... usage notes to perform a "fast" seek (such as when issuing multiple seekto actions in sequence while handling a scrubbing operation, the
details object's fastseek property's value is set to true, indicating that you should minimize or eliminate anything you do while handling the action that is only necessary at the final step.
...And 2 more matches
PaymentDetailsUpdate - Web APIs
the payment
detailsupdate dictionary is used to provide updated information to the payment user interface after it has been instantiated.
... this can be done either by calling the paymentrequestupdateevent.updatewith() method or by using the paymentrequest.show() method's
detailspromise parameter to provide a promise that returns a payment
detailsupdate that updates the payment information before the user interface is even enabled for the first time.
... properties the payment
detailsupdate dictionary is based on the payment
detailsbase dictionary, and inherits its properties, which are included in the list below.
...And 2 more matches
PaymentDetailsUpdate.error - Web APIs
the payment
detailsupdate dictionary's error property is a human-readable domstring which provides an error message to be displayed if the specified information doesn't offer any valid shipping options.
... syntax errorstring = payment
detailsupdate.error; payment
detailsupdate.error = errorstring; value a domstring specifying the string to display to the user if the information specified in the payment
detailsupdate doesn't provide any valid shipping options.
... the payment
detailsupdate object specifies no valid shipping options in its shippingoptions list.
... specifications specification status comment payment request apithe definition of 'payment
detailsupdate.error' in that specification.
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.
... syntax var
detailsobject = paymentresponse.
details; example the following example extracts the
details from the paymentresponse object to the promise returned from paymentrequest.show().
... payment.show().then(paymentresponse => { var paymentdata = { // payment method string method: paymentresponse.methodname, // payment
details as you requested
details: paymentresponse.
details, // shipping address information address: todict(paymentresponse.shippingaddress) }; // send information to the server }); specifications specification status comment payment request api candidate recommendation initial definition.
... desktopmobilechromeedgefirefoxinternet exploreroperasafariandroid webviewchrome for androidfirefox for androidopera for androidsafari on iossamsung internet
detailschrome full support 61edge full support 15firefox full support 56notes disabled full support 56notes disabled notes available only in nightly builds.disabled from version 56: this feature is behind the dom.payments.request.enable...
MediaSessionActionDetails.action - Web APIs
the action property is the only required property mediasessionaction
details dictionary, specifying the type of media session action which the action handler callback is being executed for.
... syntax let mediasessionaction
details = { action: actiontype }; let actiontype = mediasessionaction
details.action; value a domstring specifying which of the action types the callback is being invoked for: nexttrack advances playback to the next track.
... specifications specification status comment media session standardthe definition of 'mediasessionaction
details.action' in that specification.
MediaSessionActionDetails.fastSeek - Web APIs
the boolean property fastseek in the mediasessionaction
details 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.
... syntax let mediasessionaction
details = { fastseek: shouldfastseek }; let shouldfastseek = mediasessionaction
details.fastseek; value a boolean which is true if the action is part of an ongoing series of seek actions which should be treated as part of an overall seek operation.
... specifications specification status comment media session standardthe definition of 'mediasessionaction
details.fastseek' in that specification.
MediaSessionActionDetails.seekOffset - Web APIs
the mediasessionaction
details 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.
... syntax let mediasessionaction
details = { seekoffset: deltatimeinseconds }; let deltatime = mediasessionaction
details.seekoffset; value a floating-point value indicating the time delta in seconds by which to move the playback position relative to its current timestamp.
... specifications specification status comment media session standardthe definition of 'mediasessionaction
details.seekoffset' in that specification.
PaymentDetailsUpdate.shippingAddressErrors - Web APIs
the payment
detailsupdate dictionary's shippingaddresserrors property, if present, contains an addresserrors object whose contents provide error messages for one or more of the values in the paymentaddress specified as paymentrequest.shippingaddress.
... syntax var addresserrors = payment
detailsupdate.shippingaddresserrors; value an addresserrors object, which contains domstrings describing errors in the properties of a paymentaddress.
... specifications specification status comment payment request apithe definition of 'payment
detailsupdate.shippingaddresserrors' in that specification.
JS_SET_TRACING_DETAILS
syntax js_set_tracing_
details(trc, printer, arg, index) name type description trc jstracer * the tracer whose debugging hooks are to be set.
...mxr id search for js_set_tracing_
details ...
Details of the object model - JavaScript
the rest of this chapter describes the
details of using javascript constructors and prototypes to create an object hierarchy and compares this to how you would do it in java.
...see bug 634150 if you want the nitty-gritty
details.
Index - Web APIs
126 audiocontext.createjavascriptnode() api, audio, method, obsolete, reference, web, createjavascriptnode the following script illustrates the use of createjavascriptnode(): 127 audiocontext.createmediaelementsource() api, audiocontext, method, reference, référence(2), web audio api, createmediaelementsource for more
details about media element audio source nodes, check out the mediaelementaudiosourcenode reference page.
... 129 audiocontext.createmediastreamsource() api, audio, audiocontext, audionode, media, mediastream, mediastreamtrack, method, reference, web, web audio, web audio api, createmediastreamsource for more
details about media stream audio source nodes, check out the mediastreamaudiosourcenode reference page.
... 256 basiccardresponse api, basic card payment, basiccardresponse, experimental, interface, payment request, payment request api, reference the basiccardresponse dictionary (related to the payment request api, although defined in the basic card payment spec) defines an object structure for payment response
details such as the number/expiry date of the card used to make the payment, and the billing address.
...And 42 more matches
Experimental features in Firefox
see bug 840640 for more
details.
...see also bug 1205133 for
details.
...read preloading content with rel="preload" for more
details.
...And 28 more matches
Index
you can get
details on what this method does in js_setgczeal.
... 82 reference manual xpcom this section will help you if you're already familiar with nscomptr but you need
details.
...this article
details those changes, and provides suggestions for how to update your code.
...And 21 more matches
Using templates and slots - Web Components
the following set of code snippets show how to use <slot> together with <template> and some javascript to: create a <element-
details> element with named slots in its shadow root design the <element-
details> element in such a way that, when used in documents, it is rendered from composing the element’s content together with content from its shadow root—that is, pieces of the element’s content are used to fill in named slots in its shadow root note that it is technically possible to use <slot> element without a <templat...
... note: you can find this complete example at element-
details (see it running live also).
... creating a template with some slots first of all, we use the <slot> element within a <template> element to create a new "element-
details-template" document fragment containing some named slots: <template id="element-
details-template"> <style>
details {font-family: "open sans light",helvetica,arial} .name {font-weight: bold; color: #217ac0; font-size: 120%} h4 { margin: 10px 0 -8px 0; } h4 span { background: #217ac0; padding: 2px 6px 2px 6px } h4 span { border: 1px solid #cee9f9; border-radius: 4px } h4 span { color: white } .attributes { margin-left: 22px; font-size: 90% } .attributes p { margin-left: 16px; font-style: italic } </style> <
details> <summary> <span> <code class="name"><<slot name="element-name">need name</slot>></code> <i cl...
...And 17 more matches
Index - Archive of obsolete content
these
details apply to firefox, thunderbird, and seamonkey (version 2.0 and above).
...see the dehydra object reference for
details on the available object properties.
...further
details on smaller tasks being done are available at user:dria:todo page.
...And 13 more matches
Using the Payment Request API - Web APIs
the basics of making a payment this section
details the basics of using the payment request api to make a payment.
...
details — an object containing information concerning the specific payment, such as the total payment amount, tax, shipping cost, etc.
... so for example, you could create a new paymentrequest instance like so: var request = new paymentrequest(buildsupportedpaymentmethoddata(), buildshoppingcart
details()); the functions invoked inside the constructor simply return the required object parameters: function buildsupportedpaymentmethoddata() { // example supported payment methods: return [{ supportedmethods: 'basic-card', data: { supportednetworks: ['visa', 'mastercard'], supportedtypes: ['debit', 'credit'] } }]; } function buildshoppingcart
details() { // hardcoded for demo purposes: return { id: 'order-123', displayitems: [ { label: 'example item', ...
...And 9 more matches
Search Extension Tutorial (Draft) - Archive of obsolete content
while the technical
details below are important to understand, a library which encapsulates the appropriate logic is provided along with the example add-on at the end, and should be used where possible.
...cu.import("resource://gre/modules/services.jsm"); // the
details of the engine to add const engine_
details = { name: "example engine", iconurl: "data:image/png;base64,...", alias: "example-engine", description: "an example search engine", method: "get", // the http request method url: "https://www.example.com/?q=_searchterms_" }; // keep track of whether this is the first run.
... if (!services.search.getenginebyname(engine_
details.name)) { services.search.addenginewith
details.apply(services.search, ["name", "iconurl", "alias", "description", "method", "url"].map( function (k) engine_
details[k])) } let engine = services.search.getenginebyname(engine_
details.name); // if the engine is not hidden and this is the first run, move // it to the first position in the engine lis...
...And 8 more matches
Setting up your own test automation environment - Learn web development
see setting up a selenium-webdriver project for more
details of selenium setups for different languages.
...you can find
details of where to get them from on the selenium-webdriver page (see the table in the first section.) obviously, some of the browsers are os-specific, but we're going to stick with firefox and chrome, as they are available across all the main oses.
...for more complete
details, you should consult the selenium-webdriver javascript api reference for a detailed reference, and the selenium main documentation's selenium webdriver and webdriver: advanced usage pages, which contain multiple examples to learn from written in different languages.
...And 8 more matches
Console messages - Firefox Developer Tools
if more information is available, a disclosure triangle lets you display it, in an embedded panel that is identical to the network monitor request
details.
... the context menu for network messages includes a few extra items in addition the globally-available ones: copy link location acts as you would expect, copying the url into the clipboard open in network panel switches context to the network tab, selects the request and shows you the
details resend request sends the network request again.
... the complete list of security messages is as follows: message
details blocked loading mixed active content the page contained mixed active content: that is, the main page was served over https, but asked the browser to load "active content", such as scripts, over http.
...And 8 more matches
PaymentRequest.show() - Web APIs
if your architecture doesn't necessarily have all of the data ready to go at the moment it instantiates the payment interface by calling show(), specify the
detailspromise parameter, providing a promise that is fulfilled once the data is ready.
... syntax paymentpromise = paymentrequest.show(
detailspromise); parameters
detailspromise optional an optional promise that you can provide if your architecture requires that the payment request's
details need to be updated between instantiating the payment interface and the user beginning to interact with it.
... the promise should resolve with a payment
detailsupdate object containing the updated information.
...And 8 more matches
ARIA annotations - Accessibility
to provide a semantic association between the document content being annotated and the annotation, an aria-
details attribute can be set on the annotated content that contains the id of the annotated element.
... aria-
details has been updated so that it can support multiple ids — this makes sense, for example you can easily envisage having multiple comments relating to the same bit of text.
... associating annotated elements with their
details there are a number of different ways in which you can associate ui features with text labels or descriptions for accessibility purposes.
...And 8 more matches
JavaScript modules - JavaScript
see node's ecmascript modules documentation for more
details.
...see node's ecmascript modules documentation for more
details.disabled from version 12.0.0: this feature is behind the --experimental-modules runtime flag.
...see node's ecmascript modules documentation for more
details.disabled from version 8.5.0: this feature is behind the --experimental-modules runtime flag.dynamic importchrome full support 63edge full support 79firefox full support 67 full support 67 no support 66 — 67disabled disabled from version 66 until version 67 (exclusive): this feature is behind the javascript.options.dynamicimport preference (needs to be set to true).
...And 8 more matches
source-editor.jsm
see the editor configuration object for
details on configuring the editor.
...see find options for
details.
...see the editor configuration object for
details.
...And 7 more matches
<summary>: The Disclosure Summary element - HTML: Hypertext Markup Language
the html disclosure summary element (<summary>) element specifies a summary, caption, or legend for a <
details> element's disclosure box.
... clicking the <summary> element toggles the state of the parent <
details> element open and closed.
... permitted parents the <
details> element.
...And 7 more matches
Introduction to automated testing - Learn web development
see getting started with grunt for more
details.
...the dashboard will provide you
details related to how many minutes you have consumed, how many concurrent sessions are running, your total number of tests to date, and more.
... advanced: the sauce labs api sauce labs has a restful api that allows you to programmatically retrieve
details of your account and existing tests, and annotate tests with further
details, such as their pass/fail state which isn't recordable by manual testing alone.
...And 6 more matches
AddressErrors - Web APIs
addresserrors is the type of the object returned by shippingaddresserrors in the payment
detailsupdate passed into paymentrequestupdateevent.updatewith() by the shippingaddresschange event handler if a change to the address resulted in a validation error occurring.
...please check for any errors."; const invalidcountryerror = "at this time, we only ship to the united states, canada, great britain, japan, china, and germany."; let shippingaddress = ev.target.shippingaddress; let shippingaddresserrors = {}; let update
details = {}; if (!validcountries.includes(shippingaddress.country)) { ev.target.shippingoptions = []; shippingaddresserrors.country = invalidcountryerror; update
details = { error: genericaddresserror, shippingaddresserrors, ...defaultpayment
details }; } ev.updatewith(update
details); } see handling address changes for a description of how this code works.
... javascript payment request data first, we declare the variables supportedhandlers, which is compatible with paymentmethoddata, and defaultpayment
details, which is a payment
detailsupdate object.
...And 6 more matches
PaymentRequest.PaymentRequest() - Web APIs
syntax var paymentrequest = new paymentrequest(methoddata,
details, [options]); parameters methoddata contains an array of identifiers for the payment methods the merchant web site accepts and any associated payment method specific data.
...
details provides information about the requested transaction.
... displayitems an array of optional line items for the payment request that the user agent may display, such as product
details, tax, and shipping.
...And 6 more matches
Web video codec guide - Web media technologies
some
details may be lost; the amount of loss depends on the codec and how it's configured, but as a general rule, the more compression you achieve, the more loss of detail and fidelity will occur.
...each codec provides a link to a section below which offers additional
details about the codec, including specific capabilities and compatibility issues you may need to be aware of.
...see frame rate below for
details.
...And 6 more matches
Release notes - Archive of obsolete content
details github commits made between firefox 34 and firefox 35.
...
details github commits made between firefox 33 and firefox 34.
...
details github commits made between firefox 32 and firefox 33.
...And 5 more matches
Index - Archive of obsolete content
(this one has no post data parameter, see loaduriwithflags for a version that does) 531 loaduriwithflags xul methods, xul reference (see nsiwebnavigation.loaduri() for
details on the referrer and postdata parameters.) 532 makeeditable xul methods, xul reference no summary!
...this is a useful means of providing additional
details about a user interface without cluttering up the main interface.
...the following articles provide
details about implementing and working with toolbars.
...And 5 more matches
sslfnc.html
the ssl_cipherprefsetdefault function cannot override cipher suite policy settings that are not permitted; see ssl export policy functions for
details.
...for more
details on policy settings, see ssl_cipherpolicyset.
...for more
details on policy settings, see ssl_cipherpolicyset.
...And 5 more matches
Payment Request API - Web APIs
it aims to make the checkout process easier, by remembering a user's
details, which are then passed along to a merchant hopefully without requiring a html form.
... advantages of using the payment request api with "basic-card" (card-based payments): fast purchase experience: users enter their
details once into the browser and are then ready to pay for goods and services on the web.
... they no longer have to fill out the same
details repeatedly across different sites.
...And 5 more matches
The "codecs" parameter in common media types - Web media technologies
this guide briefly examines the syntax of the media type codecs parameter and how it's used with the mime type string to provide
details about the contents of audio or video media beyond simply indicating the container type.
... av1 codec parameter string components component
details p the one-digit profile number: av1 profile numbers profile number description 0 "main" profile; supports yuv 4:2:0 or monochrome bitstreams with bit depth of 8 or 10 bits per component.
...see appendix a, section 3 in the av1 specification for
details.
...And 5 more matches
Introduction to XUL - Archive of obsolete content
having said that, the
details of a particular application of xml; say, the syntax for specifying a toolbar, are left to separate documents describing those particular applications.
... most of the
details of writing a xul document are identical to those for writing an xml document, a description of which we will leave to other excellent xml documentation which we assume must exist but have never seen.
...mozilla's xul content models also support nifty features like local/remote merging; see the xul and rdf document for
details.
...And 4 more matches
Inputs and input sources - Web APIs
for
details on the primary action, see primary action.
... managing input sources when multiple input sources are available, you need to be able to obtain information about each one, including its position and orientation, its targeting ray (if applicable to your needs), and
details that can help you decide how to present the input source visually, if at all.
... see input profiles for more specific
details on working with input profiles.
...And 4 more matches
Functions - JavaScript
defining functions there are several ways to define functions: the function declaration (function statement) there is a special syntax for declaring functions (see function statement for
details): function name([param[, param[, ...
... the function expression (function expression) a function expression is similar to and has the same syntax as a function declaration (see function expression for
details).
... the generator function declaration (function* statement) there is a special syntax for generator function declarations (see function* statement for
details): function* name([param[, param[, ...
...And 4 more matches
Web audio codec guide - Web media technologies
see codecs used by webrtc for
details.
... factors affecting the encoded audio there are two general categories of factors that affect the encoded audio which is output by an audio codec's encoder:
details about the source audio's format and contents, and the codec and its configuration during the encoding process.
... noise / hiss unwanted background noise or hiss tends to reduce audio quality both directly (by masking
details of the foreground audio) and indirectly (by making the audio waveform more complicated and therefore difficult to reduce in size while maintaining precision).
...And 4 more matches
Codecs used by WebRTC - Web media technologies
see this article on sumo for
details.
... for
details on webrtc-related considerations for each codec, see the sub-sections below by following the links on each codec's name.
... complete
details of what video codecs and configurations webrtc is required to support can be found in rfc 7742: webrtc video processing and codec requirements.
...And 4 more matches
Index - Learn web development
8 mobile accessibility accessibility, article, beginner, codingscripting, learn, mobile, responsive, screenreader, touch in this article, we have provided you with some
details about common mobile accessibility-specific issues and how to overcome them.
...you should now also have a thirst to learn about the implementation
details that can make sites accessible, and we'll start on that in the next section, looking at why html is a good basis for accessibility.
...along the way, we'll also explain some useful
details of dealing with functions.
...And 3 more matches
Website security - Learn web development
in other high-profile cases, millions of passwords, email addresses, and credit card
details have been leaked into the public domain, exposing website users to both personal embarrassment and financial risk.
... the rest of this article gives you more
details about a few common threats and some of the simple steps you can take to protect your site.
...when the attacker has the cookie, they can log into a site as though they were the user and do anything the user can, such as access their credit card
details, see contact
details, or change passwords.
...And 3 more matches
Communicating with frame scripts
the example below sends a message named "my-e10s-extension-message", with a data payload containing
details and tag properties, and exposes the event.target object as a cpow: // frame script addeventlistener("click", function (event) { sendasyncmessage("my-addon@me.org:my-e10s-extension-message", {
details : "they clicked", tag : event.target.tagname }, { target : event.target }); }, false); to receive messages from content, a chrome script needs to add a message listener using t...
... objects an object whose properties are any cpows exposed by the sender as the third argument to sendasyncmessage() in the example below the listener just logs all the messages
details: // chrome script messagemanager.addmessagelistener("my-addon@me.org:my-e10s-extension-message", listener); function listener(message) { console.log(message.name); console.log(message.sync); console.log(message.data); console.log(message.target); console.log(message.objects); } so combining this message listener with the message above will give console output somewhat like this, whe...
...n the user clicks a <div>: "my-addon@me.org:my-e10s-extension-message" false object {
details: "they clicked", tag: "div" } <xul:browser anonid="initialbrowser" ...
...And 3 more matches
Observer Notifications
see xpcom changes in gecko 2.0 for
details.
...see xpcom changes in gecko 2.0 for
details.
...see working with bfcache for information about the bfcache, and inner and outer windows for
details about how the window hierarchy works.
...And 3 more matches
mozIStorageStatement
see bug 388048 for
details.
...see bug 528166 for
details.
... see the overview document on storage for more
details.
...And 3 more matches
WebIDL bindings
here's a table, see the specific sections below for more
details and explanations.
... see https://bugzilla.mozilla.org/show_bug.cgi?id=1333117 for
details.
... [securecontext] we implement the standard extended attribute with a few
details specific to gecko: system principals are considered secure.
...And 3 more matches
delete operator - JavaScript
see the memory management page for more
details.
...var empcount = 43; employee
details = { name: 'xyz', age: 5, designation: 'developer' }; // adminname is a property of the global scope.
...delete employee
details.name; // returns true // even when the property does not exist, delete returns "true".
...And 3 more matches
Media - Progressive web apps (PWAs)
this css (below) removes the navigation area when printing the document: @media print { #nav-area {display: none;} } some common media types are: screen color device display print printed paged media projection projected display all all media (the default) more
details there are other ways to specify the media type for a set of rules.
... for full
details of media types, see media in the css specification.
... example this rule sets the page margins to one inch on all four sides: @page {margin: 1in;} this rule ensures that every h1 element starts on a new page: h1 {page-break-before: always;} more
details for full
details of css support for paged media, see paged media in the css specification.
...And 3 more matches
Signing an XPI - Archive of obsolete content
after completing the application process where i entered my
details into the online application, i received an automated email requesting documentary evidence of my id in the form of a photo-id or similar.
... i have hi-resolution scanned images of my passport and drivers license for these situations so i placed them on my web-server temporarily in a hidden location and emailed unizeto certum with the
details and location of the files.
...you can view the
details of your certificate in mozilla firefox and get this information from the issued by common name (unizeto certum's free certificate ca is certum level iii ca).
...And 2 more matches
Introduction to SSL - Archive of obsolete content
the
details of the protocol are available in request for comments (rfc): 2246,the tls protocol version 1.0.
... the exact programmatic
details of the messages exchanged during the ssl handshake are beyond the scope of this document.
... the client uses some of the information sent by the server to authenticate the server (for
details, see "server authentication").
...And 2 more matches
What went wrong? Troubleshooting JavaScript - Learn web development
note: see our typeerror: "x" is not a function reference page for more
details about this error.
... note: see our typeerror: "x" is (not) "y" reference page for more
details about this error.
... note: see our syntaxerror: missing ; before statement reference page for more
details about this error.
...And 2 more matches
HTTP delegation
more
details can be found in bug 152426.
...to learn about all the
details, please read the documentation contained in the nss c header files.
...(when issueing get requests, the "?query-string=data" portion should already be appended to the request path) after creation, nss might call functions to provide additional
details of the http request (e.g.
...And 2 more matches
HTTP delegation
more
details can be found in bug 152426.
...to learn about all the
details, please read the documentation contained in the nss c header files.
...(when issuing get requests, the "?query-string=data" portion should already be appended to the request path) after creation, nss might call functions to provide additional
details of the http request (e.g.
...And 2 more matches
Index
a certificate contains lots of other
details; for example, it contains a signature by a third party that expresses trust in the ownership relationship for the certificate.
...you can find more
details in the nspr reference documents.
...this is covered in the jar installation file section in the man page, which
details the special script needed to perform an installation through a server or with modutil.
...And 2 more matches
Index
see those functions for more
details.
... 328 js_getpropertyattrsgetterandsetter jsapi reference, obsolete, spidermonkey see js_getpropertyattributes for
details about these functions.
...for more
details about contexts, see jscontext.
...And 2 more matches
nsICache
see nsicachesession and nsicacheentrydescriptor for more
details.
...see nsicachesession and nsicacheentrydescriptor for more
details.
...see nsicachesession and nsicacheentrydescriptor for more
details.
...And 2 more matches
Getting Started Guide
don box gets into more of the
details, traps, and pitfalls of com in effective com.
...there are a few other
details you will want to know as you use nscomptr in more complicated situations, but what you've just learned will cover 90% of your uses.
... a few
details there are a couple more things that will help you get the most out of nscomptr.
...And 2 more matches
Index - Firefox Developer Tools
46 network monitor debugging, dev tools, firefox, guide, networking, tools, l10n:priority the network monitor shows you all the network requests firefox makes (for example, when it loads a page, or due to xmlhttprequests), how long each request takes, and
details of each request.
... 50 network request
details 110n:priority, debugging, dev tools, firefox, guide, networking, tools the request
details pane appears when you click on a network request in the request list.
...when selecting an extension id in the storage tree of the storage inspector, a table lists the
details of all the extension storage present for the extension.
...And 2 more matches
UI Tour - Firefox Developer Tools
it links to various how to guides for the
details of how to work with the inspector.
... see examine and edit css for more
details.
...the "browser compatibility" section of the article gives
details of browser support for the property.
...And 2 more matches
BasicCardResponse - Web APIs
the basiccardresponse dictionary (related to the payment request api, although defined in the basic card payment spec) defines an object structure for payment response
details such as the number/expiry date of the card used to make the payment, and the billing address.
... examples in the following example, the paymentrequest() constructor is used to create a new payment request, which takes three objects as parameters — one containing
details of the payment methods that can be used for the payment, one containing
details of the actual order (such as items bought and shipping options), and an optional object containing further options.
... var supportedinstruments = [{ supportedmethods: 'basic-card', data: { supportednetworks: ['visa', 'mastercard', 'amex', 'jcb', 'diners', 'discover', 'mir', 'unionpay'], supportedtypes: ['credit', 'debit'] } }]; var
details = { total: {label: 'donation', amount: {currency: 'usd', value: '65.00'}}, displayitems: [ { label: 'original donation amount', amount: {currency: 'usd', value: '65.00'} } ], shippingoptions: [ { id: 'standard', label: 'standard shipping', amount: {currency: 'usd', value: '0.00'}, selected: true } ] }; var options = {requestshipping: ...
...And 2 more matches
HTMLImageElement - Web APIs
see cors settings attributes for further
details.
...read the decoding page for
details on the implications of this property's values.
...the image must be contained within an <a> element; see the ismap page for
details.
...And 2 more matches
Media Session action types - Web APIs
the mediasessionaction
details property seekoffset specifies the amount of time to seek backward.
...the mediasessionaction
details property seekoffset specifies the amount of time to seek forward.
...the time to which to seek is specified in the mediasessionaction
details property seektime.
...And 2 more matches
PaymentResponse.shippingAddress - Web APIs
syntax var shippingaddress = paymentrequest.shippingaddress; value a paymentaddress object providing
details comprising the shipping address provided by the user.
...when the paymentrequest.onshippingaddresschange is called, update
details() is called to update the
details of the paymentrequest, using shippingaddress to set the correct shipping cost.
... var payment = new paymentrequest(supportedinstruments,
details, options); request.addeventlistener('shippingaddresschange', function(evt) { evt.updatewith(new promise(function(resolve) { update
details(
details, request.shippingaddress, resolve); })); }); payment.show().then(function(paymentresponse) { // processing of paymentresponse exerpted for the same of brevity.
...And 2 more matches
Using Web Workers - Web APIs
see functions and classes available to workers for more
details.
...more advanced
details are covered later on in the article.
...read transferring data to and from workers: further
details for a much more thorough explanation.
...And 2 more matches
Media container formats (file types) - Web media technologies
index of media container formats (file types) to learn more about a specific container format, find it in this list and click through to the
details, which include information about what the container is typically useful for, what codecs it supports, and which browsers support it, among other specifics.
... video/3gpp audio/3gpp2 video/3gpp2 audio/3gp2 video/3gp2 these mime types are the fundamental types for the 3gp media container; other types may be used depending on the specific codec or codecs in use; in addition, you can add the codecs parameter to the mime type string to indicate which codecs are used for the audio and/or video tracks, and to optionally provide
details about the profile, level, and/or other codec configuration specifics.
... when specifying the mpeg-4 media type (audio/mp4 or video/mp4), you can add the codecs parameter to the mime type string to indicate which codecs are used for the audio and/or video tracks, and to optionally provide
details about the profile, level, and/or other codec configuration specifics.
...And 2 more matches
Preferences - Archive of obsolete content
for more
details on preferences in mozilla, see preferences system.
... nsipreflocalizedstring almost the same as nsisupportsstring, but it is handled differently in getcomplexvalue() when there's no user value for the given preference; see below for
details.
...etting nsisupportsstring: var pls = components.classes["@mozilla.org/pref-localizedstring;1"] .createinstance(components.interfaces.nsipreflocalizedstring); pls.data = val; prefs.setcomplexvalue("preference.with.non.ascii.value", components.interfaces.nsipreflocalizedstring, pls); nsilocalfile and nsirelativefilepref please see the file io article for
details on nsilocalfile and nsirelativefilepref.
...see below for
details.
XPCOM Objects - Archive of obsolete content
clicking on the link for the getbranch method takes you to the nsiprefservice documentation page, where you can see more
details on the interface and the method.
... at mdc, you'll see stuff like this: void setcharpref(in string aprefname, in string avalue); one of the most important
details to notice is that both paratemers have the in keyword.
... there are more
details about xpidl in the xpdil syntax definition.
...they specify the
details of the component, such as a unique uuid (you have to generate it too and it must be different from the idl uuid), a descriptive name (this isn't used anywhere that we know of), and the contract id, which is the string you use to get a reference to the component.
2006-09-29 - Archive of obsolete content
details can be located at layout confusion refactoring the nshtmlreflowstate(computeblockboxdata, initconstraints) and nsimageframe::getdesiredsize which uses ns_inrinsicsize, into the following method: /** * compute the size that a frame will occupy.
... */ virtual nssize computesize(nscoord aavailwidth, nscoord amargin, nscoord aborder, nscoord apadding, prbool ashrinkwrap) = 0;
details can be located at refactoring some of nshtmlreflowstate.
...
details can be located at frame reflow issues related to the ongoing implementation of mathml-in-html into mozilla, which include: exposing the mathml implementation to tag soup.
...
details can be located at mathml-in-html5 meetings no meetings for this week.
What is accessibility? - Learn web development
see our cross-browser testing screen readers guide for more
details on using them.
...you can find more
details about keyboard controls in our cross browser testing using native keyboard accessibility section.
... to show that you care and have thought about accessibility, publish an accessibility statement on your site that
details what your policy is toward accessibility, and what steps you have taken toward making the site accessible.
...you should now also have a thirst to learn about the implementation
details that can make sites accessible, and we'll start on that in the next section, looking at why html is a good basis for accessibility.
JavaScript basics - Learn web development
it's outside the scope of this article—as a light introduction to javascript—to present the
details of how the core javascript language is different from the tools listed above.
...for more
details on javascript consoles, see discover browser developer tools.
...for more
details, see your guide to semicolons in javascript.
... note: for more
details about the difference between var and let, see the difference between var and let.
Handling common accessibility problems - Learn web development
here we've given our fake <div> buttons the ability to be focused (including via tab) by giving each one the attribute tabindex="0" (see webaim's tabindex article for more really useful
details).
... note: webaim's accessible javascript provides some useful further
details about considerations for accessible javascript.
...we got the following results: axe is also installable using npm, and can be integrated with task runners like grunt and gulp, automation frameworks like selenium and cucumber, unit testing frameworks like jasmin, and more besides (again, see the main axe page for
details).
...screenreaders tend to act in slightly different ways and have different controls, so you'll have to consult the documentation for your chosen screen reader to get all of the
details — saying that, they all work in basically the same sort of way.
Handling common HTML and CSS problems - Learn web development
achieved easily using conditional comments, for example you could put something like this in your ie stylesheet: aside, main, article, section, nav, figure, figcaption { display: block; } it isn't that simple, however — you also need to create a copy of each element you want to style in the dom via javascript, for them to be styleable; this is a strange quirk, and we won't bore you with the
details here.
... this sounds like a pain to deal with, but fortunately there is a polyfill available that does the necessary fixes for you, and more besides — see html5shiv for all the
details (see manual installation for the simplest usage).
...it is really easy and convenient to use, although it does have some downsides (see the link above for
details), and it is arguable that parsing every stylesheet in your site and add prefixes at run time can be a drain on the computer's processing power for a large site.
...see debug your css with outline visualizations for more
details.
Theme concepts
for example, we could use this image combined with a complementary background color, to create this effect in the header see
details about this theme in the themes example weta_fade.
...age if, for example, you wanted to tile a centrally justified image, such as to create this effect here you specify the weta image like this: "images": { "theme_frame": "empty.png", "additional_backgrounds": [ "weta_for_tiling.png"] }, and the images tiling with: "properties": { "additional_backgrounds_alignment": [ "top" ], "additional_backgrounds_tiling": [ "repeat" ] }, full
details of how to setup this theme can be found in the themes example weta_tiled.
...can use multiple images, say combining the original weta image with this one anchored to the left of the header to create this effect where the images are specified with: "images": { "theme_frame": "empty.png", "additional_backgrounds": [ "weta.png", "weta-left.png"] }, and their alignment by: "properties": { "additional_backgrounds_alignment": [ "right top" , "left top" ] }, full
details of how to setup this theme can be found in the themes example weta_mirror.
... full
details of the alignment options can be found in the "theme" key description.
Android-specific test suites
see https://developer.android.com/training/testing/unit-testing/local-unit-tests.html for more
details.
... see http://checkstyle.sourceforge.net/index.html and https://docs.gradle.org/2.14/userguide/checkstyle_plugin.html for more
details.
... see http://findbugs.sourceforge.net/index.html and https://docs.gradle.org/2.14/userguide/findbugs_plugin.html for more
details.
... see https://developer.android.com/studio/write/lint.html and http://tools.android.com/tips/lint for more
details.
Debugging on Windows
see the blog post how to not step into functions using the visual c++ debugger for
details.
...this is how you would normally set it: set xpcom_debug_break=warn the environment variable takes also other values besides warn, see xpcom_debug_break for more
details.
... debugging tinderbox builds see running windows debug builds problems loading debug symbols if both your application and visual c++ hang shortly after launching the application under the debugger, you may be hitting a known deadlock in the way visual studio downloads debug symbols for the system libraries; see https://connect.microsoft.com/visualstudio/feedback/
details/422970/hang-loading-rasapi32-pdb-when-using-symbol-server.
... for more
details, including a work-around see this blog post or this social.msdn thread.
mozbrowsercontextmenu
details read only object a custom object.
...
details the
details property returns an anonymous javascript object with the following properties: clientx the x value of the coordinate that was clicked inside the browser <iframe>'s viewport.
... systemtargets an array containing one or more menusystem objects (see the menusystem object, below), containing
details of the standard menu(s) that will be shown.
... example var browser = document.queryselector("iframe"); browser.addeventlistener("mozbrowsercontextmenu", function(event) { console.log("asking for menu:" + json.stringify(event.
details)); }); related events mozbrowserasyncscroll mozbrowserclose mozbrowsererror mozbrowsericonchange mozbrowserloadend mozbrowserloadstart mozbrowserlocationchange mozbrowseropenwindow mozbrowsersecuritychange mozbrowsershowmodalprompt mozbrowsertitlechange mozbrowserusernameandpasswordrequired ...
mozbrowsermetachange
details read only object a custom object.
...
details the
details property returns an anonymous javascript object with the following properties: name a domstring representing the <meta> name attribute value.
... example var browser = document.queryselector("iframe"); browser.addeventlistener("mozbrowsermetachange", function(event) { console.log("a meta tag has been " + event.
details.type + ".
... its name is " + event.
details.name + ", and its content is " + event.
details.content + "."); }); related events mozbrowserasyncscroll mozbrowsercontextmenu mozbrowsererror mozbrowsericonchange mozbrowserloadend mozbrowserloadstart mozbrowserlocationchange mozbrowseropenwindow mozbrowsersecuritychange mozbrowsershowmodalprompt mozbrowsertitlechange mozbrowserusernameandpasswordrequired ...
mozbrowseropenwindow
the embedder must use the <iframe> passed in the event.
details.frameelement property as the new window content.
...
details read only object a custom object.
...
details the
details property returns an anonymous javascript object with the following properties: url a domstring representing the url of the document loaded within the frameelement property.
... example var browser = document.queryselector("iframe"); browser.addeventlistener("mozbrowseropenwindow", function( event ) { console.log("a new window has opened containing the content at " + event.
details.url + "."); }); related events mozbrowserasyncscroll mozbrowserclose mozbrowsercontextmenu mozbrowsererror mozbrowsericonchange mozbrowserloadend mozbrowserloadstart mozbrowserlocationchange mozbrowsersecuritychange mozbrowsertitlechange mozbrowserusernameandpasswordrequired ...
WebRequest.jsm
there are some differences between this api and chrome's, though: see chrome incompatibilities for the
details.
... it's passed an object whose structure will vary depending on the event you're listening to: see the event-specific documentation for
details.
... the instructions you can pass here vary depending on the event you're listening to: see the event-specific documentation for
details.
...gre/modules/matchpattern.jsm"); let pattern = new matchpattern("https:/developer.mozilla.org/*"); cu.import("resource://gre/modules/matchpattern.jsm"); let pattern = new matchpattern(["https://mozorg.cdn.mozilla.net/*", "https://mdn.mozillademos.org/*", "https://developer.cdn.mozilla.net/*"]); see the match patterns article for
details on the syntax of the strings you supply.
Index
17 localization sign-off reviews guide, localization, mozilla this article presents an overview of why we do sign-off reviews of localizations, the
details on the criteria used for the sign-off reviews, and the process for requesting a review and for following its progress.
... 18 localization technical reviews guide, localization, mozilla this guide provides
details on what a localization technical review is, what criteria are used for the technical reviews, and the process for requesting one and following its progress.
... 21 localizing extension descriptions add-ons, extensions, guide, internationalization, localization this article provides
details on how to go about localizing the descriptions of mozilla add-ons, as well as for other metadata about your add-on.
... 38 localization formats there are 4 main approaches to web l10n with regards to the choice of technology used for localization logic: 39 setting up the infrastructure apache, infrastructure, localization, php, svn, unix first, make your project's file type decision (see localization formats for
details): 40 what every mozilla translator should know internationalization, localization l10n stands for localization = l + another 10 letters + n 41 writing localizable code internationalization, localization this page tells you about best practices and guidelines when dealing with ui code with respect to localization.
NSS 3.48 release notes
see bug 1573118 for
details.
... see bug 1575411 for
details.
...see bug 1562671 for
details.
...see bug 1594933 for
details.
mozIStorageConnection
see the sqlite documentation on transactions for more
details.
...see mozistorageaggregatefunction for sample code and more
details.
...see mozistoragefunction for sample code and more
details.
...see file_control for more
details.
nsIDOMWindowUtils
see css2 specification for
details.
...see css2 specification for
details.
...see css2 specification for
details.
... this includes the text of the script and
details about its internal representation in spidermonkey, and counts for how often and in what ways each operation in the script executed.
nsINavHistoryContainerResultNode
1.0 66 introduced gecko 1.9 inherits from: nsinavhistoryresultnode last changed in gecko 2.0 (firefox 4 / thunderbird 3.3 / seamonkey 2.1) method overview nsinavhistoryresultnode findnodeby
details(in autf8string auristring, in prtime atime, in long long aitemid, in boolean arecursive); nsinavhistoryresultnode getchild(in unsigned long aindex); unsigned long getchildindex(in nsinavhistoryresultnode anode); attributes attribute type description childcount unsigned long the number of child nodes; accessing this throws an ns_error_not_available exception of containeropen is false.
... methods findnodeby
details() returns a node matching specified
details.
... nsinavhistoryresultnode findnodeby
details( in autf8string auristring, in prtime atime, in long long aitemid, in boolean recursive ); parameters auristring the uri attribute value to match on.
... return value an nsinavhistoryresultnode of a node matching the specified
details or null if no match is found.
nsISecurityCheckedComponent
see capability strings for
details.
...see capability strings for
details.
...see capability strings for
details.
...see capability strings for
details.
ctypes
see 64-bit integers for
details.
...instead, these convert into ctypes.int64 or ctypes.uint64 javascript objects; see 64-bit integers for
details.
...see type casting for
details.
...see library search paths for more
details.
IndexedDB - Firefox Developer Tools
when you select an origin inside the indexed db storage type in the storage tree of the storage inspector, a table lists the
details of all the databases present for that origin.
... databases have the following
details: database name — the name of the database.
... when an indexeddb database is selected in the storage tree,
details about all the object stores are listed in the table.
... any object store has the following
details: object store name — the name of the object store.
BasicCardRequest - Web APIs
those are: amex cartebancaire diners discover jcb mastercard mir unionpay visa examples in the following example, the paymentrequest() constructor is used to create a new payment request, which takes three objects as parameters — one containing
details of the payment methods that can be used for the payment, one containing
details of the actual order (such as items bought and shipping options), and an optional object that describes what data is needed to fullfil the payment (e.g., a shipping address).
... var supportedinstruments = [{ supportedmethods: 'basic-card', data: { supportednetworks: ['visa', 'mastercard', 'amex', 'jcb', 'diners', 'discover', 'mir', 'unionpay'] } }]; var
details = { total: {label: 'donation', amount: {currency: 'usd', value: '65.00'}}, displayitems: [ { label: 'original donation amount', amount: {currency: 'usd', value: '65.00'} } ], shippingoptions: [ { id: 'standard', label: 'standard shipping', amount: {currency: 'usd', value: '0.00'}, selected: true } ] }; var options = {requestshipping: true}; ...
...try { var request = new paymentrequest(supportedinstruments,
details, options); // add event listeners here.
...} once the payment flow has been triggered using paymentrequest.show() and the promise resolves successfully, the paymentresponse object available inside the fulfilled promise (instrumentresponse above) will have a paymentresponse.
details property that will contain response
details.
PaymentMethodChangeEvent - Web APIs
the paymentmethodchangeevent() constructor creates a new paymentmethodchangeevent object providing
details about a paymentmethodchange event.
... method
details optional an object providing payment method-specific information describing the changes made to the payment, or null if there is no additional information available or required.
... the type of the method
details property depends on the payment method.
... for example, if methodname is basic-card, indicating that the basic card payment method is being used for validation, the method
details field must be a basiccardchange
details object.
PaymentRequest.shippingAddress - Web APIs
when the paymentrequest.onshippingaddresschange is called, update
details() is called to update the
details of the paymentrequest, using shippingaddress to set the correct shipping cost.
...var payment = new paymentrequest(supportedinstruments,
details, options); payment.addeventlistener('shippingaddresschange', function(evt) { evt.updatewith(new promise(function(resolve) { update
details(
details, request.shippingaddress, resolve); })); }); payment.show().then(function(paymentresponse) { // processing of paymentresponse exerpted for brevity.
... }).catch(function(err) { console.error("uh oh, something bad happened", err.message); }); function update
details(
details, shippingaddress, resolve) { if (shippingaddress.country === 'us') { var shippingoption = { id: '', label: '', amount: {currency: 'usd', value: '0.00'}, selected: true }; if (shippingaddress.region === 'mo') { shippingoption.id = 'mo'; shippingoption.label = 'free shipping in missouri';
details.total.amount.value = '55.00'; } else { shippingoption.id = 'us'; shippingoption.label = 'standard shipping in us'; shippingoption.amount.value = '5.00';
details.total.amount.value = '60.00'; }
details.displayitems.splice(2, 1, shippingoption);
details.shippingoptions = [shippingoption]; ...
... } else { delete
details.shippingoptions; } resolve(
details); } specifications specification status comment payment request apithe definition of 'shippingaddress' in that specification.
PaymentResponse.shippingOption - Web APIs
it calls update
details() to toggle the shipping method between "standard" and "express".
...var payment = new paymentrequest(supportedinstruments,
details, options); request.addeventlistener('shippingoptionchange', function(evt) { evt.updatewith(new promise(function(resolve, reject) { update
details(
details, request.shippingoption, resolve, reject); })); }); payment.show().then(function(paymentresponse) { // processing of paymentresponse exerpted for the same of brevity.
... }).catch(function(err) { console.error("uh oh, something bad happened", err.message); }); function update
details(
details, shippingoption, resolve, reject) { var selectedshippingoption; var othershippingoption; if (shippingoption === 'standard') { selectedshippingoption =
details.shippingoptions[0]; othershippingoption =
details.shippingoptions[1];
details.total.amount.value = '55.00'; } else if (shippingoption === 'express') { selectedshippingoption =
details.shippingoptions[1]; othershippingoption =
details.shippingoptions[0];
details.total.amount.value = '67.00'; } else { reject('unknown shipping option \'' + shippingoption + '\''); return; } selectedshippingoption.selected = true; othershippingoption.selected = false;
details.displayitems.s...
...plice(2, 1, selectedshippingoption); resolve(
details); } specifications specification status comment payment request api candidate recommendation initial definition.
Writing WebSocket servers - Web APIs
in the handshake,
details of the connection are negotiated, and either party can back out before completion if the terms are unfavorable.
...the client will send a pretty standard http request with headers that looks like this (the http version must be 1.1 or greater, and the method must be get): get /chat http/1.1 host: example.com:8000 upgrade: websocket connection: upgrade sec-websocket-key: dghlihnhbxbszsbub25jzq== sec-websocket-version: 13 the client can solicit extensions and/or subprotocols here; see miscellaneous for
details.
...that header looks something like the following (remember each header line ends with \r\n and put an extra \r\n after the last one to indicate the end of the header): http/1.1 101 switching protocols upgrade: websocket connection: upgrade sec-websocket-accept: s3pplmbitxaq9kygzzhzrbk+xoo= additionally, the server can decide on extension/subprotocol requests here; see miscellaneous for
details.
...fin and opcode
details are shown only for the client: client: fin=1, opcode=0x1, msg="hello" server: (process complete message immediately) hi.
CSS Box Alignment - CSS: Cascading Style Sheets
this document
details the general concepts found in the specification.
... key concepts and terminology the specification
details some alignment terminology to make it easier to discuss these alignment properties outside of their implementation within a particular layout method.
... types of alignment there are three different types of alignment that the specification
details; these use keyword values.
... pages detailing individual alignment properties as the css box alignment properties are implemented differently depending on the specification they interact with, refer to the following pages for each layout type for
details of how to use the alignment properties with it: box alignment in flexbox box alignment in css grid layout box alignment in multiple-column layout box alignment for block, absolutely positioned and table layout reference css properties justify-content align-content place-content justify-items align-items place-items justify-self align-self place-self row-gap column-gap gap ...
<input type="email"> - HTML: Hypertext Markup Language
see validation for
details on how e-mail addresses are validated to ensure that they're formatted properly.
...see allowing multiple e-mail addresses for an example, or html attribute: multiple for more
details.
... see the section pattern validation for
details and an example.
...see w3c bug 15489 for
details.
HTML documentation index - HTML: Hypertext Markup Language
20 is global attributes, html, reference, is the is global attribute allows you to specify that a standard html element should behave like a defined custom built-in element (see using custom elements for more
details).
... 87 <dd>: the description
details element definition, description
details, element, html, html grouping content, reference, web, dd, description list,
details the html <dd> element provides the description, definition, or value for the preceding term (<dt>) in a description list (<dl>).
... 89 <
details>: the
details disclosure element disclosure box, disclosure widget, element, html, html interactive elements, reference, web,
details the html
details element (<
details>) creates a disclosure widget in which information is visible only when the widget is toggled into an "open" state.
... 200 <summary>: the disclosure summary element disclosure box, disclosure control, disclosure summary, element, html, html interactive elements, reference, summary, web the html disclosure summary element (<summary>) element specifies a summary, caption, or legend for a <
details> element's disclosure box.
Grammar and types - JavaScript
see hashbang comments for more
details.
...(for more
details, see this blog post.) you can also use the unicode escape sequences as characters in identifiers.
...see array and indexed collections for
details on array objects.
...see string for
details on string objects.
Digital audio concepts - Web media technologies
for
details about the most important and useful ones for web developers to be familiar with, see the article guide to audio codecs used on the web.
... use cases for lossless audio include scenarios such as: any situation in which the listener expects precise audio reproduction and may have an ear for sound that's good enough to make out the intricate
details of unaltered audio audio loops and samples used in music and sound effects production work situations in which audio clips or samples may be remixed and then compressed; using lossless audio for the mastering process avoids compressing previously compressed data, resulting in additional quality loss factors that may recommend the use of lossy compression include: very large source audio c...
...onstrained storage (either because the storage space is small, or because there's a large amount of sound to store into it) a need to constrain the network bandwidth required to broadcast the audio; this is especially important for live streams and teleconferencing psychoacoustics 101 diving into the
details of psychoacoustics and how audio compression works is far beyond the scope of this article, but it is useful to have a general idea of how audio gets compressed by common algorithms can help understand and make better decisions about audio codec selection.
... the large differences among these ranges gives us room to lose
details in audio data without significantly impacting the ability of the human ear to notice any real change in audio quality.
CSS and JavaScript animation performance - Web Performance
see using css transitions for more
details.
...see using css animations for more
details.
... for more
details read animating with javascript from setinterval to requestanimationframe.
...find out more
details in offmainthreadcompositing.
jpm - Archive of obsolete content
jpm test see the tutorial on unit testing and the reference documentation for the assert module for more
details on this.
...see the documentation on logging levels for the
details on this.
... for some more
details on this, see automatic add-on update checking.
Install Manifests - Archive of obsolete content
icon64url a chrome:// url to a 64x64 pixel icon to display in the add-on's
details view .
...see extension dependencies for more
details.
...currently, the ($appdir)/extensions folder and the registry install location under hkey_local_machine (see adding extensions using the windows registry for
details) are restricted.
Layout System Overview - Archive of obsolete content
for more
details on the reflow mechanism, see the reflow overview document...
...of course this is a small percentage of the total classes in layout (see the detailed design documents for the
details on all of the classes, in the context of their actual role).
...more
details of the document viewer are needed here...).
Modularization techniques - Archive of obsolete content
a factory allows an implementor to hide both the class declaration and creation
details of an object, an extremely important step for allowing maximum flexibility in the implementation of a class and reducing compile time dependencies.
...for those who like gory
details, their structure is this: struct nsid { pruint32 m0; pruint16 m1, m2; pruint8 m3[8]; }; frequently you see them represented as strings, like this: {221ffe10-ae3c-11d1-b66c-00805f8a2676} to initialize an id struct you declare them like this: id = {0x221ffe10, 0xae3c, 0x11d1, {0xb6, 0x6c, 0x00, 0x80, 0x5f, 0x8a, 0x26, 0x76}}; why the b66c couplet gets broken up and grouped wit...
... history feb 25, 1998, created oct 19, 1998, dusted off momentarily oct 10, 1999, added comments about xpidl, language-independentness original document information author(s): will scullin last updated date: september 13, 2004 copyright information: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license |
details ...
Supporting private browsing mode - Archive of obsolete content
this interface is deprecated since firefox 20, and will probably be completely removed in firefox 21.see supporting per-window private browsing for
details.
... see supporting private browsing in plugins for
details.
...see this blog post by ehsan akhgari for
details on the transition period.
IO - Archive of obsolete content
see getting file information for more
details.
...for
details, see copying a file and moving a file.
...for
details about this, see open and save dialogs.
Menus - Archive of obsolete content
for
details about adding shortcut keys to menus, see adding shortcut keys to menu items.
... for
details about adding icons to menus, see adding icons to menu items.
... for
details about creating checkbox menu items or radio menu items see checkbox menu items or radio menu items.
Panels - Archive of obsolete content
<?xml-stylesheet href="chrome://global/skin" type="text/css"?> <window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> <button label="
details" type="panel"> <panel id="search-panel"> <label control="name" value="name:"/> <textbox id="name"/> </panel> </button> </window> many panels will be associated with a button, as in this example.
...see context menus for more
details on this.
...for more
details about both methods, see opening and closing popups.
Complete - Archive of obsolete content
you can see the registration
details in chrome.manifest (firefox, etc.) or in installed-chrome.txt and chrome.rdf (seamonkey).
...this is how it happens: this extension does not support modern in firefox etc., but you can see the registration
details for classic in chrome.manifest.
...you can see the registration
details in installed-chrome.txt and chrome.rdf.
SeaMonkey - making custom toolbar (SM ver. 1.x) - Archive of obsolete content
explanation: this file contains
details of your extension, and specifies how it modifies seamonkey.
...="4" label="custom" accesskey="c"> <menupopup> <menuitem id="custom-item-1" label="custom item 1" accesskey="1" tooltiptext="my custom menu item" oncommand="custombutton[1]()" /> </menupopup> </menu> </menubar> <!-- calendar --> <toolbar id="calendar-bar"> <toolbarbutton id="custom-button-1" position="10"/> </toolbar> <!-- button
details --> <toolbarbutton id="custom-button-1" label="custom" tooltiptext="my custom toolbar button" oncommand="custombutton[1]()" class="toolbarbutton-1 custombutton" /> </overlay> optionally customize the file by changing the label, accesskey and tooltiptext attributes.
...the last section specifies
details of the button.
Mozilla release FAQ - Archive of obsolete content
take a look at mozilla.org's npl area for
details.
...check out section 3 for
details.
...for the second case, go to the mozilla community section to unsubscribe original document information author(s): pat gunn last updated date: may 28, 2005 copyright information: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license |
details.
2006-09-29 - Archive of obsolete content
details are available for calendar only and for calendar and core.
... sept 20 brief status meeting the meeting consisted entirely of the status and
details of sunbird 0.3.
... the
details of subird 0.3 rc1 are available here.
Sunbird Theme Tutorial - Archive of obsolete content
you might be able to apply the same method to other mozilla applications by changing some of the
details.
...to discover
details of the interface, you can also use the dom inspector tool in firefox.
...the
details are mostly the same as in sunbird.
Mobile accessibility - Learn web development
for
details on all the options available under the global and local context menus, see use global and local context menus.
...svg has a small file size and will stay sharp regardless of whatever size is being displayed (see adding vector graphics to the web for more
details).
... summary in this article, we have provided you with some
details about common mobile accessibility-specific issues and how to overcome them.
WAI-ARIA basics - Learn web development
in this article, we won't attempt to cover every wai-aria feature, and its exact support
details.
... instead, we will cover the most critical wai-aria features for you to know about; if we don't mention any support
details, you can assume that the feature is well-supported.
...see webaim's advanced form labeling article for more
details.
Cascade and inheritance - Learn web development
it can sometimes seem a little bit complicated, but you will start to remember them as you get more experienced with css, and you can always look up the
details if you forget!
... even experienced developers don't remember all the
details.
...we've not covered selectors in detail yet, but you can find
details of each selector on the mdn selectors reference.
How do you upload your files to a web server? - Learn web development
you'd need to get such
details from your hosting provider.
...in the case of rsync, you specify ssh
details to make the connection over ssh, using the -e option.
... for example: rsync [-options] -e "ssh [ssh
details go here]" source user@x.x.x.x:destination you can find more
details of what is needed at how to copy files with rsync over ssh.
Third-party APIs - Learn web development
for example: let map = l.mapquest.map('map', { center: [53.480759, -2.242631], layers: l.mapquest.tilelayer('map'), zoom: 12 }); here we are creating a variable to store the map information in, then creating a new map using the mapquest.map() method, which takes as its parameters the id of a <div> element you want to display the map in ('map'), and an options object containing the
details of the particular map we want to display.
... so, a complete url would end up looking something like this: https://api.nytimes.com/svc/search/v2/articlesearch.json?api-key=your-api-key-here&page=0&q=cats &fq=document_type:("article")&begin_date=20170301&end_date=20170312 note: you can find more
details of what url parameters can be included at the nytimes developer docs.
...see form data validation for more
details on how these work.
Aprender y obtener ayuda - Learn web development
this is why it is usually good to read some introductory material first to get a high-level understanding of an area before you leap into the specific
details.
...some of the articles will be tutorials, to teach you a certain technique or important concept (such as "learn how to create a video player" or "learn the css box model"), and some of the articles will be reference material, to allow you to look up
details you may have forgotten (such as "what is the syntax of the css background property"?) mdn web docs is very good for both types — the area you are currently in is great for learning techniques and concepts, and we also have several giant reference sections allowing you to look up any syntax you can't remember.
... getting practice the more you practice solving a problem, the stronger your brain's neural pathways are in that area, and the easier it becomes to recall the
details and the logic of that particular problem.
Advanced Svelte: Reactivity, lifecycle, accessibility - Learn web development
don't forget to pass the prop into moreactions from inside todos.svelte, where the component is called: <moreactions {todos} on:checkall={e => checkalltodos(e.detail)} on:removecompleted={removecompletedtodos} /> working with the dom: focusing on the
details now that we have completed all of the app's required functionality, we'll concentrate on some accessibility features that will improve the usability of our app for both keyboard-only and screenreader users.
...with what we know so far we can create a new component file and adjust the code to emit an addtodo event, passing the name of the new todo in with the additional
details.
... waiting for the dom to be updated with the tick() function now we will take care of the todo component's focus management
details.
Handling common JavaScript problems - Learn web development
the right-hand panel shows useful
details pertaining to the current environment — breakpoints, callstack and currently active scopes.
... under breakpoints, you'll see the
details of the break-point you have set.
...see using bad browser sniffing code, later on, for more
details.
mozbrowseractivitydone
details read only object a custom object.
...
details the
details property returns an anonymous javascript object with the following properties: success a boolean that indicates whether the activity has completed successfully (true) or not (false).
... examples var browser = document.queryselector("iframe"); browser.addeventlistener("mozbrowseractivitydone", function(event) { if(event.
details.success) { console.log('activity completed successfully'); } else { console.log('activity not completed successfully'); } }); related events mozbrowserclose mozbrowsercontextmenu mozbrowsererror mozbrowsericonchange mozbrowserloadend mozbrowserloadstart mozbrowserlocationchange mozbrowseropenwindow mozbrowsersecuritychange mozbrowsertitlechange mozbrowserusernameandpasswordrequired ...
mozbrowserasyncscroll
details read only object a custom object.
...
details the
details property returns an anonymous javascript object with the following properties: top the scroll top position in css pixels of the document within the browser <iframe>.
... examples var browser = document.queryselector("iframe"); browser.addeventlistener("mozbrowserasyncscroll", function( event ) { console.log("the scroll top position of the document is:" + event.
details.top + "px"); }); related events mozbrowserclose mozbrowsercontextmenu mozbrowsererror mozbrowsericonchange mozbrowserloadend mozbrowserloadstart mozbrowserlocationchange mozbrowseropenwindow mozbrowsersecuritychange mozbrowsertitlechange mozbrowserusernameandpasswordrequired ...
mozbrowsercaretstatechanged
details read only object a custom object.
...
details the
details property returns an anonymous javascript object with the following properties: rect an object that defines information about the bounding rectangle of the current selection.
... examples var browser = document.queryselector("iframe"); browser.addeventlistener("mozbrowsercaretstatechanged", function( event ) { // do stuff with event.
details }); related events mozbrowserclose mozbrowsercontextmenu mozbrowsererror mozbrowsericonchange mozbrowserloadend mozbrowserloadstart mozbrowserlocationchange mozbrowseropenwindow mozbrowsersecuritychange mozbrowsertitlechange mozbrowserusernameandpasswordrequired ...
mozbrowserfindchange
details read only object a custom object.
...
details the
details property returns an anonymous javascript object with the following properties: active a boolean indicating whether a search is currently active (true), or not (false.) searchstring a domstring representing the string that is currently being searched for.
... example var browser = document.queryselector("iframe"); browser.addeventlistener("mozbrowserfindchange", function(event) { console.log("currently highlighted: " + event.
details.activematchordinal + " out of " + event.
details.numberofmatches); }); related events mozbrowserasyncscroll mozbrowsercontextmenu mozbrowsererror mozbrowsericonchange mozbrowserloadend mozbrowserloadstart mozbrowserlocationchange mozbrowseropenwindow mozbrowsersecuritychange mozbrowsershowmodalprompt mozbrowsertitlechange mozbrowserusernameandpasswordrequired ...
mozbrowsericonchange
details read only object a custom object.
...
details the
details property returns an anonymous javascript object with the following properties: href a domstring representing the path to the new icon.
... example var browser = document.queryselector("iframe"); browser.addeventlistener("mozbrowsericonchange", function( event ) { console.log("the url of the new favicon is:" + event.
details.href); }); related events mozbrowserasyncscroll mozbrowserclose mozbrowsercontextmenu mozbrowsererror mozbrowserloadend mozbrowserloadstart mozbrowserlocationchange mozbrowseropenwindow mozbrowsersecuritychange mozbrowsershowmodalprompt mozbrowsertitlechange mozbrowserusernameandpasswordrequired ...
mozbrowsermanifestchange
details read only object a custom object.
...
details the
details property returns an anonymous javascript object with the following properties: href the url of the new app manifest.
... example var browser = document.queryselector("iframe"); browser.addeventlistener("mozbrowsermanifestchange", function(event) { console.log("new manifest url: " + event.
details.href); }); related events mozbrowserasyncscroll mozbrowsercontextmenu mozbrowsererror mozbrowsericonchange mozbrowserloadend mozbrowserloadstart mozbrowserlocationchange mozbrowseropenwindow mozbrowsersecuritychange mozbrowsershowmodalprompt mozbrowsertitlechange mozbrowserusernameandpasswordrequired ...
mozbrowseropensearch
details read only object a custom object.
...
details the
details property returns an anonymous javascript object with the following properties: title a domstring representing the title of the search engine.
... example var browser = document.queryselector("iframe"); browser.addeventlistener("mozbrowseropensearch", function( event ) { console.log("new search engine encountered: " + event.
details.title); }); related events mozbrowserasyncscroll mozbrowserclose mozbrowsercontextmenu mozbrowsererror mozbrowsericonchange mozbrowserloadend mozbrowserloadstart mozbrowserlocationchange mozbrowseropenwindow mozbrowsersecuritychange mozbrowsertitlechange ...
mozbrowseropentab
details read only object a custom object.
...
details the
details property returns an anonymous javascript object with the following properties: url a domstring representing the url of the new document loaded.
... example var browser = document.queryselector("iframe"); browser.addeventlistener("mozbrowseropentab", function( event ) { console.log("a new document has opened containing the content at " + event.
details.url + "."); }); related events mozbrowserasyncscroll mozbrowserclose mozbrowsercontextmenu mozbrowsererror mozbrowsericonchange mozbrowserloadend mozbrowserloadstart mozbrowserlocationchange mozbrowsersecuritychange mozbrowsertitlechange mozbrowserusernameandpasswordrequired ...
mozbrowserresize
details read only object a custom object.
...
details the
details property returns an anonymous javascript object with the following properties: width a number representing the new width of the <iframe> viewport, in device pixels.
... example var browser = document.queryselector("iframe"); browser.addeventlistener("mozbrowserresize", function( event ) { console.log("the new window size is " + event.
details.width + " x " + event.
details.height + "."); }); related events mozbrowserasyncscroll mozbrowserclose mozbrowsercontextmenu mozbrowsererror mozbrowsericonchange mozbrowserloadend mozbrowserloadstart mozbrowserlocationchange mozbrowsersecuritychange mozbrowsertitlechange mozbrowserusernameandpasswordrequired ...
mozbrowserscroll
details read only object a custom object.
...
details the
details property returns an anonymous javascript object with the following properties: top a number representing the new vertical scroll position of the <iframe> viewport — in css pixels — from the top of the viewport.
... example var browser = document.queryselector("iframe"); browser.addeventlistener("mozbrowserscroll", function( event ) { console.log("the new scroll position is " + event.
details.left + " across and " + event.
details.top + "down."); }); related events mozbrowserasyncscroll mozbrowserclose mozbrowsercontextmenu mozbrowsererror mozbrowsericonchange mozbrowserloadend mozbrowserloadstart mozbrowserlocationchange mozbrowsersecuritychange mozbrowsertitlechange mozbrowserusernameandpasswordrequired ...
mozbrowserscrollareachanged
details read only object a custom object.
...
details the
details property returns an anonymous javascript object with the following properties: width a number representing the new scroll area width of the <iframe> viewport, in css pixels.
... example var browser = document.queryselector("iframe"); browser.addeventlistener("mozbrowserscrollareachanged", function( event ) { console.log("the new scroll area is " + event.
details.width + " x " + event.
details.height + "."); }); related events mozbrowserasyncscroll mozbrowserclose mozbrowsercontextmenu mozbrowsererror mozbrowsericonchange mozbrowserloadend mozbrowserloadstart mozbrowserlocationchange mozbrowsersecuritychange mozbrowsertitlechange mozbrowserusernameandpasswordrequired ...
mozbrowserscrollviewchange
details read only object a custom object.
...
details the
details property returns an anonymous javascript object with the following properties: state a domstring representing the current state of scrolling in the viewport — available values are started and stopped.
... example var browser = document.queryselector("iframe"); browser.addeventlistener("mozbrowserscrollviewchange", function( event ) { console.log("scrolling has " + event.
details.state + "."); }); related events mozbrowserasyncscroll mozbrowserclose mozbrowsercontextmenu mozbrowsererror mozbrowsericonchange mozbrowserloadend mozbrowserloadstart mozbrowserlocationchange mozbrowsersecuritychange mozbrowsertitlechange mozbrowserusernameandpasswordrequired ...
mozbrowsersecuritychange
details read only object a custom object.
...
details the
details property returns an anonymous javascript object with the following properties: state a domstring representing the current state of ssl security.
... example var browser = document.queryselector("iframe"); browser.addeventlistener("mozbrowsersecuritychange", function( event ) { console.log("the ssl state is:" + event.
details.state); }); related events mozbrowserasyncscroll mozbrowserclose mozbrowsercontextmenu mozbrowsererror mozbrowsericonchange mozbrowserloadend mozbrowserloadstart mozbrowserlocationchange mozbrowseropenwindow mozbrowsertitlechange mozbrowserusernameandpasswordrequired ...
mozbrowserselectionstatechanged
details read only object a custom object.
...
details the
details property returns an anonymous javascript object with the following properties: rect an object that represents the bounding rectangle of the selection.
... example var browser = document.queryselector("iframe"); browser.addeventlistener("mozbrowserselectionstatechanged", function( event ) { if(event.
details.visible) { console.log("the current selection is visible."); } else { console.log("the current selection is not visible."); } }); related events mozbrowserasyncscroll mozbrowserclose mozbrowsercontextmenu mozbrowsererror mozbrowsericonchange mozbrowserloadend mozbrowserloadstart mozbrowserlocationchange mozbrowseropenwindow mozbrowsertitlechange mozbrowserusernameandpass...
mozbrowsershowmodalprompt
details read only object a custom object.
...
details the
details property is an anonymous javascript object with the following properties: prompttype a domstring defining the type of the prompt.
... obsolete properties of
details msg_name a string representing the type of message.
mozbrowservisibilitychange
details read only object a custom object.
...
details the
details property returns an anonymous javascript object with the following properties: visible a boolean that indicates whether the browser iframe is visible (true) or not (false).
... example var browser = document.queryselector("iframe"); browser.addeventlistener("mozbrowservisibilitychange", function( event ) { if(event.
details.visible) { console.log("the browser is visible."); } else { console.log("the browser is hidden."); } }); related events mozbrowserasyncscroll mozbrowserclose mozbrowsercontextmenu mozbrowsererror mozbrowsericonchange mozbrowserloadend mozbrowserloadstart mozbrowserlocationchange mozbrowseropenwindow mozbrowsersecuritychange mozbrowsertitlechange ...
CustomizableUI.jsm
custom which are widgets that are custom-created by some js supplied by the consumer for more
details, see api-provided widgets.
...perty(awidget, aprop, aformatargs, adef); void hidepanelfornode(anode); bool isspecialwidget(awidgetid); void addpanelcloselisteners(apanel); void removepanelcloselisteners(apanel); void onwidgetdrag(awidgetid, aarea); void notifystartcustomizing(awindow); void notifyendcustomizing(awindow); void dispatchtoolboxevent(aevent, a
details, awindow); bool isareaoverflowable(aareaid); void settoolbarvisibility(atoolbarid, aisvisible); string getplaceforitem(aelement); bool isbuiltintoolbar(atoolbarid); methods addlistener() add a listener object that will get fired for various events regarding customization.
... a
details optional, the
details of the event.
Localizing with Mercurial
more
details for more
details on installing hg on linux systems, refer to the instructions on mercurial's download page.
... more
details for more
details on installing hg on windows, refer to the instructions on mercurial's download page.
... more
details for more
details on installing hg on mac osx, refer to the instructions on mercurial's download page.
Localization sign-off reviews
this article presents an overview of why we do sign-off reviews of localizations, the
details on the criteria used for the sign-off reviews, and the process for requesting a review and for following its progress.
...once attached, open the attachment
details.
... in the attachment
details, select the ?
Localization technical reviews
this guide provides
details on what a localization technical review is, what criteria are used for the technical reviews, and the process for requesting one and following its progress.
...once attached, open the attachment
details.
... in the attachment
details, select the ?
Power profiling overview
the exact relationship is confusing, and chapter 13 of the intel optimization manual has more
details.
...see section 14.9 of volume 3 of the intel software developer's manual for more
details about rapl.
... further reading chapter 13 of the intel optimization manual has many
details about optimizing for power consumption.
A guide to searching crash reports
the first link in each "signature" column cell links to a signature report, which contains additional
details about crash reports with that signature.
...one way to learn about them is to read lots of individual crash reports; note that all fields shown in the
details tab of an individual crash report have a tool-tip that indicates its key for search.
...see the api documentation for full
details; note that it uses the term "aggregation" for grouping/faceting.
Optimizing Applications For NSPR
the casual client may not encounter a need to know the
details of the shortcomings to the level described here, but if and when clients become more sophisticated, these issues will certainly surface.
...for more
details, see the memo on automatic addresses.
...read the fine print in the windows sdk for the grizzly
details.
Introduction to NSPR
in general, it's preferable to create local user threads with normal priority and let nspr take care of the
details as appropriate for each host os.
...for
details, see controlling per-thread private data.
...it's usually preferable to create local user threads with normal priority and let nspr and the host take care of the
details.
NSS 3.50 release notes
see bug 1609569 for
details.
...see bug 1599514 for
details.
...see bug 1599603 for
details.
SpiderMonkey Internals
for
details on implementing self-hosted built-ins, see self-hosting.
... the
details of a native object's map (scope) are mostly hidden in jsscope.[ch].
...for now, a debugger will use it and its dependents such as jsopcode.h directly, but over time we intend to extend jsdbgapi.h to hide uninteresting
details and provide conveniences.
JS_DumpHeap
jstrace_object = 0x00, jstrace_string = 0x01, jstrace_symbol = 0x02, jstrace_script = 0x03, // shape
details are exposed through js_traceshapecyclecollectorchildren.
... although this map is public, the
details are completely hidden.
... see js::value::gckind() and jstracecallback in <codde>tracer.h</codde> for more
details.
JSAPI reference
added in spidermonkey 1.8 obsolete since jsapi 31 jsval_to_traceable added in spidermonkey 1.8 obsolete since jsapi 31 jsval_trace_kind added in spidermonkey 1.8 obsolete since jsapi 31 js_tracer_init added in spidermonkey 1.8 obsolete since jsapi 12 js_tracerinit added in spidermonkey 12 obsolete since jsapi 31 js_calltracer added in spidermonkey 1.8 obsolete since jsapi 22 js_set_tracing_
details added in spidermonkey 1.8 obsolete since jsapi 26 js_set_tracing_index added in spidermonkey 1.8 obsolete since jsapi 26 js_set_tracing_name added in spidermonkey 1.8 obsolete since jsapi 26 js_call_tracer added in spidermonkey 1.8 obsolete since jsapi 23 js_call_value_tracer added in spidermonkey 1.8 obsolete since jsapi 23 js_call_object_tracer added in spidermonkey 1.8 obsolete since jsap...
...sownproperty added in jsapi 45 js_hasownpropertybyid added in jsapi 45 js_deleteproperty js_deletepropertybyid added in spidermonkey 1.8.1 js_deleteproperty2 obsolete since jsapi 39 js_deleteucproperty2 obsolete since jsapi 39 js_deletepropertybyid2 added in spidermonkey 1.8.1 obsolete since jsapi 39 the following functions are lower-level, allowing the jsapi application more access to
details of how properties are implemented.
...inder obsolete since javascript 1.8 jsprincipalstranscoder - used by js_setprincipalstranscoder obsolete since javascript 1.8 jsstringfinalizeop - used by js_addexternalstringfinalizer obsolete since jsapi 13 jstracecallback - used by js_tracer_init obsolete since jsapi 12 jstracedataop - used by js_setextragcroots obsolete since jsapi 25 jstracenameprinter - used by js_set_tracing_
details obsolete since jsapi 26 see also classes, above.
Using the Places history service
nsibrowserhistory.addpagewith
details: called by history importing code.
... new code should use nsinavhistoryservice.setpage
details.
... nsinavhistoryservice.setpage
details: used to set all of the global bits associated with a url.
XPCOM changes in Gecko 2.0
this article
details those changes, and provides suggestions for how to update your code.
...see nssamplemodule.cpp for more
details.
...see receiving startup notifications for
details.
Introduction to XPCOM for the DOM
you do not, however, need to know all the hairy
details, if you just intend to read the code or to work with the existing framework.
...in this chapter i will attempt to cover the most widespread use of xpcom in the dom, avoiding the
details as much as possible.
...interface to a set of methods that manipulate an object (often represented by a class), without worrying about the
details of the implementation.
RefPtr
xxx it's not clear that the
details in the following paragraph are correct.
...it's unclear to me when the compiler will reject an attempt to use nscomptr to hold a concrete class pointer and when it will not (will it only rejecte it if a qi is involved in the construction or or assignment to the nscomptr (common in implementation
details of nscomptr) but not when an instance of the concrete class is assigned directly?).
...} see this post for more
details.
IAccessible2
refer to @ref _arrayconsideration "special consideration when using arrays" for more
details.
...refer to @ref _arrayconsideration "special consideration when using arrays" for more
details.
...refer to @ref _arrayconsideration "special consideration when using arrays" for more
details.
IAccessibleTable
refer to @ref _arrayconsideration "special consideration when using arrays" for more
details.
...refer to @ref _arrayconsideration "special consideration when using arrays" for more
details.
...refer to @ref _arrayconsideration "special consideration when using arrays" for more
details.
nsIBrowserHistory
to use this service, use: var browserhistory = components.classes["@mozilla.org/browser/nav-history-service;1"] .getservice(components.interfaces.nsibrowserhistory); method overview void addpagewith
details(in nsiuri auri, in wstring atitle, in long long alastvisited); obsolete since gecko 15.0 void markpageasfollowedlink(in nsiuri auri); obsolete since gecko 22.0 void markpageastyped(in nsiuri auri); obsolete since gecko 22.0 void registeropenpage(in nsiuri auri); obsolete since gecko 9.0 void removeallpages(); void removepage(in nsiuri auri); ...
... methods addpagewith
details() obsolete since gecko 15.0 (firefox 15.0 / thunderbird 15.0 / seamonkey 2.12) note: this method was removed in gecko 15.0.
... void addpagewith
details( in nsiuri auri, in wstring atitle, in long long alastvisited ); parameters auri the page that will be added to the history.
nsIBrowserSearchService
method overview void addengine(in astring engineurl, in long datatype, in astring iconurl, in boolean confirm, [optional] in nsisearchinstallcallback callback); void addenginewith
details(in astring name, in astring iconurl, in astring alias, in astring description, in astring method, in astring url); void getdefaultengines([optional] out unsigned long enginecount, [retval, array, size_is(enginecount)] out nsisearchengine engines); nsisearchengine getenginebyalias(in astring alias); nsisearchengine getenginebyname(in astring aenginen...
... addenginewith
details() adds a new search engine, without asking the user for confirmation and without starting to use it right away.
... void addenginewith
details( in astring name, in astring iconurl, in astring alias, in astring description, in astring method, in astring url ); parameters name the search engine's name.
nsIJSON
this method accepts slightly more than the exact json syntax;
details of extra accepted syntax are deliberately not described.
...this method accepts slightly more than the exact json syntax;
details of extra accepted syntax are deliberately not described.
...this method accepts slightly more than the exact json syntax;
details of extra accepted syntax are deliberately not described.
nsINavHistoryResultObserver
tainerstatechanged(in nsinavhistorycontainerresultnode acontainernode, in unsigned long aoldstate, in unsigned long anewstate); void invalidatecontainer(in nsinavhistorycontainerresultnode acontainernode); void nodeannotationchanged(in nsinavhistoryresultnode anode, in autf8string aannoname); void nodedateaddedchanged(in nsinavhistoryresultnode anode, in prtime anewvalue); void nodehistory
detailschanged(in nsinavhistoryresultnode anode, in prtime anewvisitdate, in unsigned long anewaccesscount); void nodeiconchanged(in nsinavhistoryresultnode anode); void nodeinserted(in nsinavhistorycontainerresultnode aparent, in nsinavhistoryresultnode anode, in unsigned long anewindex); void nodekeywordchanged(in nsinavhistoryresultnode anode, in autf8string anewkeyword); void nodelastmodified...
... nodehistory
detailschanged() called right after a node's time property or accesscount property, or both, have changed.
... void nodehistory
detailschanged( in nsinavhistoryresultnode anode, in prtime anewvisitdate, in unsigned long anewaccesscount ); parameters anode the node whose
details have changed.
nsINavHistoryResultViewer
ode); void invalidatecontainer(in nsinavhistorycontainerresultnode acontainernode); void nodeannotationchanged(in nsinavhistoryresultnode anode, in autf8string aannoname); void nodedateaddedchanged(in nsinavhistoryresultnode anode, in prtime anewvalue); void nodelastaddedchanged(in nsinavhistoryresultnode anode, in prtime anewvalue); void nodehistory
detailschanged(in nsinavhistoryresultnode anode, in prtime anewvisitdate, in unsigned long anewaccesscount); void nodeiconchanged(in nsinavhistoryresultnode anode); void nodekeywordchanged(in nsinavhistoryresultnode anode, in autf8string anewkeyword); void nodemoved(in nsinavhistoryresultnode anode, in nsinavhistorycontainerresultnode aoldparent, in unsigned long aoldindex, ...
... nodehistory
detailschanged() called right after a node's last access time or access count has changed.
... void nodehistory
detailschanged( in nsinavhistoryresultnode anode, in prtime anewvisitdate, in unsigned long anewaccesscount ); parameters anode the node whose
details have changed.
Troubleshooting XPCOM components registration
please refer to msdn for
details.
...(the -r switch from gnu ldd lists function relocations; adjust as suitable for your version) trace shared library loading by setting the environment variable ld_debug=all while launching firefox (see `man ld.so` for
details).
... use dyld environment variables to trace binary component loading: dyld_print_apis=1 dyld_print_libraries=1 (see `man dyld` for
details).
Reference Manual
this section will help you if you're already familiar with nscomptr but you need
details.
...implementation
details and debugging machinery although it is a class, nscomptr has no virtual methods, and therefore, no vtable or vptr.
...see code bloat [long, summary at top] for
details, though the recommendations from that document are re-iterated here.
Deprecated tools - Firefox Developer Tools
more
details on the mailing-list thread.
... more
details about the web audio editor alternatives alternatives include audion and https://github.com/spite/webaudioextension web extensions.
... more
details about the shader editor alternatives an alternative to this panel is this extension: https://github.com/spite/shadereditorextension, or spector.js also supports a shader editor that requires a library to use a shader reloader hook.
Network request list - Firefox Developer Tools
for more
details on the color-coding used here, see the section on the timings page.
...clicking an item in the search results highlights that item in the monitor list, and displays the corresponding information in the request
details pane.
... network monitor features the following articles cover different aspects of using the network monitor: toolbar network request
details network traffic recording performance analysis throttling ...
UI Tour - Firefox Developer Tools
the performance tool's ui consists of 4 main pieces: toolbar recordings pane recording overview
details pane, which may contain any one of: waterfall call tree flame chart toolbar the toolbar contains buttons to: start and stop a recording import a recording you previously saved clear the recordings pane.
... filter the markers that are displayed in the waterfall view switch the active tool in the
details pane.
...in the screenshot below we've selected that drop in the frame rate, and can see the long-running paint operation in more detail:
details pane the
details pane shows whichever tool is currently selected.
Rich output - Firefox Developer Tools
the right-arrow key opens the
details of an object and the left-arrow key closes open objects.
... examining request
details similar to examining object
details, you can see the
details about a network request directly in the console.
... click on the arrow next to the request and a
details panel will open that is equivalent to the headers panel in the network monitor tool.
BasicCardResponse.billingAddress - Web APIs
example let's look at a sample payment request: var request = new paymentrequest(supportedinstruments,
details, options); // call show() to trigger the browser's payment flow.
... console.log(instrumentresponse.
details); }) .catch(function(err) { // do something with the error from request.show().
... }); once the payment flow has been triggered using paymentrequest.show() and the promise resolves successfully, the paymentresponse object available inside the fulfilled promise (instrumentresponse above) will have a paymentresponse.
details property that will contain response
details.
BasicCardResponse.cardNumber - Web APIs
example let's look at a sample payment request: var request = new paymentrequest(supportedinstruments,
details, options); // call show() to trigger the browser's payment flow.
... console.log(instrumentresponse.
details); }) .catch(function(err) { // do something with the error from request.show().
... }); once the payment flow has been triggered using paymentrequest.show() and the promise resolves successfully, the paymentresponse object available inside the fulfilled promise (instrumentresponse above) will have a paymentresponse.
details property that will contain response
details.
BasicCardResponse.cardSecurityCode - Web APIs
example let's look at a sample payment request: var request = new paymentrequest(supportedinstruments,
details, options); // call show() to trigger the browser's payment flow.
... console.log(instrumentresponse.
details); }) .catch(function(err) { // do something with the error from request.show().
... }); once the payment flow has been triggered using paymentrequest.show() and the promise resolves successfully, the paymentresponse object available inside the fulfilled promise (instrumentresponse above) will have a paymentresponse.
details property that will contain response
details.
BasicCardResponse.cardholderName - Web APIs
example let's look at a sample payment request: var request = new paymentrequest(supportedinstruments,
details, options); // call show() to trigger the browser's payment flow.
... console.log(instrumentresponse.
details); }) .catch(function(err) { // do something with the error from request.show().
... }); once the payment flow has been triggered using paymentrequest.show() and the promise resolves successfully, the paymentresponse object available inside the fulfilled promise (instrumentresponse above) will have a paymentresponse.
details property that will contain response
details.
BasicCardResponse.expiryMonth - Web APIs
example let's look at a sample payment request: var request = new paymentrequest(supportedinstruments,
details, options); // call show() to trigger the browser's payment flow.
... console.log(instrumentresponse.
details); }) .catch(function(err) { // do something with the error from request.show().
... }); once the payment flow has been triggered using paymentrequest.show() and the promise resolves successfully, the paymentresponse object available inside the fulfilled promise (instrumentresponse above) will have a paymentresponse.
details property that will contain response
details.
BasicCardResponse.expiryYear - Web APIs
example let's look at a sample payment request: var request = new paymentrequest(supportedinstruments,
details, options); // call show() to trigger the browser's payment flow.
... console.log(instrumentresponse.
details); }) .catch(function(err) { // do something with the error from request.show().
... }); once the payment flow has been triggered using paymentrequest.show() and the promise resolves successfully, the paymentresponse object available inside the fulfilled promise (instrumentresponse above) will have a paymentresponse.
details property that will contain response
details.
EventTarget.addEventListener() - Web APIs
see the event listener callback for
details on the callback itself.
...see safely detecting option support for
details.
...it is used to register event listeners dynamically when very old browsers (like ie <=8) must be supported; see the table below for
details on browser support for addeventlistener.
HTMLMediaElement.error - Web APIs
when an error event is received by the element, you can determine
details about what happened by examining this object.
... example this example establishes a video element and adds an error handler to it; the error handler simply logs the
details to console.
... var videoelement = document.createelement('video'); videoelement.onerror = function() { console.log("error " + videoelement.error.code + ";
details: " + videoelement.error.message); } videoelement.src = "https://example.com/bogusvideo.mp4"; specifications specification status comment html living standardthe definition of 'htmlmediaelement.error' in that specification.
MediaDevices.getDisplayMedia() - Web APIs
see using the screen capture api for more
details and an example.
...check the compatibility table for
details for each browser.
...for that reason, the specification
details measures browsers are required to take in order to fully support getdisplaymedia().
MediaError.message - Web APIs
the read-only property mediaerror.message returns a domstring which contains a human-readable string offering specific diagnostic
details related to the error described by the mediaerror object, or an empty string ("") if no diagnostic information can be determined or provided.
...if no specific
details are available, this string is empty.
... the error's code attribute is checked to determine a generic error message to display, and, if message is not empty, it's appended to provide additional
details.
MediaSession.setActionHandler() - Web APIs
further
details on the action types can be found below under media session actions.
... the action handler receives as input a single parameter: an object conforming to the mediasessionaction
details dictionary, which provides both the action type (so the same function can handle multiple action types), as well as data needed in order to perform the action.
... audio.currenttime = math.max(audio.currenttime - skiptime, 0); }); supporting multiple actions in one handler function you can also, if you prefer, use a single function to handle multiple action types, by checking the value of the mediasessionaction
details object's action property: let skiptime = 7; navigator.mediasession.setactionhandler("seekforward", handleseek); navigator.mediasession.setactionhandler("seekbackward", handleseek); function handleseek(
details) { switch(
details.action) { case "seekforward": audio.currenttime = math.min(audio.currenttime + skiptime, audio.duration); break; case "seekbackward":...
PaymentAddress - Web APIs
examples in the following example, the paymentrequest() constructor is used to create a new payment request, which takes three objects as parameters — one containing
details of the payment methods that can be used for the payment, one containing
details of the actual order (such as items bought and shipping options), and an optional object containing further options.
... const supportedinstruments = [ { supportedmethods: "basic-card", }, ]; const
details = { total: { label: "donation", amount: { currency: "usd", value: "65.00" } }, displayitems: [ { label: "original donation amount", amount: { currency: "usd", value: "65.00" }, }, ], shippingoptions: [ { id: "standard", label: "standard shipping", amount: { currency: "usd", value: "0.00" }, selected: true, }, ], }; const options = { requestshipping: true }; async function dopaymentrequest() { const request = new paymentrequest(supportedinstruments,
details, options...
..."success" : "failure"; await response.complete(result); } dopaymentrequest(); once the payment flow has been triggered using paymentrequest.show() and the promise resolves successfully, the paymentresponse object available inside the fulfilled promise (instrumentresponse above) will have a paymentresponse.
details property that will contain response
details.
PaymentRequest.onshippingoptionchange - Web APIs
var request = new paymentrequest(supportedinstruments,
details, options); // when user selects a shipping address request.addeventlistener('shippingaddresschange', e => { e.updatewith(((
details, addr) => { var shippingoption = { id: '', label: '', amount: { currency: 'usd', value: '0.00' }, selected: true }; // shipping to us is supported if (addr.country === 'us') { shippingoption.id = 'us'; shippingopt...
...ion.label = 'standard shipping in us'; shippingoption.amount.value = '0.00';
details.total.amount.value = '55.00'; // shipping to jp is supported } else if (addr.country === 'jp') { shippingoption.id = 'jp'; shippingoption.label = 'international shipping'; shippingoption.amount.value = '10.00';
details.total.amount.value = '65.00'; // shipping to elsewhere is unsupported } else { // empty array indicates rejection of the address
details.shippingoptions = []; return promise.resolve(
details); console.log(
details.error); } // hardcode for simplicity if (
details.displayitems.length === 2) {
details.displayitems[2] = shippingoption; } else {
details.displayitems.push(shippingoption); } detai...
...ls.shippingoptions = [shippingoption]; return promise.resolve(
details); })(
details, request.shippingaddress)); }); specifications specification status comment payment request apithe definition of 'onshippingoptionchange' in that specification.
PaymentRequest: paymentmethodchange event - Web APIs
the code assumes the existence of a method
detailsforshipping(), which returns a payment
detailsupdate object containing the shipping options for the ground shipping method, in the form found in the paymentshippingoption dictionary.
... const options = { requestshipping: true }; const paymentrequest = new paymentrequest(paymentmethods,
detailsforshipping("ground"), options); paymentrequest.addeventlistener("paymentmethodchange", handlepaymentchange, false); paymentrequest.show() .then(response => response.complete("success")) .catch(err => console.log("error handling payment request: " + err)); the event handler function itself, handlepaymentchange(), looks like this: handlepaymentchange = event => { const
detailsupdate = {}; if (event.methodname === "https://apple.com/apple-pay") { const servicefeeinfo = calculateservicefee(event.method
details); 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 method
details 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 payment
detailsupdate object that specifies changes to be applied to the paymentrequest in order to add any service fees that the payment method might require.
PaymentRequest.shippingOption - Web APIs
in each calls to update
details() are made, one using a promise, and the other with a plain js object.
... const request = new paymentrequest(methoddata,
details, options); // async update to
details request.onshippingaddresschange = ev => { ev.updatewith(checkshipping(request)); }; // sync update to the total request.onshippingoptionchange = ev => { const shippingoption = shippingoptions.find( option => option.id === request.id ); const newtotal = { currency: "usd", label: "total due", value: calculatenewtotal(shippingoption), }; ev.updatewith({ ...
details, total: newtotal }); }; async function checkshipping(request) { try { const json = request.shippingaddress.tojson(); await ensurecanshipto(json); const { shippingoptions, total } = await calculateshipping(json); return { ...d...
...etails, shippingoptions, total }; } catch (err) { return { ...
details, error: `sorry!
PaymentRequest: shippingaddresschange event - Web APIs
the shippingaddresschange event is sent to the paymentrequest object when the user selects a shipping address or changes
details of their shipping address.
... const paymentrequest = new paymentrequest(methoddata,
details, options); paymentrequest.addeventlistener("shippingaddresschange", event => { let
detailsupdate = checkaddress(paymentrequest.shippingaddress); event.updatewith(
detailsupate); }, false); const checkaddress = theaddress => { let
detailsupdate = {}; // check the address, return a payment
detailsupdate object // with any changes or errors.
... return
detailsupdate; }; you can also establish a handler for shippingaddresschange using the onshippingaddresschange event handler property: paymentrequest.onshippingaddresschange = event => { let
detailsupdate = checkaddress(paymentrequest.shippingaddress); event.updatewith(
detailsupdate); }; specifications specification status comment payment request apithe definition of 'shippingaddresschange' in that specification.
PaymentRequestUpdateEvent.updateWith() - Web APIs
the updatewith() method of the paymentrequestupdateevent interface updates the
details of an existing paymentrequest.
... syntax paymentrequestupdateevent.updatewith(
details); parameters
details a payment
detailsupdate object specifying the changes applied to the payment request: displayitems optional an array of paymentitem objects, each describing one line item for the payment request.
... modifiers optional an array of payment
detailsmodifier objects, each describing a modifier for particular payment method identifiers.
PaymentResponse.retry() - Web APIs
see the list of exceptions for show() for further
details.
... async function handlepayment() { const payrequest = new paymentrequest(methoddata,
details, options); try { let payresponse = await payrequest.show(); while (payresponse has errors) { /* let the user edit the payment information, wait until they submit */ await response.retry(); } await payresponse.complete("success"); } catch(err) { /* handle the exception */ } } examples try { await paymentrequest.retry(errorfields); } catch (domexception err) { ...
... } async function dopaymentrequest() { const request = new paymentrequest(methoddata,
details, options); const response = await request.show(); await recursivevalidate(request, response); await response.complete("success"); } // keep validating until the data looks good!
Payment processing concepts - Web APIs
terminology before getting into the
details of how the api operates, there are tems you'll need to know.
...see basiccardrequest for
details.
...see merchant validation for
details.
PushManager - Web APIs
it returns a promise that resolves to a pushsubscription object containing
details of an existing subscription.
...it returns a promise that resolves to a pushsubscription object containing
details of a push subscription.
...} navigator.serviceworker.register('serviceworker.js').then( function(serviceworkerregistration) { serviceworkerregistration.pushmanager.subscribe().then( function(pushsubscription) { console.log(pushsubscription.endpoint); // the push subscription
details needed by the application // server are now available, and can be sent to it using, // for example, an xmlhttprequest.
RTCIceCandidate - Web APIs
webrtc then uses that candidate's
details to initiate the connection.
... for
details on how the ice process works, see lifetime of a webrtc session.
... the article webrtc connectivity provides additional useful
details.
RTCPeerConnection - Web APIs
for
details on the difference, see pending and current descriptions in webrtc connectivity.pendingremotedescription read only the read-only property rtcpeerconnection.pendingremotedescription returns an rtcsessiondescription object describing a pending configuration change for the remote end of the connection.
...for
details on the difference, see pending and current descriptions in webrtc connectivity.remotedescription read only the read-only property rtcpeerconnection.remotedescription returns a rtcsessiondescription describing the session (which includes configuration and media information) for the remote end of the connection.
...see signaling in lifetime of a webrtc session for more
details about the signaling process.event handlersalso inherits event handlers from: eventtargetonaddstream the rtcpeerconnection.onaddstream event handler is a property containing the code to execute when the addstream event, of type mediastreamevent, is received by this rtcpeerconnection.
Lighting a WebXR setting - Web APIs
however, there are issues and
details to keep in mind while creating your lighting code, especially for augmented reality (ar) applications.
...once the api has stabilized, we'll update this documentation with the
details.
... wwhen the browser provides
details about a very bright, directional light source, that source probably represents the sun.
Rendering and the WebXR frame animation callback - Web APIs
we also make use of perspective, size differences, and even simply our understanding of how things usually look to figure out the
details of that third dimension.
...it receives as input the time at which the frame being drawn and an xrframe object providing
details about the state of the scene for the frame you need to render.
...see the article movement, orientation, and motion for
details and a thorough example of how this works.
Web Workers API - Web APIs
see functions and classes available to workers for more
details.
...see sharedworker for more
details.
...see chromeworker for more
details.
How to check the security state of an XMLHTTPRequest over SSL - Web APIs
here is a an example javascript function that prints the security
details of an xmlhttprequest sent over ssl.
... was the used ssl certificate valid and what are its
details (owner, expiration, certificate authority, etc.)?
...esslistener.state_is_broken) == ci.nsiwebprogresslistener.state_is_broken) { dump("unknown\n"); dump("\tsecurity description: " + secinfo.shortsecuritydescription + "\n"); dump("\tsecurity error message: " + secinfo.errormessage + "\n"); } } else { dump("\tno security info available for this channel\n"); } // print ssl certificate
details if (secinfo instanceof ci.nsisslstatusprovider) { var cert = secinfo.queryinterface(ci.nsisslstatusprovider) .sslstatus.queryinterface(ci.nsisslstatus).servercert; dump("\tcommon name (cn) = " + cert.commonname + "\n"); dump("\tissuer = " + cert.issuerorganization + "\n"); dump("\torganisation = " + cert.organization + "\n"); ...
Web APIs
uator geolocation geolocationcoordinates geolocationposition geolocationpositionerror geometryutils gestureevent globaleventhandlers gyroscope h htmlanchorelement htmlareaelement htmlaudioelement htmlbrelement htmlbaseelement htmlbasefontelement htmlbodyelement htmlbuttonelement htmlcanvaselement htmlcollection htmlcontentelement htmldlistelement htmldataelement htmldatalistelement html
detailselement htmldialogelement htmldivelement htmldocument htmlelement htmlembedelement htmlfieldsetelement htmlfontelement htmlformcontrolscollection htmlformelement htmlframesetelement htmlhrelement htmlheadelement htmlheadingelement htmlhtmlelement htmlhyperlinkelementutils htmliframeelement htmlimageelement htmlinputelement htmlisindexelement htmlkeygenelement htmllielement htmllabeleleme...
...ation mediadeviceinfo mediadevices mediaelementaudiosourcenode mediaencodingconfiguration mediaerror mediaimage mediakeymessageevent mediakeysession mediakeystatusmap mediakeysystemaccess mediakeysystemconfiguration mediakeys medialist mediametadata mediapositionstate mediaquerylist mediaquerylistevent mediaquerylistlistener mediarecorder mediarecordererrorevent mediasession mediasessionaction
details mediasettingsrange mediasource mediastream mediastreamaudiodestinationnode mediastreamaudiosourcenode mediastreamaudiosourceoptions mediastreamconstraints mediastreamevent mediastreamtrack mediastreamtrackaudiosourcenode mediastreamtrackaudiosourceoptions mediastreamtrackevent mediatrackconstraints mediatracksettings mediatracksupportedconstraints merchantvalidationevent messagechannel mess...
...ives oes_texture_float oes_texture_float_linear oes_texture_half_float oes_texture_half_float_linear oes_vertex_array_object ovr_multiview2 offlineaudiocompletionevent offlineaudiocontext offscreencanvas orientationsensor oscillatornode overconstrainederror p pagetransitionevent paintworklet pannernode parentnode passwordcredential path2d payererrors paymentaddress paymentcurrencyamount payment
detailsbase payment
detailsupdate paymentitem paymentmethodchangeevent paymentrequest paymentrequestevent paymentrequestupdateevent paymentresponse paymentvalidationerrors pbkdf2params performance performanceentry performanceeventtiming performanceframetiming performancelongtasktiming performancemark performancemeasure performancenavigation performancenavigationtiming performanceobserver perform...
ARIA: Comment role - Accessibility
<p>the last half of the song is a slow-rising crescendo that peaks at the <span role="mark" aria-
details="thread-1">end of the guitar solo</span>, before fading away sharply.</p> <div role="comment" id="thread-1" data-author="chris"> <h3>chris said</h3> <p class="comment-text">i really think this moment could use more cowbell.</p> <p><time datetime="2019-03-30t19:29">march 30 2019, 19:29</time></p> </div> to associate the comment with the text being commented, we need to wrap the commented t...
...ext with an element containing the aria-
details attribute, the value of which should be the id of the comment.
... multiple comments since aria-
details can now accept multiple ids, we can associate multiple comments with the same annotation, like so: <p>the last half of the song is a slow-rising crescendo that peaks at the <mark aria-
details="thread-1 thread-2">end of the guitar solo</mark>, before fading away sharply.</p> <div role="comment" id="thread-1" data-author="chris"> <h3>chris said</h3> <p class="comment-text">i really think this moment could use more cowbell.</p> <p><time datetime="2019-03-30t19:29">march 30 2019, 19:29</time></p> </div> <div role="comment" id="thread-2" data-author="chris"> <h3>marcus said</h3> <p class="comment-text">the guitar solo could do with a touch more chorus, and a slightly lower volume.</p> <p><time datetime="2019-03-29t15:35">march 29 2019, 15:35</...
Text labels and names - Accessibility
<div role="dialog" aria-labelledby="dialog1title" aria-describedby="dialog1desc"> <h2 id="dialog1title">your personal
details were successfully updated</h2> <p id="dialog1desc">you can change your
details at any time in the user account section.</p> <button>close</button> </div> if the dialog box doesn't have a heading, you can instead use aria-label to contain the label text: <div role="dialog" aria-label="personal
details updated confirmation"> <p>your personal
details were successfully updated.
... you can change your
details at any time in the user account section.</p> <button>close</button> </div> see also role="dialog" role="alertdialog" aria-label aria-labelledby wai-aria: dialog role dialog authoring practices documents must have a title it is important on each html document to include a <title> that describes the page's purpose.
... examples the title for the reference article about the <title> element is as follows: <title><title>: the document title element - html: hypertext markup language</title> another example might look like so: <title>fill in your
details to register — mygov services</title> to help the user, you can update the page title value to reflect significant page state changes (such as form validation problems): <title>2 errors — fill in your
details to register — mygov services</title> see also <title> embedded content must be labeled make sure that elements that embed content have a title attribute that describes the embe...
::slotted() - CSS: Cascading Style Sheets
in this demo we use a simple template with three slots: <template id="person-template"> <div> <h2>personal id card</h2> <slot name="person-name">name missing</slot> <ul> <li><slot name="person-age">age missing</slot></li> <li><slot name="person-occupation">occupation missing</slot></li> </ul> </div> </template> a custom element — <person-
details> — is defined like so: customelements.define('person-
details', class extends htmlelement { constructor() { super(); let template = document.getelementbyid('person-template'); let templatecontent = template.content; const shadowroot = this.attachshadow({mode: 'open'}); let style = document.createelement('style'); style.textcontent = 'div { padding: 10...
... the element looks like this when inserted into the page: <person-
details> <p slot="person-name">dr.
... shazaam</p> <span slot="person-age">immortal</span> <span slot="person-occupation">superhero</span> </person-
details> specifications specification status comment css scoping module level 1the definition of '::slotted' in that specification.
Using CSS animations - CSS: Cascading Style Sheets
this lets you configure the timing, duration, and other
details of how the animation sequence should progress.
...as an example, the rule we’ve been using through this article: p { animation-duration: 3s; animation-name: slidein; animation-iteration-count: infinite; animation-direction: alternate; } could be replaced by p { animation: 3s infinite alternate slidein; } note: you can find more
details out at the animation reference page: setting multiple animation property values the css animation longhand values can accept multiple values, separated by commas — this feature can be used when you want to apply multiple animations in a single rule, and set separate durations, iteration counts, etc.
... var element = document.getelementbyid("watchme"); element.addeventlistener("animationstart", listener, false); element.addeventlistener("animationend", listener, false); element.addeventlistener("animationiteration", listener, false); element.classname = "slidein"; this is pretty standard code; you can get
details on how it works in the documentation for eventtarget.addeventlistener().
Box alignment for block, absolutely positioned and table layout - CSS: Cascading Style Sheets
the box alignment specification
details how alignment works in various layout methods.
...as this page aims to detail things which are specific to block layout and box alignment, it should be read in conjunction with the main box alignment page, which
details the common features of box alignment across layout methods.
...this document
details how the specification expects these properties to be implemented for completeness, and is likely to change as the specification and browser implementations develop.
Relationship of flexbox to other layout methods - CSS: Cascading Style Sheets
this specification
details how alignment works in all layout — not just flexbox.
...writing modes are fully detailed in the css writing modes specification, which
details how css supports the various different writing modes that exist internationally.
...this article
details many of the ways that grid layout differs from flex layout, and demonstrates some of the extra functionality you get when using grid layout such as layering of items on the grid.
Box alignment in CSS Grid Layout - CSS: Cascading Style Sheets
this specification
details how alignment should work in all the different layout methods.
...while the specification currently specifies alignment
details for all layout methods, browsers have not fully implemented all of the specification; however, the css grid layout method has been widely adopted.
...} .item1 { grid-area: a; } .item2 { grid-area: b; align-self: start; } .item3 { grid-area: c; align-self: end; } .item4 { grid-area: d; align-self: center; } <div class="wrapper"> <div class="item1">item 1</div> <div class="item2">item 2</div> <div class="item3">item 3</div> <div class="item4">item 4</div> </div> items with an intrinsic aspect ratio the specification
details that the default behavior in align-self is to stretch, except for items which have an intrinsic aspect ratio, in this case they behave as start.
display - CSS: Cascading Style Sheets
see appendix b: effects of display: contents on unusual elements for more
details.
...see the accessibility concerns section below for more
details.
... the level 3 specification
details two values for the display property — enabling the specification of the outer and inner display type explicitly — but this is not yet well-supported by browsers.
Setting up adaptive streaming media sources - Developer guides
the mpd file tells the browser where the various pieces of media are located, it also includes meta data such as mimetype and codecs and there are other
details such as byte-ranges in there too - it is an xml document and in many cases will be generated for you.
... </adaptationset> </period> </mpd> the mpd file tells the browser where the various pieces of media are located, it also includes meta data such as mimetype and codecs and there are other
details such as byte-ranges in there too.
... note: you can find more
details about these tools at using http live streaming.
Audio and Video Delivery - Developer guides
throw e.error || new error(e.name); // e.name is ff non-spec } recorder.onstop = function(e) { var audio = document.createelement('audio'); audio.src = window.url.createobjecturl(new blob(data)); } settimeout(function() { rec.stop(); }, 5000); }) .catch(function onerror(error) { console.log(error.message); }); see mediarecorder api for more
details.
...this is done by setting the value of the currenttime property on the element; see htmlmediaelement for further
details on the element's properties.
...this article explains how, looking at two of the most common formats: mpeg-dash and hls (http live streaming.) dash adaptive streaming for html 5 video
details how to set up adaptive streaming using dash and webm.
Content categories - Developer guides
this is a loose grouping (it doesn't actually create a relationship among elements of these categories), but they help define and describe the categories' shared behavior and their associated rules, especially when you come upon their intricate
details.
...they are: <a>, <abbr>, <address>, <article>, <aside>, <audio>, <b>,<bdo>, <bdi>, <blockquote>, <br>, <button>, <canvas>, <cite>, <code>, <command>, <data>, <datalist>, <del>, <
details>, <dfn>, <div>, <dl>, <em>, <embed>, <fieldset>, <figure>, <footer>, <form>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <header>, <hgroup>, <hr>, <i>, <iframe>, <img>, <input>, <ins>, <kbd>, <keygen>, <label>, <main>, <map>, <mark>, <math>, <menu>, <meter>, <nav>, <noscript>, <object>, <ol>, <output>, <p>, <picture>, <pre>, <progress>, <q>, <ruby>, <s>, <samp>, <script>, <section>, <select>, <small>, <...
...elements that belong to this category include: <a>, <button>, <
details>, <embed>, <iframe>, <keygen>, <label>, <select>, and <textarea>.
Link types - HTML: Hypertext Markup Language
this is especially useful when opening untrusted links, in order to ensure they cannot tamper with the originating document via the window.opener property (see about rel=noopener for more
details), while still providing the referer http header (unless noreferrer is used as well).
... note: the link prefetch faq has
details on which links can be prefetched and on alternative methods.
...see preloading content with rel="preload" for more
details.
MIME types (IANA media types) - HTTP
an optional parameter can be added to provide additional
details: type/subtype;parameter=value for example, for any mime type whose main type is text, the optional charset parameter can be used to specify the character set used for the characters in the data.
... our media container formats guide provides a list of the file types that are commonly supported by web browsers, including information about what their special use cases may be, any drawbacks they have, and compatibility information, along with other
details.
... the audio codec and video codec guides list the various codecs that web browsers often support, providing compatibility
details along with technical information such as how many audio channels they support, what sort of compression is used, and what bit rates and so forth they're useful at.
HTTP caching - HTTP
for more
details see the information about the vary header below.
... for more
details, see also the freshness section below.
...for more
details, see the validation section below.
Feature Policy - HTTP
for more
details see using feature policy.
...for more
details see "enforcing best practices for good user experiences".
...see individual directive pages for
details.
User-Agent - HTTP
header type request header forbidden header name no syntax user-agent: <product> / <product-version> <comment> common format for web browsers: user-agent: mozilla/5.0 (<system-information>) <platform> (<platform-
details>) <extensions> directives <product> a product identifier — its name or development codename.
... <comment> zero or more comments containing more
details; sub-product information, for example.
...see below for further
details and examples.
SVG: Scalable Vector Graphics
documentation svg element reference
details about each svg element.
... svg attribute reference
details about each svg attribute.
... svg dom interface reference
details about the svg dom api, for interaction with javascript.
Understanding WebAssembly text format - WebAssembly
module (for now) looks like this: (module (func $add (param $lhs i32) (param $rhs i32) (result i32) local.get $lhs local.get $rhs i32.add) (export "add" (func $add)) ) if you want to follow along with the example, save the above our module into a file called add.wat, then convert it into a binary file called add.wasm using wabt (see converting webassembly text format to wasm for
details).
...also see webassembly.instantiatestreaming() for more
details about the instantiate function.
... note: you can find a lot more
details in the threading proposal for webassembly.
page-mod - Archive of obsolete content
for all the
details on content scripts, see the guide to content scripts.
...see the documentation of the include option above for
details of include syntax.
panel - Archive of obsolete content
see panel's options for further
details.
... properties port eventemitter object that allows you to: send events to the content script using the port.emit function receive events from the content script using the port.on function see the guide to communicating using port for
details.
widget - Archive of obsolete content
port object that allows you to: send events to the content script using the port.emit function receive events from the content script using the port.on function see the guide to communicating using port for
details.
... port object that allows you to: send events to the content script using the port.emit function receive events from the content script using the port.on see the guide to communicating using port for
details.
event/target - Archive of obsolete content
in order to emit events one needs to use event/core module instead: let { emit } = require('sdk/event/core'); target.on('hi', function(person) { console.log(person + ' says hi'); }); emit(target, 'hi', 'mark'); // info: 'mark says hi' for more
details see event/core documentation.
... more
details listeners registered during the event propagation (by one of the listeners) won't be triggered until next emit of the matching type: let { emit } = require('sdk/event/core'); target.on('message', function onmessage(message) { console.log('listener triggered'); target.on('message', function() { console.log('nested listener triggered'); }); }); emit(target, 'message'); // info: 'listener triggered' emit(target, 'message'); // info: 'listener triggered' // info: 'nested listener triggered' exceptions in the listeners can be handled via 'error' event listeners: target.on('boom', function() { throw error('boom!'); }); target.once('error', function(error) { console.log('caught an error: ' + error.message); }); emit(target, 'boom'); // info: ca...
loader/sandbox - Archive of obsolete content
optionally the sandbox function can be passed a second argument (see sandbox documentation on mdn for
details).
... evaluate code module provides evaluate function that lets you execute code in the given sandbox: evaluate(scope, 'var a = 5;'); evaluate(scope, 'a + 2;'); //=> 7 more
details about evaluated script may be passed via optional arguments that may improve exception reporting: // evaluate code as if it was loaded from 'http://foo.com/bar.js' and // start from 2nd line.
platform/xpcom - Archive of obsolete content
see nsicomponentregistrar.autoregister() for
details.
... id var service = service({ contract: contractid, component: alertservice }); after this, xpcom users can access the service implementation by supplying the contract id: var alertservice = cc[contractid].getservice(ci.nsialertsservice); alertservice.showalertnotification(...); the service interface is identical to the factory interface, so refer to the factory interface documentation for
details.
package.json - Archive of obsolete content
see "simple-prefs in the preferences system" for more
details.
...a tool "fixpack" will reorder your package.json as follows: name first description second version third author fourth all other keys in alphabetical order dependencies and devdependencies sorted alphabetically newline at the end of the file more
details here: "github - henrikjoreteg/fixpack: a package.json file scrubber for the truly insane." https://github.com/henrikjoreteg/fixpack ...
Storing annotations - Archive of obsolete content
annotation list content script here's the annotation list's content script: self.on("message", function onmessage(storedannotations) { var annotationlist = $('#annotation-list'); annotationlist.empty(); storedannotations.foreach( function(storedannotation) { var annotationhtml = $('#template .annotation-
details').clone(); annotationhtml.find('.url').text(storedannotation.url) .attr('href', storedannotation.url); annotationhtml.find('.url').bind('click', function(event) { event.stoppropagation(); event.preventdefault(); self.postmessage(storedannotation.url); }); annotationhtml.find('.selection-text') .te...
... annotation list html and css here's the html for the annotation list: <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>saved annotations</title> <link rel="stylesheet" type="text/css" href="annotation-list.css" /> </head> <body> <div id="annotation-list"> </div> <div id="template"> <div class="annotation-
details"> <a class="url"></a> <div class="selection-text"></div> <div class="annotation-text"></div> </div> </div> </body> </html> here's the corresponding css: #annotation-list .annotation-
details { padding: 10px; margin: 10px; border: solid 3px #eee; background-color: white; } #annotation-list .url, .selection-text, .annotation-text { padding: 5px; margin: 5px; }...
File I/O - Archive of obsolete content
see reading textual data
details on how to read text from other character sets.
...es.nsifileoutputstream); stream.init(afile, 0x04 | 0x08 | 0x20, 0600, 0); // readwrite, create, truncate stream.write(pngbinary, pngbinary.length); if (stream instanceof components.interfaces.nsisafeoutputstream) { stream.finish(); } else { stream.close(); } more there are more methods and properties on nsifile and nsilocalfile interfaces; please refer to their documentation for more
details.
Extension Versioning, Update and Compatibility - Archive of obsolete content
providing
details about updates general it is possible to provide the user some
details about what is new in an updated version of your add-on.
... the technical
details of the signing mechanism are beyond the scope of this document however the basics are as follows: step 1 - done once, before you publish your add-on the target: adding updatekey in install.rdf the add-on author creates a public/private rsa cryptographic key pair.
Chapter 5: Let's build a Firefox extension - Archive of obsolete content
change to your name --> <em:creator>gomita</em:creator> <!-- web page address through which extension is distributed --> <em:homepageurl>http://www.xuldev.org/helloworld/</em:homepageurl> <!-- this section gives
details of the target application for the extension (in this case: firefox 2) --> <em:targetapplication> <description> <em:id>{ec8030f7-c20a-464f-9b0e-13a3a9e97384}</em:id> <em:minversion>2.0</em:minversion> <em:maxversion>4.0.0.*</em:maxversion> </description> </em:targetapplication> </description> </rdf> create the chrome manifest fill in the chrome.mani...
...in general,
details (idl) on the xpcom interface are available from the mozilla cross-reference7, which includes source code with full-text searching available.
XML data - Archive of obsolete content
sheet, you specify how info elements are to be displayed: info { display: block; margin: 1em 0; } the most common values for the display property are: block displayed like html's div (for headings, paragraphs) inline displayed like html's span (for emphasis within text) add your own style rules that specify the font, spacing and other
details in the same way as for html.
... more
details other values of display display the element like a list item, or like a component of a table.
MCD, Mission Control Desktop, AKA AutoConfig - Archive of obsolete content
ref: bug 690370 available functions are (see prefcalls.js file for
details): function getprefbranch() function pref(prefname, value) function defaultpref(prefname, value) function lockpref(prefname, value) function unlockpref(prefname) function getpref(prefname) function getldapattributes(host, base, filter, attribs) function getldapvalue(str, key) function displayerror(funcname, message) function getenv(name) configure autoconfig two directives ask thunderbird to...
...see bug 295329 for
details.
Notes on HTML Reflow - Archive of obsolete content
the
details on this page are obsolete.
... original document information author(s): chris waterson last updated date: december 4, 2004 copyright information: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license |
details.
Autodial for Windows NT - Archive of obsolete content
most systems are not set up correctly for this to happen, and most users have no idea how all these
details work.
... original document information author(s): benjamin chuang last updated date: october 2, 2002 copyright information: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license |
details.
Block and Line Layout Cheat Sheet - Archive of obsolete content
the
details of block and line layout are tricky; this document serves as a "cheat sheet" that describes how the vagary of different state flags control what's going on.
... original document information author(s): chris waterson last updated date: december 4, 2004 copyright information: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license |
details.
Helper Apps (and a bit of Save As) - Archive of obsolete content
nsexternalapphandler
details implements nsistreamlistener.
... original document information author(s): boris zbarsky last updated date: september 12, 2002 copyright information: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license |
details.
Actionscript Acceptance Tests - Archive of obsolete content
(see bug 587093 for
details.) specifying multiple .abcs: if you desire to run a test with multiple .abc files (e.g: avmshell a.abc b.abc testname.abc) there is a special avm_args directive called multiabc that is specified surrounded by two pipe (|) symbols: |multiabc| $dir/testname_support/a.abc $dir/testname_support/b.abc the extra abc files will usually be placed in a _support dir (see additional files below).
...# (see http://docs.python.org/library/time.html for
details) # e.g.: eastern standard time/eastern daylight time = ('est','edt') # write timezones as tuples, one to each line.
Running Tamarin performance tests - Archive of obsolete content
not optimize files when compiling --perfm parse the perfm results from avm --csv= also output to csv file, filename required --csvappend append to csv file instead of overwriting --score compute and print geometric mean of scores --index= index file to use (must end with .py) --saveindex= save results to given index file name option
details indexing: there are two command line flags that control indexing: --index and —saveindex both require an index filename to be specified after the flag.
... see the file header for
details testing the android shell the instructions above apply to running tests on an android device as well, but with a few differences.
The new nsString class implementation (1999) - Archive of obsolete content
however, it suffers from a few implementation
details which need to be addressed and that are the subject of this document.
... original document information author: rick gessner last updated date: january 20, 1999 copyright information: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license |
details.
URIs and URLs - Archive of obsolete content
details can be found at bug 90439.
... original document information author(s): andreas otte last updated date: january 2, 2002 copyright information: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license |
details.
Popup Guide - Archive of obsolete content
a brief overview of each type is listed here; more
details for each type can be found by following the corresponding links.
...see using menus and popups in extensions for
details.
Multiple Rule Example - Archive of obsolete content
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> <content uri="?start"/> <member container="?start" child="?photo"/> <triple subject="?photo" predicate="http://purl.org/dc/elements/1.1/title" object="?phototitl...
...if you reversed the order of the two rules in the example above, three photos would still be displayed, but the larger rule that displays the image
details would be dropped as the other rule has a higher priority.
Custom toolbar button - Archive of obsolete content
compose --> <toolbarpalette id="msgcomposetoolbarpalette"> <toolbarbutton id="custom-button-1"/> </toolbarpalette> <!-- thunderbird address book --> <toolbarpalette id="addressbooktoolbarpalette"> <toolbarbutton id="custom-button-1"/> </toolbarpalette> <!-- sunbird --> <toolbarpalette id="calendartoolbarpalette"> <toolbarbutton id="custom-button-1"/> </toolbarpalette> <!-- button
details --> <toolbarbutton id="custom-button-1" label="custom" tooltiptext="my custom toolbar button" oncommand="custombutton[1]()" class="toolbarbutton-1 chromeclass-toolbar-additional custombutton" /> </overlay> optionally customize the file by changing the label and tooltiptext in the last section.
...the last section specifies
details of the button.
Box Objects - Archive of obsolete content
« previousnext » this section describes the box object, which holds display and layout related information about a xul box as well as some
details about xul layout.
...it isn't necessary to know the
details of how the layout objects are constructed but it is quite useful to at least have at least the knowledge of what is described above of xul layout for more advanced xul development.
The Chrome URL - Archive of obsolete content
this makes it much easier to write applications that have lots of files since you don't have to worry about the
details of locating files.
...by using chrome urls we can leave
details like this to mozilla.
XUL Structure - Archive of obsolete content
details of how to create this file will be discussed in a later section.
... skin - style sheets, images and other theme specific files style sheets describe
details of the appearance of a window.
XUL Tutorial - Archive of obsolete content
introduction introduction xul structure the chrome url manifest files simple elements creating a window adding buttons adding labels and images input controls numeric controls list controls progress meters adding html elements using spacers more button features the box model the box model element positioning box model
details groupboxes adding more elements more layout elements stacks and decks stack positioning tabboxes grids content panels splitters toolbars and menus toolbars simple menu bars more menu features popup menus scrolling menus events and scripts adding event handlers more event handlers keyboard shortcuts focus and selection commands updating commands broadcasters and obs...
...ervers document object model document object model modifying a xul interface manipulating lists box objects xpcom interfaces xpcom examples trees trees more tree features tree selection custom tree views tree view
details tree box objects rdf and templates introduction to rdf templates trees and templates rdf datasources advanced rules persistent data skins and locales adding style sheets styling a tree modifying the default skin creating a skin skinning xul files by hand localization property files bindings introduction to xbl anonymous content xbl attribute inheritance adding properties adding methods adding event handlers xbl inheritance creating reusable content using css and xbl xbl example specialized window types features of a wind...
tabbrowser - Archive of obsolete content
see listening to events on all tabs for
details.
... (see nsiwebnavigation.loaduri() for
details on the referrer and postdata parameters.) movetabto(tab, index) return type: tab element tries to moves an existing tab to a given index.
Application Update - Archive of obsolete content
auto", true); // defines how the application update service notifies the user about updates: // // aum set to: minor releases: major releases: // 0 download no prompt download no prompt // 1 download no prompt download no prompt if no incompatibilities // 2 download no prompt prompt // // see chart in nsupdateservice.js.in for more
details // pref("app.update.mode", 1); // if set to true, the update service will present no ui for any event.
...pref("app.update.url.
details", "http://yourserver.net/yourpage"); // user-settable override to app.update.url for testing purposes.
nsIContentPolicy - Archive of obsolete content
reject_request -1 returned from shouldload() or shouldprocess() if the load or process request is rejected based on
details of the request.
...mozilla callers will handle this like reject_request; third-party implementors may, for example, use this to direct their own callers to consult the extra parameter for additional
details.
Browser Detection and Cross Browser Support - Archive of obsolete content
we recommend that the use of user agent string based detection be limited to server side situations and except in those circumstances where it is absolutely required such as when
details of the gecko branch are required.
...see the dom client object cross-reference for more
details on which internet explorer's objects and properties are supported by which version of gecko.
Back to the Server: Server-Side JavaScript On The Rise - Archive of obsolete content
listing 3 below
details a script used to process an rss feed from the mozilla website.
...t_name = new ext.form.textfield({ name: "name", fieldlabel: "name", width: 200 }); // create the e-mail text field txt_email = new ext.form.textfield({ name: "email", fieldlabel: "e-mail", width: 200 }); // create the message text field txt_message = new ext.form.textarea({ name: "message", fieldlabel: "message", width: 200 }); // create a button used to send the form
details.
Implementation Status - Archive of obsolete content
4.3.5 xforms-reset supported 4.3.6 xforms-next xforms-previous supported 4.3.7 xforms-focus supported 4.3.8 xforms-help xforms-hint supported 4.3.9 xforms-submit partial see section 11.2 for more
details 4.3.10 xforms-submit-serialize supported 4.4 notification events supported 4.4.1 xforms-insert supported 4.4.2 xforms-delete supported 4.4.3 xforms-value-changed supported ...
...click for more
details.
WebVR — Virtual Reality for the Web - Game development
} for a full explanation and more
details of the demo this is taken from, see using the webvr api.
... there's also a markup framework called a-frame that offers simple building blocks for webvr, so you can rapidly build and experiment with vr websites and games: read the building up a basic demo with a-frame tutorial for more
details.
Unconventional controls - Game development
note: see the deviceproximityevent reference page for more
details.
... summary i hope you liked the experiments — if you have any others that you think might interest other people, feel free to add
details of them here.
Index - MDN Web Docs Glossary: Definitions of Web-related terms
203 high-level programming language codingscripting, glossary a high-level programming language has a significant abstraction from the
details of computer operation.
... 405 search engine definition, glossary, indexing, search engine, searching, web crawling, webmechanics, world wide web,
details, google a search engine is a software system that collects information from the world wide web and presents it to users who are looking for specific information.
Accessible multimedia - Learn web development
simple images we already covered simple text alternatives for html images in our html: a good basis for accessibility article — you can refer back to there for the full
details.
... here's an example: <video controls> <source src="example.mp4" type="video/mp4"> <source src="example.webm" type="video/webm"> <track kind="subtitles" src="subtitles_en.vtt" srclang="en"> </video> this will result in a video that has subtitles displayed, kind of like this: for more
details, please read adding captions and subtitles to html5 video.
Using CSS generated content - Learn web development
for
details, see 4.4 css style sheet representation in the css specification.
...for
details, see referring to characters not represented in a character encoding and characters and case in the css specification.
Test your skills: Form structure - Learn web development
form structure 1 in this task we want you to structure the provided form features: separate out the first two and second two form fields into two distinct containers, each with a descriptive legend (use "personal
details" for the first two, and "comment information" for the second two).
...
details of what you have already tried, and what you would like us to do, e.g.
Test your skills: HTML5 controls - Learn web development
create appropriate inputs for a user to update their
details for: email website phone number favourite color try updating the live code below to recreate the finished example: download the starting point for this task to work in your own editor or in an online editor.
...
details of what you have already tried, and what you would like us to do, e.g.
Publishing your website - Learn web development
in addition, you will need a file transfer protocol (ftp) program (see how much does it cost: software for more
details) to actually transfer the website files over to the server.
... ftp programs vary widely, but generally, you have to connect to your web server using
details provided by your hosting company (typically username, password, hostname).
Advanced text formatting - Learn web development
usercode every time the user updates the text area code textarea.onkeyup = function(){ // we only want to save the state when the user code is being shown, // not the solution, so that solution is not saved over the user code if(solution.value === 'show solution') { userentry = textarea.value; } else { solutionentry = textarea.value; } updatecode(); }; marking up contact
details html has an element for marking up contact
details — <address>.
... this simply wraps around your contact
details, for example: <address> <p>chris mills, manchester, the grim north, uk</p> </address> it could also include more complex markup, and other forms of contact information, for example: <address> <p> chris mills<br> manchester<br> the grim north<br> uk </p> <ul> <li>tel: 01234 567 890</li> <li>email: me@grim-north.co.uk</li> </ul> </address> note that something like this would also be ok, if the linked page contained the contact information: <address> <p>page written by <a href="../authors/chris-mills/">chris mills</a>.</p> </address> superscript and subscript you will occasionally need to use superscript and subscript when marking up items like dates, chemical formulae, and mathematical equations so they have ...
Creating hyperlinks - Learn web development
find
details on our <a href="contacts.html">contacts page</a>.</p> moving down into subdirectories: if you wanted to include a hyperlink inside index.html (the top level index.html) pointing to projects/index.html, you would need to go down into the projects directory before indicating the file you want to link to.
... specifying
details in addition to the email address, you can provide other information.
Build your own function - Learn web development
along the way, we'll also explain some useful
details of dealing with functions.
... objective: to provide some practice in building a custom function, and explain a few more useful associated
details.
Test your skills: JSON - Learn web development
you'll probably want to use an outer loop to loop through the cats and add their names to the motherinfo variable string, and an inner loop to loop through all the kittens, add up the total of all/male/female kittens, and add those
details to the kitteninfo variable string.
...
details of what you have already tried, and what you would like us to do, e.g.
Introducing JavaScript objects - Learn web development
inheritance in javascript with most of the gory
details of oojs now explained, this article shows how to create "child" object classes (constructors) that inherit features from their "parent" classes.
... object building practice in previous articles we looked at all the essential javascript object theory and syntax
details, giving you a solid base to start from.
Introduction to the server side - Learn web development
it can also make sites easier to use by storing personal preferences and information — for example reusing stored credit card
details to streamline subsequent payments.
...for example, many sites store credit cards so that
details don't have to be entered again.
Implementing feature detection - Learn web development
this article
details how to write your own simple feature detection, how to use a library to speed up implementation, and native features for feature detection such as @supports.
...see using bad browser sniffing code for more
details.
Adding a new CSS property
if you need more
details on any of the points mentioned here, a good place to find them is by looking at other changes in the version control history of the files mentioned.
... again, see the documentation at the top of the file and the other entries for examples, and also see the next section for
details about parsing.
Chrome registration
for example: binary-component component/mylib.dll abi=winnt_x86-msvc binary-component component/mylib.so abi=linux_x86-gcc3 see xpcom abi for more
details.
...see safely accessing content dom from chrome for
details.
Old Thunderbird build
on windows: check that the mapi header files from https://www.microsoft.com/en-us/download/
details.aspx?id=12905 are installed because the mapi header files are not bundled with visual studio 2013/2015 (windows sdk 8.1/10).
... try asking in mozilla.dev.builds - include
details of what is in your mozconfig, and what the actual error is.
Simple Thunderbird build
windows build prerequisites gnu/linux build prerequisites macos build prerequisites mapi headers on windows: check that the mapi header files from https://www.microsoft.com/en-us/download/
details.aspx?id=12905 are installed because the mapi header files (except mapi.h) are not bundled with visual studio 2017 (windows sdk 10).
... try asking in mozilla.dev.builds - include
details of what is in your mozconfig, and what the actual error is.
NSS 3.12.5 release_notes
(see ssl.h) error codes: ssl_error_decompression_failure (see sslerr.h) ssl_error_renegotiation_not_allowed (see sslerr.h) new context initialization and shutdown functions see nss.h for
details.
... see the following struct in nss.h for
details: nssinitparametersstr other new functions in secmod.h: secmod_getskipfirstflag secmod_getdefaultmoddbflag in prlink.h nss_securememcmp port_loadlibraryfromorigin modified functions sgn_update (see cryptohi.h) the parameter "input" of this function is changed from unsigned char * to const unsigned char *.
Overview of NSS
for
details, see network security services for java.
... for complete
details, see encryption technologies.
NSS tools : modutil
this is covered in the jar installation file section in the man page, which
details the special script needed to perform an installation through a server or with modutil.
...nss internal pkcs #11 module slots: 2 slots attached status: loaded slot: nss internal cryptographic services token: nss generic crypto services slot: nss user private key and certificate services token: nss certificate db ----------------------------------------------------------- passing a specific module name with the -list returns
details information about the module itself, like supported cipher mechanisms, version numbers, serial numbers, and other information about the module and the token it is loaded on.
sslcrt.html
some of the pk11 functions require a pin argument (see ssl_setpkcs11pinarg for
details), which must be specified in the wincx parameter.
...some of the pk11 functions require a pin argument (see ssl_setpkcs11pinarg for
details), which must be specified in the wincx parameter.
NSS tools : modutil
this is covered in the jar installation file section in the man page, which
details the special script needed to perform an installation through a server or with modutil.
...ss internal pkcs #11 module slots: 2 slots attached status: loaded slot: nss internal cryptographic services token: nss generic crypto services slot: nss user private key and certificate services token: nss certificate db ----------------------------------------------------------- passing a specific module name with the -list returns
details information about the module itself, like supported cipher mechanisms, version numbers, serial numbers, and other information about the module and the token it is loaded on.
Network Security Services
if you're a developer and would like to contribute to nss, you might want to read the documents highlevel overview of internal
details of nss and getting started with nss.
... tools, testing, and other technical
details build instructions for nss describe how to check out and build nss releases.
The Necko HTTP module
http cache (v2) describes in detail the api and the implementation
details of the content (http, but not only) cache.
... original document information last updated date: may 12, 2003 copyright information: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license |
details ...
Multithreading in Necko
however, the
details of the implementation are heavily platform dependent.
... original document information author(s): darin fisher last updated date: december 10, 2001 copyright information: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license |
details.
Proxies in Necko
to be written xxx missing paragraphs are about pac, and more
details about http proxying, and maybe some more
details about socks proxies.
... original document information author(s): christian biesinger last updated date: april 8, 2005 copyright information: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license |
details.
JSAPI User Guide
for more
details, see the jsapi reference.
... see spidermonkey garbage collection internals for more
details.
Storage
see its documentation for more
details on each method.
...see mozistoragestatementwrapper for
details.
wrappedJSObject
see how to build an xpcom component in javascript for
details on creating one.
... nsixpcsecuritymanager allows access (see the source code comments for
details; this is usually not an issue for mozilla extensions and applications) this means that in order to access the js object implementing our component directly, we must modify the component.
Index
31 gloda indexing this page provides a big-picture summary of what the indexer does; please see the source for nitty-gritty
details or if this page seems to be wrong.
...the window api will give you the complete
details.
LDAP Support
see bug #119291 for more
details.
... original document information author(s): scott macgregor copyright information: portions of this content are © 1998–2010 by individual mozilla.org contributors; content available under a creative commons license |
details.
Mail and RDF
the
details answering queries mail uses rdf resource factories to attach mail-specific information to rdf resources.
... (the
details of rdf resource factories will be left to rdf documentation for now.) from an rdf resource, it is possible to queryinterface() to the appropriate mail/news object, and then access information from there.
Using js-ctypes
see declaring types for
details.
...see apple's documentation for standardalert for
details.
ABI
general
details this article describes the calling conventions with respect to js-ctypes while programming x86 and x86-64/x64/amd64 architectures.
... http://en.wikipedia.org/wiki/application_binary_interface os specific windows https://msdn.microsoft.com/en-us/library/k2b2ssfy.aspx https://msdn.microsoft.com/en-us/library/9b372w95.aspx
details with respect to js-ctypes this explains how to use it in the js-ctypes scope.
Debugger.Frame - Firefox Developer Tools
the “immediate caller” rule means that, when debuggee code calls a non-debuggee function, it looks like a call to a primitive: you see a frame for the non-debuggee function that was accessible to the debuggee, but any further calls that function makes are treated as internal
details, and omitted from the stack trace.
... if given,options should be an object whose properties specify
details of how the evaluation should occur.
Network Monitor - Firefox Developer Tools
the network monitor shows you all the network requests firefox makes (for example, when it loads a page, or due to xmlhttprequests), how long each request takes, and
details of each request.
... ui overview the ui is divided into four main pieces: the main screen contains the toolbar, the network request list, and the network request
details pane: the performance analysis view is a separate screen: working with the network monitor the following articles cover different aspects of using the network monitor: toolbar network request list network request
details network traffic recording performance analysis throttling ...
CSS Flexbox Inspector: Examine Flexbox layouts - Firefox Developer Tools
once you select an element whose display is defined as flex, the panel will include a number of options for viewing
details about the flex container and flex items within it.
... if you click on the item, the display shifts to show
details about that element: this view shows information about the calculations for the size of the selected flex item: a diagram visualizing the sizing of the flex item content size - the size of the component without any restraints imposed on it by its parent flexibility - how much a flex item grew or shrunk based on its flex-grow value when there is extra free space or its flex-shrink value whe...
Call Tree - Firefox Developer Tools
by default, the call tree doesn't split platform data out into separate functions, because they add a great deal of noise, and the
details are not likely to be useful to people not working on firefox.
... if you want to see the
details, check "show gecko platform data" in the settings.
Shader Editor - Firefox Developer Tools
for
details, see deprecated tools.
...for example, you can modify the colors: the editor highlights syntax errors in your code: if you hover over the cross shown next to a line containing an error, you'll see more
details about the problem: ...
Storage Inspector - Firefox Developer Tools
add and refresh storage you'll also have buttons available to add a new storage entry or refresh the view of the currently viewed storage type where applicable (you can't add new entries to indexeddb or cache): sidebar when you select any row in the storage table widget, the sidebar is shown with
details about that row.
... if a cookie is selected, it will list all the
details about that cookie.
Web Audio Editor - Firefox Developer Tools
for
details, see deprecated tools.
... in the pane that shows you the node's
details, there's an on/off button: click it, and the graph will be modified to bypass this node, so it will no longer have any effect.
Web Console remoting - Firefox Developer Tools
the client can request further network event
details - like response body or request headers.
... the getrequestheaders and other packets to get more
details about a network event you can use the following packet requests (and replies).
BasicCardRequest.supportedNetworks - Web APIs
var supportedinstruments = [{ supportedmethods: 'basic-card', data: { supportednetworks: ['visa', 'mastercard', 'amex', 'jcb', 'diners', 'discover', 'mir', 'unionpay'], supportedtypes: ['credit', 'debit'] } }]; var
details = { ...
...}; var request = new paymentrequest(supportedinstruments,
details, options); specifications specification status comment basic card paymentthe definition of 'supportednetworks' in that specification.
BasicCardRequest.supportedTypes - Web APIs
var supportedinstruments = [{ supportedmethods: 'basic-card', data: { supportednetworks: ['visa', 'mastercard', 'amex', 'jcb', 'diners', 'discover', 'mir', 'unionpay'], supportedtypes: ['credit', 'debit'] } }]; var
details = { ...
...}; var request = new paymentrequest(supportedinstruments,
details, options); ...
DOMMatrixReadOnly - Web APIs
see the matrix() css function for
details on this syntax.
...see the css matrix3d() function for
details on the 3d notation's syntax.
DeprecationReportBody - Web APIs
orts(reports); }, options); we then tell it to start observing reports using reportingobserver.observe(); this tells the observer to start collecting reports in its report queue, and runs the callback function specified inside the constructor: observer.observe(); because of the event handler we set up inside the reportingobserver() constructor, we can now click the button to display the report
details.
... the report
details are displayed via the displayreports() fuction, which takes the observer callback's reports parameter as its parameter: function displayreports(reports) { const outputelem = document.queryselector('.output'); const list = document.createelement('ul'); outputelem.appendchild(list); for(let i = 0; i < reports.length; i++) { let listitem = document.createelement('li'); let textnode = document.createtextnode('report ' + (i + 1) + ', type: ' + reports[i].type); listitem.appendchild(textnode); let innerlist = document.createelement('ul'); listitem.appendchild(innerlist); list.appendchild(listitem); for (let key in reports[i].body) { let innerlistitem = document.createelement('li'); let keyvalue = reports[i].body[key]; inner...
File and Directory Entries API - Web APIs
check the browser compatibility section for
details.
...check the browser compatibility for any part of the api you use carefully, and see file and directory entries api support in firefox for more
details.
Fullscreen API - Web APIs
see the article guide to the fullscreen api for
details on how to use the api.
...see the browser compatibility section below for
details on support for this api.
GeolocationPositionError.message - Web APIs
the geolocationpositionerror.message read-only property returns a human-readable domstring describing the
details of the error.
... syntax let msg = geolocationpositionerrorinstance.message value a human-readable domstring describing the
details of the error.
HTMLDialogElement.returnValue - Web APIs
p><label>favorite animal: <select name="favanimal" required> <option></option> <option>brine shrimp</option> <option>red panda</option> <option>spider monkey</option> </select> </label></p> <menu> <button>cancel</button> <button>confirm</button> </menu> </form> </dialog> <menu> <button id="update
details">update
details</button> </menu> <script> (function() { var updatebutton = document.getelementbyid('update
details'); var dialog = document.getelementbyid('favdialog'); dialog.returnvalue = 'favanimal'; function opencheck(dialog) { if (dialog.open) { console.log('dialog open'); } else { console.log('dialog closed'); } ...
... } function handleuserinput(returnvalue) { if (returnvalue === 'cancel' || returnvalue == null) { // user canceled the dialog, do nothing } else if (returnvalue === 'confirm') { // user chose a favorite animal, do something with it } } // “update
details” button opens the <dialog> modally updatebutton.addeventlistener('click', function() { dialog.showmodal(); opencheck(dialog); handleuserinput(dialog.returnvalue); }); })(); </script> note: you can find this example on github as htmldialogelement-basic (see it live also).
HTMLScriptElement - Web APIs
note: the exact processing
details for these attributes are complex, involving many different aspects of html, and therefore are scattered throughout the specification.
...for more
details, see the defer and async properties.
Key Values - Web APIs
see firefox bug bug 900750 and chrome bug 25503 for further
details.
...(see chrome bug 612749 for
details.) [2] in internet explorer (tested on release 9 and 11) and firefox 36 and earlier, the esc key returns "esc" instead of "escape".
MutationObserverInit - Web APIs
attributeoldvalue optional set to true to record the previous value of any attribute that changes when monitoring the node or nodes for attribute changes; see monitoring attribute values in mutationobserver for
details on watching for attribute changes and value recording.
...for
details and an example, see monitoring text content changes in mutationobserver.
Navigator.getBattery() - Web APIs
this implements the battery status api; see that documentation for additional
details, a guide to using the api, and sample code.
... let batteryischarging = false; navigator.getbattery().then(function(battery) { batteryischarging = battery.charging; battery.addeventlistener('chargingchange', function() { batteryischarging = battery.charging; }); }); for more examples and
details, see battery status api.
Node.baseURI - Web APIs
details the base url of a document the base url of a document defaults to the document's address (as displayed by the browser and available in window.location), but it can be changed: when an html <base> tag is found in the document when the document is new (created dynamically) see the base urls section of the html living standard for
details.
...see xml:base for
details.
Page Visibility API - Web APIs
see reasons for delays longer than specified for more
details.
...this operates in a similar way across modern browsers, with the
details being as follows: in firefox, windows in background tabs each have their own time budget in milliseconds — a max and a min value of +50 ms and -150 ms, respectively.
PayerErrors - Web APIs
the payererrors dictionary is used by the payment request api to indicate the presence of—and to explain how to correct—validation errors in the payer
details.
... the payer
details include the payer's name, phone number, and email address.
PaymentMethodChangeEvent.methodName - Web APIs
request.onpaymentmethodchange = function(ev) { const { type: cardtype } = ev.method
details; const newstuff = {}; if (ev.methodname === "https://apple.com/apple-pay") { switch (cardtype) { case "visa": // do apple pay specific handling for visa card...
... // method
details contains the card information const result = calculatediscount(ev.method
details); object.assign(newstuff, result); break; } } // finally...
PaymentRequest.canMakePayment() - Web APIs
async function initpaymentrquest() { const
details = { total: { label: "total", amount: { currency: "usd", value: "0.00", }, }, }; const supportsapplepay = new paymentrequest( [{ supportedmethods: "https://apple.com/apple-pay" }],
details ).canmakepayment(); // supports apple pay?
...let's see if we can use basic card const supportsbasiccard = await new paymentrequest( [{ supportedmethods: "basic-card" }],
details ).canmakepayment(); if (supportsbasiccard) { // show basic card support return; } // otherwise, make payments using html form element } specifications specification status comment payment request apithe definition of 'canmakepayment()' in that specification.
PaymentRequest.prototype.id - Web APIs
when constructing an instance of the paymentrequest, you are able to supply an custom id via payment
detailsinit dictionary's id member.
... const
details = { id: "super-store-order-123-12312", total: { label: "total due", amount: { currency: "usd", value: "65.00" }, }, }; const request = new paymentrequest(methoddata,
details); console.log(request.id); // super-store-order-123-12312 the id is then also available in the paymentresponse returned from the show() method, but under the requestid attribute.
PaymentRequest.onpaymentmethodchange - Web APIs
examples an example payment method change handler is shown below; this example handles changes made to the payment method when using apple pay, specifically: request.onpaymentmethodchange = ev => { const { type: cardtype } = ev.method
details; const newstuff = {}; if (ev.methodname === "https://apple.com/apple-pay") { switch (cardtype) { case "store": // do apple pay specific handling for store card...
... // method
details contains the store card information const result = calculatediscount(ev.method
details); object.assign(newstuff, result); break; } } // finally...
PaymentRequestEvent.modifiers - Web APIs
the modifiers read-only property of the paymentrequestevent interface returns an array of objects containing changes to payment
details.
... syntax var modifiers[] = payment
detailsevent.modifiers value an array of modifier objects.
PaymentResponse.complete() - Web APIs
see the browser compatibility section below for
details.
...var payment = new paymentrequest(supportedinstruments,
details, options); payment.show().then(function(paymentresponse) { var fetchoptions = { method: 'post', credentials: include, body: json.stringify(paymentresponse) }; var serverpaymentrequest = new request('secure/payment/endpoint'); fetch(serverpaymentrequest, fetchoptions).then( response => { if (response.status < 400) { paymentresponse.complete("success"); } else { ...
PaymentResponse - Web APIs
properties paymentresponse.
details read only secure context returns a json-serializable object that provides a payment method specific message used by the merchant to process the transaction and determine successful fund transfer.
...this is the same value supplied in the paymentrequest() constructor by
details.id.
PromiseRejectionEvent - Web APIs
for
details on promise rejection events, see promise rejection events in using promises.
...="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">promiserejectionevent</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constructor promiserejectionevent() creates a promiserejectionevent event, given the type of event (unhandledrejection or rejectionhandled) and other
details.
PushManager.subscribe() - Web APIs
it returns a promise that resolves to a pushsubscription object containing
details of a push subscription.
...ure that you can subscribe for push navigator.serviceworker.ready.then( function(serviceworkerregistration) { var options = { uservisibleonly: true, applicationserverkey: applicationserverkey }; serviceworkerregistration.pushmanager.subscribe(options).then( function(pushsubscription) { console.log(pushsubscription.endpoint); // the push subscription
details needed by the application // server are now available, and can be sent to it using, // for example, an xmlhttprequest.
PushRegistrationManager - Web APIs
methods pushregistrationmanager.register() returns a promise that resolves to a pushregistration with
details of a new registration.
... pushregistrationmanager.unregister() returns a promise that resolves to a pushregistration with
details of the unregistered registration.
RTCDataChannel: error event - Web APIs
bubbles yes cancelable no interface rtcerrorevent event handler property onerror the rtcerrorevent object provides
details about the error that occurred; see that article for
details.
...ed dlts failure alert: ", err.receivedalert); } if (err.sentalert) { console.error(" sent dlts failure alert: ", err.receivedalert); } break; } // add source file name and line information console.error(" error in file ", err.filename, " at line ", err.linenumber, ", column ", err.columnnumber); }, false); the received event provides
details in an rtcerror object called error; rtcerror is an extension of the domexception interface.
RTCErrorEvent.error - Web APIs
the read-only rtcerrorevent property error contains an rtcerror object describing the
details of the error which the event is announcing.
... syntax let errorinfo = rtcerrorevent.error; value an rtcerror object whose properties provide
details about the error which has occurred in the context of a webrtc operation.
RTCIceCandidatePairStats - Web APIs
see rfc 5245, section 7.1.3.2.4 for
details.
...check the compatibility table for
details on which browsers support them and in which versions.
RTCPeerConnection.setRemoteDescription() - Web APIs
see pending and current descriptions in webrtc connectivity for more
details on this process.
...this code is derived from the example and tutorial in the article signaling and video calling; take a look at that for more
details and a more in-depth explanation of what's going on.
Report - Web APIs
orts(reports); }, options); we then tell it to start observing reports using reportingobserver.observe(); this tells the observer to start collecting reports in its report queue, and runs the callback function specified inside the constructor: observer.observe(); because of the event handler we set up inside the reportingobserver() constructor, we can now click the button to display the report
details.
... the report
details are displayed via the displayreports() fuction, which takes the observer callback's reports parameter as its parameter: function displayreports(reports) { const outputelem = document.queryselector('.output'); const list = document.createelement('ul'); outputelem.appendchild(list); for(let i = 0; i < reports.length; i++) { let listitem = document.createelement('li'); let textnode = document.createtextnode('report ' + (i + 1) + ', type: ' + reports[i].type); listitem.appendchild(textnode); let innerlist = document.createelement('ul'); listitem.appendchild(innerlist); list.appendchild(listitem); for (let key in reports[i].body) { let innerlistitem = document.createelement('li'); let keyvalue = reports[i].body[key]; inner...
Reporting API - Web APIs
the report-to http header is used to specify
details about the different endpoints that a user-agent has available to it for delivering reports to.
...mediadevices.getusermedia(): if(navigator.mozgetusermedia) { navigator.mozgetusermedia( constraints, success, failure); } else { navigator.getusermedia( constraints, success, failure); } this causes a deprecation report to be generated; because of the event handler we set up inside the reportingobserver() constructor, we can now click the button to display the report
details.
Selection - Web APIs
this is an alias for removeallranges() — see selection.removeallranges() for more
details.
...this is an alias for collapse() — see selection.collapse() for more
details.
StorageEstimate - Web APIs
see the individual property pages for
details.
... usage
details secure context a dictionary containing a breakdown of usage by storage system.
Storage Access API - Web APIs
see document.requeststorageaccess() for more
details.
...you can currently find specification
details of the api at apple's introducing storage access api blog post, and whatwg html issue 3338 — proposal: storage access api.
Streams API - Web APIs
note: you can find a lot more
details about the theory and practice of streams in our articles — streams api concepts, using readable streams, and using writable streams.
... bytestream-related interfaces important: these are not implemented anywhere as yet, and questions have been raised as to whether the spec
details are in a finished enough state for them to be implemented.
Supporting both TouchEvent and MouseEvent - Web APIs
below are some
details about the interaction and the ramifications for application developers.
... event firing the touch events standard defines a few browser requirements regarding touch and mouse interaction (see the interaction with mouse events and click section for
details), noting the browser may fire both touch events and mouse events in response to the same user input.
A basic 2D WebGL animation example - Web APIs
let gl = null; let glcanvas = null; // aspect ratio and coordinate system //
details let aspectratio; let currentrotation = [0, 1]; let currentscale = [1.0, 1.0]; // vertex information let vertexarray; let vertexbuffer; let vertexnumcomponents; let vertexcount; // rendering data shared with the // scalers.
...the actual error
details are obtained by calling gl.getshaderinfolog().
Data in WebGL - Web APIs
they're used to provide values that will be the same for everything drawn in the frame, such as lighting positions and magnitudes, global transformation and perspective
details, and so forth.
... <<add
details>> buffers <<add information>> textures <<add information>> ...
WebGL best practices - Web APIs
this page tackles recommendations across the spectrum of expertise, and not only highlights dos and don'ts, but also
details why.
... width: dev_size[0].inlinesize, height: dev_size[0].blocksize, }; fn_resolve(ret); observer.disconnect(); return; } throw 'device-pixel-content-box not observed for elem ' + elem; }); observer.observe(elem, {box: 'device-pixel-content-box'}); }); }; please refer to the specification for more
details.
WebRTC connectivity - Web APIs
this information is exchanged and stored using session description protocol (sdp); if you want
details on the format of sdp data, you can find it in rfc 2327.
...this is known as an ice candidate and
details the available methods the peer is able to communicate (directly or through a turn server).
WebRTC API - Web APIs
more
details and links to relevant guides and tutorials needed webrtc reference because webrtc provides interfaces that work together to accomplish a variety of tasks, we have divided up the reference by category.
...
details about using webrtc statistics can be found in webrtc statistics api.
Window.open() - Web APIs
see rel="noopener" for more information and for browser compatibility
details, including information about ancillary effects.
...see rel="noreferrer" for additional
details and compatibility information.
WindowOrWorkerGlobalScope.setInterval() - Web APIs
see delay restrictions below for
details on the permitted range of delay values.
...it also offers an alternative way to pass the this object to the callback function (see the "this" problem for
details).
XRInputSource - Web APIs
read on in the main article on gripspace for more
details on how to use this space.
... for more
details on the input source's coordinate system, see the article that covers the gripspace property in detail.
ARIA: Mark role - Accessibility
<p>the last half of the song is a slow-rising crescendo that peaks at the <span role="mark" aria-
details="thread-1">end of the guitar solo</span>, before fading away sharply.</p> <div role="comment" id="thread-1" data-author="chris"> <h3>chris said</h3> <p class="comment-text">i really think this moment could use more cowbell.</p> <p><time datetime="2019-03-30t19:29">march 30 2019, 19:29</time></p> </div> the related comment is marked up using an html structure wrapped with a <div> containin...
... to associate the comment with the text being commented, we need to wrap the commented text with an element containing the aria-
details attribute, the value of which should be the id of the comment.
ARIA: dialog role - Accessibility
<div role="dialog" aria-labelledby="dialog1title" aria-describedby="dialog1desc"> <h2 id="dialog1title">your personal
details were successfully updated</h2> <p id="dialog1desc">you can change your
details at any time in the user account section.</p> <button>close</button> </div> description marking up a dialog element with the dialog role helps assistive technology identify the dialog's content as being grouped and separated from the rest of the page content.
...this approach is shown in the code snippet below: <div role="dialog" aria-labelledby="dialog1title" aria-describedby="dialog1desc"> <h2 id="dialog1title">your personal
details were successfully updated</h2> <p id="dialog1desc">you can change your
details at any time in the user account section.</p> <button>close</button> </div> keep in mind that a dialog's title and description text do not have to be focusable in order to be perceived by screen readers operating in a non-virtual mode.
Architecture - Accessibility
the following magic offsets are useful to define in your code: #define char_offset_end_of_line = -1 #define char_offset_caret = -2 more information many more
details on the mozilla document hierarchy are in the original design document for newatk.
... there are also
details on the general implementation of mozilla accessibility architecture (needs updating).
Box alignment in grid layout - CSS: Cascading Style Sheets
the box alignment specification
details how alignment works in various layout methods.
... as this page aims to detail things which are specific to css grid layout and box alignment, it should be read in conjunction with the main box alignment page which
details the common features of box alignment across layout methods.
Box alignment in Flexbox - CSS: Cascading Style Sheets
the box alignment specification
details how alignment works in various layout methods; on this page, we explore how box alignment works in the context of flexbox.
... as this page aims to detail things which are specific to flexbox and box alignment, it should be read in conjunction with the main box alignment page which
details the common features of box alignment across layout methods.
Box alignment in Multi-column Layout - CSS: Cascading Style Sheets
the box alignment specification
details how alignment works in various layout methods; on this page we explore how box alignment works in the context of multi-column layout.
... as this page aims to detail things which are specific to multi-column layout and box alignment, it should be read in conjunction with the main box alignment page which
details the common features of box alignment across layout methods.
CSS Grid Layout and Progressive Enhancement - CSS: Cascading Style Sheets
the css grid layout specification
details why we can overwrite the behavior of certain properties when something becomes a grid item.
...nothing that i am describing here should be seen as a "hack", we are taking advantage of the fact that the grid specification
details the interaction between different layout methods.
Visual formatting model - CSS: Cascading Style Sheets
in this document we define the model and introduce some of the related terms and concepts, linking to more specific pages on mdn for further
details.
...note however that block boxes, block-level boxes and box containers are all subtly different; see the block boxes section below for more
details.
list-style-type - CSS: Cascading Style Sheets
一萬一千一百一十一 upper-armenian * example disclosure-open symbol indicating that a disclosure widget such as <
details> is opened.
... disclosure-closed symbol indicating that a disclosure widget, like <
details> is closed.
Guide to scroll anchoring - CSS: Cascading Style Sheets
to opt out the entire document, you can set it on the <body> element: body { overflow-anchor: none; } to opt out a certain part of the document use overflow-anchor: none on its container element: .container { overflow-anchor: none; } note: the specification
details that once scroll anchoring has been opted out of, you cannot opt back into it from a child element.
... suppression triggers the specification also
details some suppression triggers, which will disable scroll anchoring in places where it might be problematic.
Cross-browser audio basics - Developer guides
see the autoplay guide for media and web audio apis for
details.
... ✓ ✓ ✓ ✓ safari ios3+ ✓ ✓ ✓ *4.2+ chrome mobile ✓ ✓ ✓ ✓ opera mobile ✓ ✓ ✓ ✓ internet explorer mobile ✓ ✓ ✓ ✓ android 2.3+ ✓ ✓ ✓ ✓ note: we are at the stage where nearly all browsers support mp3 — for more
details visit this page on media format browser compatibility.
DOM onevent handlers - Developer guides
for more
details, see the this keyword documentation.
...the specific handling of the return value depends on the kind of event; for
details, see "the event handler processing algorithm" in the html specification.
Date and time formats used in HTML - HTML: Hypertext Markup Language
example html date and time strings string date and/or time 2005-06-07 june 7, 2005 [
details] 08:45 8:45 am [
details] 08:45:25 8:45 am and 25 seconds [
details] 0033-08-04t03:40 3:40 am on august 4, 33 [
details] 1977-04-01t14:00:30 30 seconds after 2:00 pm on april 1, 1977 [
details] 1901-01-01t00:00z midnight utc on january 1, 1901 [
details] 1901-01-01t00:00:01-04:00 1 second past midnight eastern stand...
...ard time (est) on january 1, 1901 [
details] basics before looking at the various formats of date and time related strings used by html elements, it is helpful to understand a few fundamental facts about the way they're defined.
<a>: The Anchor element - HTML: Hypertext Markup Language
linking to an email address to create links that open in the user's email program to let them send a new message, use the mailto: scheme: <a href="mailto:nowhere@mozilla.org">send email to nowhere</a> for
details about mailto: urls, such as including a subject or body, see email links or rfc 6068.
... see rfc 3966 for syntax, additional features, and other
details about the tel: url scheme.
<dialog>: The Dialog element - HTML: Hypertext Markup Language
examples simple example <dialog open> <p>greetings, one and all!</p> </dialog> advanced example this example opens a pop-up dialog box that contains a form, when the "update
details" button is clicked.
...g"> <p><label>favorite animal: <select> <option></option> <option>brine shrimp</option> <option>red panda</option> <option>spider monkey</option> </select> </label></p> <menu> <button value="cancel">cancel</button> <button id="confirmbtn" value="default">confirm</button> </menu> </form> </dialog> <menu> <button id="update
details">update
details</button> </menu> <output aria-live="polite"></output> javascript var updatebutton = document.getelementbyid('update
details'); var favdialog = document.getelementbyid('favdialog'); var outputbox = document.queryselector('output'); var selectel = document.queryselector('select'); var confirmbtn = document.getelementbyid('confirmbtn'); // "update
details" button opens the <dialo...
<input type="search"> - HTML: Hypertext Markup Language
searchterms = mysearch.value; if no validation constraints are in place for the input (see validation for more
details), the value can be any text string or an empty string ("").
... see the section specifying a pattern for
details and an example.
<input type="text"> - HTML: Hypertext Markup Language
let thetext = mytextinput.value; if no validation constraints are in place for the input (see validation for more
details), the value may be an empty string ("").
... see specifying a pattern for further
details and an example.
<slot> - HTML: Hypertext Markup Language
examples <template id="element-
details-template"> <style>
details {font-family: "open sans light", helvetica, arial, sans-serif } .name {font-weight: bold; color: #217ac0; font-size: 120% } h4 { margin: 10px 0 -8px 0; background: #217ac0; color: white; padding: 2px 6px; border: 1px solid #cee9f9; border-radius: 4px; } .attributes { margin-left: 22px; font-size: 90% } .attri...
...butes p { margin-left: 16px; font-style: italic } </style> <
details> <summary> <code class="name"><<slot name="element-name">need name</slot>></code> <i class="desc"><slot name="description">need description</slot></i> </summary> <div class="attributes"> <h4>attributes</h4> <slot name="attributes"><p>none</p></slot> </div> </
details> <hr> </template> note: you can see this complete example in action at element-
details (see it running live).
<video>: The Video Embed element - HTML: Hypertext Markup Language
see creating a cross-browser video player for more
details.
...hosted by archive.org --> <!-- poster from peach.blender.org --> <video controls src="https://archive.org/download/bigbuckbunny_124/content/big_buck_bunny_720p_surround.mp4" poster="https://peach.blender.org/wp-content/uploads/title_anouncement.jpg?x11217" width="620"> sorry, your browser doesn't support embedded videos, but don't worry, you can <a href="https://archive.org/
details/bigbuckbunny_124">download it</a> and watch it with your favorite video player!
HTML elements reference - HTML: Hypertext Markup Language
element description <
details> the html
details element (<
details>) creates a disclosure widget in which information is visible only when the widget is toggled into an "open" state.
... <summary> the html disclosure summary element (<summary>) element specifies a summary, caption, or legend for a <
details> element's disclosure box.
HTML: Hypertext Markup Language
html markup includes special "elements" such as <head>, <title>, <body>, <header>, <footer>, <article>, <section>, <p>, <div>, <span>, <img>, <aside>, <audio>, <canvas>, <datalist>, <
details>, <embed>, <nav>, <output>, <progress>, <video>, <ul>, <ol>, <li> and many others.
... html reference in our extensive html reference section, you'll find the
details about every element and attribute in html.
Protocol upgrade mechanism - HTTP
this means that a typical request that includes upgrade would look something like: get /index.html http/1.1 host: www.example.com connection: upgrade upgrade: example/1, foo/2 other headers may be required depending on the requested protocol; for example, websocket upgrades allow additional headers to configure
details about the websocket connection as well as to offer a degree of security in opening the connection.
... see upgrading to a websocket connection for more
details.
Functions - JavaScript
see also the exhaustive reference chapter about javascript functions to get to know the
details.
...you can simply put 1 as the default value for b in the function head: function multiply(a, b = 1) { return a * b; } multiply(5); // 5 for more
details, see default parameters in the reference.
Introduction - JavaScript
once you have a firm grasp of the fundamentals, you can use the javascript reference to get more
details on individual objects and statements.
... for more information on the differences between javascript and java, see the chapter
details of the object model.
Keyed collections - JavaScript
one use case of weakmap objects is to store private data for an object, or to hide implementation
details.
... the following example is from nick fitzgerald's blog post "hiding implementation
details with ecmascript 6 weakmaps".
Working with objects - JavaScript
mycar.color; // undefined properties of javascript objects can also be accessed or set using a bracket notation (for more
details see property accessors).
...see also method definitions for more
details.
constructor - JavaScript
our class is a base class, the default constructor is empty: constructor() {} if your class is a derived class, the default constructor calls the parent constructor, passing along any arguments that were provided: constructor(...args) { super(...args); } that enables code like this to work: class validationerror extends error { printcustomermessage() { return `validation failed :-( (
details: ${this.message})`; } } try { throw new validationerror("not a valid phone number"); } catch (error) { if (error instanceof validationerror) { console.log(error.name); // this is error instead of validationerror!
...for example: class validationerror extends error { constructor(message) { super(message); // call parent class constructor this.name = 'validationerror'; this.code = '42'; } printcustomermessage() { return `validation failed :-( (
details: ${this.message}, code: ${this.code})`; } } try { throw new validationerror("not a valid phone number"); } catch (error) { if (error instanceof validationerror) { console.log(error.name); // now this is validationerror!
Date.prototype.toLocaleString() - JavaScript
see the intl.datetimeformat() constructor for
details on these parameters and how to use them.
... for this reason, you cannot expect to be able to compare the results of tolocalestring() to a static value: "1/1/2019, 01:00:00" === new date("2019-01-01t01:00:00z").tolocalestring("en-us"); // true in firefox and others // false in ie and edge note: see also this stackoverflow thread for more
details and examples.
Optional chaining (?.) - JavaScript
for instance: let potentiallynullobj = null; let x = 0; let prop = potentiallynullobj?.[x++]; console.log(x); // 0 as x was not incremented stacking the optional chaining operator with nested structures, it is possible to use optional chaining multiple times: let customer = { name: "carl",
details: { age: 82, location: "paradise falls" // detailed address is unknown } }; let customercity = customer.
details?.address?.city; // … this also works with optional chaining function call let duration = vacations.trip?.gettime?.(); combining with the nullish coalescing operator the nullish coalescing operator may be used after optional chaining in order to build a default value when ...
...none was found: let customer = { name: "carl",
details: { age: 82 } }; const customercity = customer?.city ??
MathML attribute reference - MathML
more
details for each attribute are available on particular element pages.
... align <mtable> <munder>, <mover>, <munderover> <mstack> specifies different alignments of several elements (see element pages for
details).
Progressive web apps (PWAs)
it describes the name of the app, the start url, icons, and all of the other
details necessary to transform the website into an app-like format.
<a> - SVG: Scalable Vector Graphics
oke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility xlink attributes most notably: xlink:title aria attributes aria-activedescendant, aria-atomic, aria-autocomplete, aria-busy, aria-checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-
details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-required, aria-roledescription,...
<circle> - SVG: Scalable Vector Graphics
opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria attributes aria-activedescendant, aria-atomic, aria-autocomplete, aria-busy, aria-checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-
details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-required, aria-roledescription,...
<ellipse> - SVG: Scalable Vector Graphics
opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria attributes aria-activedescendant, aria-atomic, aria-autocomplete, aria-busy, aria-checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-
details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-required, aria-roledescription,...
<foreignObject> - SVG: Scalable Vector Graphics
opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria attributes aria-activedescendant, aria-atomic, aria-autocomplete, aria-busy, aria-checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-
details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-required, aria-roledescription,...
<g> - SVG: Scalable Vector Graphics
opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria attributes aria-activedescendant, aria-atomic, aria-autocomplete, aria-busy, aria-checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-
details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-required, aria-roledescription,...
<line> - SVG: Scalable Vector Graphics
opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria attributes aria-activedescendant, aria-atomic, aria-autocomplete, aria-busy, aria-checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-
details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-required, aria-roledescription,...
<marker> - SVG: Scalable Vector Graphics
opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria attributes aria-activedescendant, aria-atomic, aria-autocomplete, aria-busy, aria-checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-
details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-required, aria-roledescription,...
<path> - SVG: Scalable Vector Graphics
opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria attributes aria-activedescendant, aria-atomic, aria-autocomplete, aria-busy, aria-checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-
details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-required, aria-roledescription,...
<polygon> - SVG: Scalable Vector Graphics
opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria attributes aria-activedescendant, aria-atomic, aria-autocomplete, aria-busy, aria-checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-
details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-required, aria-roledescription,...
<polyline> - SVG: Scalable Vector Graphics
opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria attributes aria-activedescendant, aria-atomic, aria-autocomplete, aria-busy, aria-checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-
details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-required, aria-roledescription,...
<rect> - SVG: Scalable Vector Graphics
opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria attributes aria-activedescendant, aria-atomic, aria-autocomplete, aria-busy, aria-checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-
details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-required, aria-roledescription,...
<script> - SVG: Scalable Vector Graphics
while svg's script element is equivalent to the html <script> element, it has some discrepancies, like it uses the href attribute instead of src and it doesn't support ecmascript modules so far (see browser compatibility below for
details) html,body,svg { height:100% } <svg viewbox="0 0 10 10" xmlns="http://www.w3.org/2000/svg"> <script> // <![cdata[ window.addeventlistener('domcontentloaded', () => { function getcolor () { const r = math.round(math.random() * 255).tostring(16).padstart(2,'0') const g = math.round(math.random() * 255).tostring(16).padstart(2,'0') const b = math.round(math.random() * 255).tostring(16).padstart(2,'0') return `#${r}${g}${b}` } document.queryselec...
<svg> - SVG: Scalable Vector Graphics
opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria attributes aria-activedescendant, aria-atomic, aria-autocomplete, aria-busy, aria-checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-
details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-required, aria-roledescription,...
<symbol> - SVG: Scalable Vector Graphics
opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria attributes aria-activedescendant, aria-atomic, aria-autocomplete, aria-busy, aria-checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-
details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-required, aria-roledescription,...
<text> - SVG: Scalable Vector Graphics
ter-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, text-anchor, transform, vector-effect, visibility aria attributes aria-activedescendant, aria-atomic, aria-autocomplete, aria-busy, aria-checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-
details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-required, aria-roledescription,...
<textPath> - SVG: Scalable Vector Graphics
opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria attributes aria-activedescendant, aria-atomic, aria-autocomplete, aria-busy, aria-checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-
details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-required, aria-roledescription,...
<tspan> - SVG: Scalable Vector Graphics
ter-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, text-anchor, transform, vector-effect, visibility aria attributes aria-activedescendant, aria-atomic, aria-autocomplete, aria-busy, aria-checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-
details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-required, aria-roledescription,...
<use> - SVG: Scalable Vector Graphics
opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria attributes aria-activedescendant, aria-atomic, aria-autocomplete, aria-busy, aria-checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-
details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-required, aria-roledescription,...
SVG documentation index - SVG: Scalable Vector Graphics
13 svg attribute reference drawing, landing, needshelp, overview, responsive design, svg, svg attribute, svg reference, vector graphics svg elements can be modified using attributes that specify
details about exactly how the element should be handled or rendered.
SVG In HTML Introduction - SVG: Scalable Vector Graphics
like in the following example: var img = document.createelementns("http://www.w3.org/2000/svg", "image"); img.setattributens("http://www.w3.org/1999/xlink", "xlink:href", "move.png");
details the viewbox attribute establishes a logical coordinate system which the svg picture's coordinates are relative to.